diff --git a/package-lock.json b/package-lock.json
index 1bc508ef8..dba23c8af 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,9 +18,10 @@
         "react-dom": "^18.2.0",
         "react-icon-cloud": "^1.1.3",
         "react-icons": "^5.2.1",
-        "react-router-dom": "^6.23.0",
+        "react-router-dom": "^6.28.2",
         "react-spring": "^9.7.3",
         "react-three-fiber": "^6.0.13",
+        "react-toastify": "^11.0.3",
         "simple-icons": "^5.24.0",
         "stats.js": "^0.17.0",
         "three": "^0.165.0",
@@ -3665,9 +3666,10 @@
       }
     },
     "node_modules/@remix-run/router": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.0.tgz",
-      "integrity": "sha512-Quz1KOffeEf/zwkCBM3kBtH4ZoZ+pT3xIXBG4PPW/XFtDP7EGhtTiC2+gpL9GnR7+Qdet5Oa6cYSvwKYg6kN9Q==",
+      "version": "1.21.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.21.1.tgz",
+      "integrity": "sha512-KeBYSwohb8g4/wCcnksvKTYlg69O62sQeLynn2YE+5z7JWEj95if27kclW9QqbrlsQ2DINI8fjbV3zyuKfwjKg==",
+      "license": "MIT",
       "engines": {
         "node": ">=14.0.0"
       }
@@ -5261,6 +5263,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -10110,11 +10121,12 @@
       }
     },
     "node_modules/react-router": {
-      "version": "6.23.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.23.0.tgz",
-      "integrity": "sha512-wPMZ8S2TuPadH0sF5irFGjkNLIcRvOSaEe7v+JER8508dyJumm6XZB1u5kztlX0RVq6AzRVndzqcUh6sFIauzA==",
+      "version": "6.28.2",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.28.2.tgz",
+      "integrity": "sha512-BgFY7+wEGVjHCiqaj2XiUBQ1kkzfg6UoKYwEe0wv+FF+HNPCxtS/MVPvLAPH++EsuCMReZl9RYVGqcHLk5ms3A==",
+      "license": "MIT",
       "dependencies": {
-        "@remix-run/router": "1.16.0"
+        "@remix-run/router": "1.21.1"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -10124,12 +10136,13 @@
       }
     },
     "node_modules/react-router-dom": {
-      "version": "6.23.0",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.23.0.tgz",
-      "integrity": "sha512-Q9YaSYvubwgbal2c9DJKfx6hTNoBp3iJDsl+Duva/DwxoJH+OTXkxGpql4iUK2sla/8z4RpjAm6EWx1qUDuopQ==",
+      "version": "6.28.2",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.28.2.tgz",
+      "integrity": "sha512-O81EWqNJWqvlN/a7eTudAdQm0TbI7hw+WIi7OwwMcTn5JMyZ0ibTFNGz+t+Lju0df4LcqowCegcrK22lB1q9Kw==",
+      "license": "MIT",
       "dependencies": {
-        "@remix-run/router": "1.16.0",
-        "react-router": "6.23.0"
+        "@remix-run/router": "1.21.1",
+        "react-router": "6.28.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -10301,6 +10314,19 @@
         }
       }
     },
+    "node_modules/react-toastify": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-11.0.3.tgz",
+      "integrity": "sha512-cbPtHJPfc0sGqVwozBwaTrTu1ogB9+BLLjd4dDXd863qYLj7DGrQ2sg5RAChjFUB4yc3w8iXOtWcJqPK/6xqRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19"
+      }
+    },
     "node_modules/react-use-measure": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.1.tgz",
diff --git a/package.json b/package.json
index d555ef09d..83d796842 100644
--- a/package.json
+++ b/package.json
@@ -20,9 +20,10 @@
     "react-dom": "^18.2.0",
     "react-icon-cloud": "^1.1.3",
     "react-icons": "^5.2.1",
-    "react-router-dom": "^6.23.0",
+    "react-router-dom": "^6.28.2",
     "react-spring": "^9.7.3",
     "react-three-fiber": "^6.0.13",
+    "react-toastify": "^11.0.3",
     "simple-icons": "^5.24.0",
     "stats.js": "^0.17.0",
     "three": "^0.165.0",
diff --git a/src/App.jsx b/src/App.jsx
index 99d8d90b1..db9a9dc61 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -14,7 +14,11 @@ import UpcomingProjects from './Components/UpcomingProjects';
 import VerticalTimeline from './Components/Timeline';
 import Carousel from './Components/Carousel';
 import Hero from './Components/Hero';
-import Footer from "./Components/Footer"
+import Footer from "./Components/Footer";
+import AdminApproval from './Components/AdminApproval';
+import { AchievementProvider } from './Components/AchievementContext';
+import { ToastContainer } from 'react-toastify'; // Import ToastContainer
+import 'react-toastify/dist/ReactToastify.css';
 
 
 const Homepage = () => {
@@ -22,7 +26,7 @@ const Homepage = () => {
     <div>
       <Hero />
        {/* Text Section between Hero and Carousel */}
-      <div className="text-center py-8 px-4 md:px-12 bg-opacity-10 text-white">
+      <div className="text-center py-8 px-4 md:px-12 bg-opacity-10 text-white ">
         <h2 className="text-4xl font-semibold mb-4">Welcome to Project X</h2>
         <p className="text-xl">
           We are an exclusive club at Veermata Jijabai Technological Institute, Mumbai. We provide a collaborative environment for students to learn, grow, and build projects together under mentorship. Explore our achievements, past projects, and upcoming events!
@@ -42,6 +46,7 @@ const Homepage = () => {
 function App() {
   return (
     <div className='bgC'>
+        <AchievementProvider>
     <Router>
       <Navigation />
       <Routes>
@@ -49,14 +54,19 @@ function App() {
         <Route path="/events" element={<Events />} />
         <Route path="/projects" element={<Projects />} />
         <Route path="/achievements" element={<Achievements />} />
+        <Route path="/admin" element={<AdminApproval />} />
         <Route path="/past-projects" element={<PastProjects />} />
         <Route path="/upcoming-projects" element={<UpcomingProjects />} />
+       
+
         {/* <Route path="/time" element={<VerticalTimeline />} /> */}
 
         {/* <Route path="/" element={<OrderManagement />} /> */}
       </Routes>
       <Footer />
+      <ToastContainer /> 
     </Router>
+    </AchievementProvider>
     <div>
     </div>
     </div>
diff --git a/src/Components/AchievementContext.jsx b/src/Components/AchievementContext.jsx
new file mode 100644
index 000000000..f37dd2ac2
--- /dev/null
+++ b/src/Components/AchievementContext.jsx
@@ -0,0 +1,89 @@
+import React, { createContext, useState } from 'react';
+
+export const AchievementContext = createContext();
+
+export const AchievementProvider = ({ children }) => {
+  const [submittedAchievements, setSubmittedAchievements] = useState([]);
+  const [approvedAchievements, setApprovedAchievements] = useState([
+    {
+      name: 'Kshitij Shah',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/jJyjcvZ/Kshitij-Shah-photoaidcom-cropped.png',
+      achievementDetails: 'Sugarlabs',
+      link: 'https://github.com/kshitijdshah99/Pippy_Activity',
+    },
+    {
+      name: 'Vedant Mehra',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/Z6fgX5F/IMG-20231110-003535-01-01-photoaidcom-cropped.png',
+      achievementDetails: 'CERN',
+      link: 'https://hepsoftwarefoundation.org/gsoc/blogs/2024/blog_SOFIE_VedantMehra.html',
+    },
+    {
+      name: 'Mayank Palan',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/Sm9FtJ2/1714656497995-photoaidcom-cropped.png',
+      achievementDetails: 'Red Hen Lab',
+      link: 'https://medium.com/@mayankpalan066/gsoc24-with-red-hen-lab-modeling-wayfinding-cfb0131b71d1',
+    },
+    {
+      name: 'Sharan Poojari',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/C640S72/Scanned-20240502-1627-1-page-0001-photoaidcom-cropped.png',
+      achievementDetails: 'NumFOCUS',
+      link: 'https://github.com/aiidateam/aiida-explorer/blob/gsoc/gsoc/README.md',
+    },
+    {
+      name: 'Warren Jacinto',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/T4D9vMh/IMG-20240502-172654-photoaidcom-cropped.png',
+      achievementDetails: 'Open Astronomy',
+      link: 'https://deadspheroid.github.io/my-blog/',
+    },
+    {
+      name: 'Tvisha Vedant',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/t3vy9D9/IMG-20240502-WA0043-2-photoaidcom-cropped.png',
+      achievementDetails: 'INCF',
+      link: 'https://tvilight4.github.io/MyBlog/',
+    },
+    {
+      name: 'Raya Chakravarthy',
+      category: 'GSOC',
+      image: 'https://i.ibb.co/9WSz3ss/photo-photoaidcom-cropped.png',
+      achievementDetails: 'INCF',
+      link: 'https://raya679.github.io/gsoc/',
+    },
+  ]);
+
+  const submitAchievement = (achievement) => {
+    setSubmittedAchievements((prev) => [...prev, achievement]);
+  };
+
+  const approveAchievement = (achievement) => {
+    setApprovedAchievements((prev) => [...prev, achievement]); // Add to approvedAchievements
+    setSubmittedAchievements((prev) =>
+      prev.filter((item) => item !== achievement) // Remove from submittedAchievements
+    );
+  };
+
+  const rejectAchievement = (achievement) => {
+    setSubmittedAchievements((prev) =>
+      prev.filter((item) => item !== achievement) // Remove from submittedAchievements
+    );
+  };
+
+  return (
+    <AchievementContext.Provider
+      value={{
+        submittedAchievements,
+        approvedAchievements,
+        submitAchievement,
+        approveAchievement,
+        rejectAchievement,
+      }}
+    >
+      {children}
+    </AchievementContext.Provider>
+  );
+};
diff --git a/src/Components/AchievementForm.jsx b/src/Components/AchievementForm.jsx
new file mode 100644
index 000000000..50855e641
--- /dev/null
+++ b/src/Components/AchievementForm.jsx
@@ -0,0 +1,165 @@
+import React, { useState, useContext } from 'react';
+import { AchievementContext } from './AchievementContext';
+import { toast } from 'react-toastify'; // Import toast from react-toastify
+import 'react-toastify/dist/ReactToastify.css'; // Import toast styles
+import { FaTimes } from 'react-icons/fa'; // Import close icon
+
+const AchievementForm = ({ onClose }) => {
+  const { submitAchievement } = useContext(AchievementContext);
+  const [formData, setFormData] = useState({
+    name: '',
+    category: '',
+    image: '',
+    achievementDetails: '',
+    link: '',
+  });
+
+  const categories = ['GSOC', 'Hackathons', 'Competitions', 'Miscellaneous'];
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData({ ...formData, [name]: value });
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    console.log('Submitting achievement:', formData);
+    submitAchievement(formData); // Submit the achievement
+
+    // Custom dark blue toast
+    toast.info('Your application will be reviewed.', {
+      position: 'bottom-right',
+      autoClose: 5000, // Close the toast after 5 seconds
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      draggable: true,
+      style: {
+        background: '#1e3a8a', // Dark blue background
+        color: '#ffffff', // White text
+      },
+      progressStyle: {
+        background: '#3b82f6', // Blue progress bar
+      },
+    });
+
+    onClose(); // Close the form
+  };
+
+  return (
+    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+      <div className="bg-white/10 backdrop-blur-lg p-8 rounded-lg shadow-lg w-full max-w-md border border-white/20 relative">
+        {/* Close button */}
+        <button
+          onClick={onClose}
+          className="absolute top-4 right-4 text-purple-200 hover:text-purple-400 transition-colors duration-200"
+        >
+          <FaTimes className="text-2xl" />
+        </button>
+
+        <h2 className="text-2xl font-bold text-purple-200 mb-6">Add Achievement</h2>
+        <form onSubmit={handleSubmit}>
+          {/* Name Field */}
+          <div className="mb-4">
+            <label className="block text-purple-200 font-mono font-bold mb-2">Name</label>
+            <input
+              type="text"
+              name="name"
+              value={formData.name}
+              onChange={handleChange}
+              className="w-full px-3 py-2 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 bg-white/10 text-purple-200 placeholder-purple-300"
+              required
+              placeholder="Enter name"
+            />
+          </div>
+
+          {/* Category Field */}
+          <div className="mb-4">
+            <label className="block text-purple-200 font-mono font-bold mb-2">Category</label>
+            <select
+              name="category"
+              value={formData.category}
+              onChange={handleChange}
+              className="w-full px-3 py-2 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 bg-gray-700 text-purple-200"
+              required
+            >
+              <option value="" disabled className="bg-gray-700 text-purple-200">
+                Select category
+              </option>
+              {categories.map((category) => (
+                <option key={category} value={category} className="bg-gray-700 text-purple-200">
+                  {category}
+                </option>
+              ))}
+            </select>
+          </div>
+
+          {/* Image URL Field */}
+          <div className="mb-4">
+            <label className="block text-purple-200 font-mono font-bold mb-2">Image URL</label>
+            <input
+              type="url"
+              name="image"
+              value={formData.image}
+              onChange={handleChange}
+              className="w-full px-3 py-2 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 bg-white/10 text-purple-200 placeholder-purple-300"
+              required
+              placeholder="Enter image URL"
+            />
+          </div>
+
+          {/* Achievement Details Field */}
+          <div className="mb-4">
+            <label className="block text-purple-200 font-mono font-bold mb-2">
+              Achievement Details
+            </label>
+            <input
+              type="text"
+              name="achievementDetails"
+              value={formData.achievementDetails}
+              onChange={handleChange}
+              className="w-full px-3 py-2 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 bg-white/10 text-purple-200 placeholder-purple-300"
+              required
+              placeholder="Enter achievement details"
+            />
+          </div>
+
+          {/* Achievement Link Field */}
+          <div className="mb-6">
+            <label className="block text-purple-200 font-mono font-bold mb-2">
+              Achievement Link
+            </label>
+            <input
+              type="url"
+              name="link"
+              value={formData.link}
+              onChange={handleChange}
+              className="w-full px-3 py-2 border border-white/20 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-400 bg-white/10 text-purple-200 placeholder-purple-300"
+              required
+              placeholder="Enter achievement link"
+            />
+          </div>
+
+          {/* Form Buttons */}
+          <div className="flex justify-end">
+            <button
+              type="button"
+              onClick={onClose}
+              className="mr-4 px-4 py-2 text-purple-200 font-mono font-bold rounded-lg hover:bg-white/10 transition-all duration-200"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              className="px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-800 text-white font-mono font-bold rounded-lg hover:from-blue-700 hover:to-blue-900 transition-all duration-200"
+            >
+              Submit
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+};
+
+export default AchievementForm;
\ No newline at end of file
diff --git a/src/Components/Achievements.jsx b/src/Components/Achievements.jsx
index 3214455e2..8bce31c1e 100644
--- a/src/Components/Achievements.jsx
+++ b/src/Components/Achievements.jsx
@@ -1,31 +1,123 @@
-import React from 'react';
+import React, { useState, useContext } from 'react';
+import { AchievementContext } from './AchievementContext';
+import AchievementForm from './AchievementForm';
+import AdminApproval from './AdminApproval';
 import CircularCard from './CircularCard';
+import { FaPlus, FaUserCog } from 'react-icons/fa';
 
 const Achievements = () => {
+  const [isFormOpen, setIsFormOpen] = useState(false);
+  const [isAdminModalOpen, setIsAdminModalOpen] = useState(false);
+  const [selectedCategory, setSelectedCategory] = useState('GSOC');
+  const { approvedAchievements } = useContext(AchievementContext); // Access approvedAchievements
+
+  const sections = ['GSOC', 'Hackathons', 'Competitions', 'Miscellaneous'];
+
+  const handleSectionClick = (section) => {
+    setSelectedCategory(section);
+  };
+
+  const handleAddAchievementClick = () => {
+    setIsFormOpen(true);
+  };
+
+  const handleFormClose = () => {
+    setIsFormOpen(false);
+  };
+
+  const handleAdminButtonClick = () => {
+    setIsAdminModalOpen(true);
+  };
+
+  const handleAdminModalClose = () => {
+    setIsAdminModalOpen(false);
+  };
+
+  // Filter approved achievements by the selected category
+  const filteredAchievements = selectedCategory
+    ? approvedAchievements.filter(
+        (achievement) => achievement.category === selectedCategory
+      )
+    : [];
+
   return (
-    <div className='min-h-screen'>
+    <div className="min-h-screen flex flex-col items-center justify-start pt-12 relative">
+      {/* Add your achievement button */}
+      <div className="absolute top-4 left-4 group">
+        <button
+          onClick={handleAddAchievementClick}
+          className="w-12 h-12 flex items-center justify-center bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg shadow-lg hover:from-blue-700 hover:to-blue-900 transition-all duration-300 ease-in-out"
+        >
+          <FaPlus className="text-white text-2xl" />
+        </button>
+        <div className="absolute top-14 left-0 bg-black text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity duration-200">
+          Add your achievement
+        </div>
+      </div>
+
+      {/* Admin button */}
+      <div className="absolute top-4 right-4 group">
+        <button
+          onClick={handleAdminButtonClick}
+          className="w-12 h-12 flex items-center justify-center bg-gradient-to-r from-blue-600 to-blue-800 rounded-lg shadow-lg hover:from-blue-700 hover:to-blue-900 transition-all duration-300 ease-in-out"
+        >
+          <FaUserCog className="text-white text-2xl" />
+        </button>
+        <div className="absolute top-14 right-0 bg-black text-white text-sm px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity duration-200">
+          Admin Approval
+        </div>
+      </div>
+
       <h1 className="text-center mx-auto text-5xl font-mono py-12 bg-clip-text text-transparent bg-gradient-to-r from-purple-400 via-pink-300 to-red-300">
-        GSoC Contributors
+        Achievements
       </h1>
-      <div className="grid grid-cols-6 px-3 gap-12 justify-center">
-        <div></div>
-        <CircularCard image='https://i.ibb.co/jJyjcvZ/Kshitij-Shah-photoaidcom-cropped.png' name='Kshitij Shah' organization='Sugarlabs' link="https://github.com/kshitijdshah99/Pippy_Activity" />
-        <CircularCard image='https://i.ibb.co/Z6fgX5F/IMG-20231110-003535-01-01-photoaidcom-cropped.png' name='Vedant Mehra' organization='CERN' link="https://hepsoftwarefoundation.org/gsoc/blogs/2024/blog_SOFIE_VedantMehra.html" />
-        <CircularCard image='https://i.ibb.co/Sm9FtJ2/1714656497995-photoaidcom-cropped.png' name='Mayank Palan' organization='Red Hen Lab' link="https://medium.com/@mayankpalan066/gsoc24-with-red-hen-lab-modeling-wayfinding-cfb0131b71d1" />
-        <CircularCard image='https://i.ibb.co/C640S72/Scanned-20240502-1627-1-page-0001-photoaidcom-cropped.png' name='Sharan Poojari' organization='NumFOCUS' link="https://github.com/aiidateam/aiida-explorer/blob/gsoc/gsoc/README.md" />
-        <div></div>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-64 px-6 justify-items-center w-full max-w-6xl">
+        {sections.map((section) => (
+          <div
+            key={section}
+            onClick={() => handleSectionClick(section)}
+            className={`flex text-center font-mono flex-col items-center p-4 shadow-[0_4px_14px_0_rgba(96,165,250,0.5)] w-72 bg-transparent rounded-lg transform hover:scale-105 transition-transform duration-200 ease-in-out cursor-pointer ${
+              selectedCategory === section
+                ? 'border-2 border-purple-400'
+                : 'border-2 border-transparent'
+            }`}
+          >
+            <h3 className="text-2xl font-bold text-purple-200">{section}</h3>
+          </div>
+        ))}
       </div>
-        <div className="grid grid-cols-7 px-6 justify-center gap-12">
-<div></div>
-<div></div>
-          <CircularCard image='https://i.ibb.co/T4D9vMh/IMG-20240502-172654-photoaidcom-cropped.png' name='Warren Jacinto' organization='Open Astronomy' link="https://deadspheroid.github.io/my-blog/" />
-          <CircularCard image='https://i.ibb.co/t3vy9D9/IMG-20240502-WA0043-2-photoaidcom-cropped.png' name='Tvisha Vedant' organization='INCF' link="https://tvilight4.github.io/MyBlog/" />
-          <CircularCard image='https://i.ibb.co/9WSz3ss/photo-photoaidcom-cropped.png' name='Raya Chakravarthy' organization='INCF' link="https://raya679.github.io/gsoc/" />
-          <div></div>
-          <div></div>
+
+      {/* Display filtered achievements */}
+      {selectedCategory && (
+        <div className="mt-12 w-full max-w-6xl">
+          <h2 className="text-3xl font-bold text-purple-200 mb-6 text-center">
+            {selectedCategory} Achievers
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 px-6 justify-items-center">
+            {filteredAchievements.length > 0 ? (
+              filteredAchievements.map((achievement, index) => (
+                <CircularCard
+                  key={index}
+                  image={achievement.image}
+                  name={achievement.name}
+                  organization={achievement.achievementDetails}
+                  link={achievement.link || '#'}
+                />
+              ))
+            ) : (
+              <p className="text-purple-200">No achievers found for this category.</p>
+            )}
+          </div>
         </div>
+      )}
+
+      {/* Achievement form */}
+      {isFormOpen && <AchievementForm onClose={handleFormClose} />}
+
+      {/* Admin approval modal */}
+      {isAdminModalOpen && <AdminApproval onClose={handleAdminModalClose} />}
     </div>
   );
-}
+};
 
-export default Achievements;
+export default Achievements;
\ No newline at end of file
diff --git a/src/Components/AdminApproval.jsx b/src/Components/AdminApproval.jsx
new file mode 100644
index 000000000..77ebc32dc
--- /dev/null
+++ b/src/Components/AdminApproval.jsx
@@ -0,0 +1,66 @@
+import React, { useContext } from 'react';
+import { AchievementContext } from './AchievementContext';
+
+const AdminApproval = ({ onClose }) => {
+  const { submittedAchievements, approveAchievement, rejectAchievement } =
+    useContext(AchievementContext);
+
+  return (
+    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+      <div className="bg-white/10 backdrop-blur-lg p-8 rounded-lg shadow-lg w-full max-w-4xl border border-white/20">
+        <h2 className="text-3xl font-bold text-purple-200 mb-8">Admin Approval</h2>
+        {submittedAchievements.length === 0 ? (
+          <p className="text-purple-200">No achievements to approve.</p>
+        ) : (
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {submittedAchievements.map((achievement, index) => (
+              <div
+                key={index}
+                className="bg-white/10 backdrop-blur-lg p-6 rounded-lg shadow-lg border border-white/20"
+              >
+                <h3 className="text-xl font-bold text-purple-200 mb-2">
+                  {achievement.name}
+                </h3>
+                <p className="text-purple-200 mb-2">
+                  <strong>Category:</strong> {achievement.category}
+                </p>
+                <p className="text-purple-200 mb-2">
+                  <strong>Details:</strong> {achievement.achievementDetails}
+                </p>
+                <img
+                  src={achievement.image}
+                  alt={achievement.name}
+                  className="w-full h-48 object-cover rounded-lg mb-4"
+                />
+                <div className="flex justify-end gap-4">
+                  <button
+                    onClick={() => approveAchievement(achievement)}
+                    className="px-4 py-2 bg-green-600 text-white font-mono font-bold rounded-lg hover:bg-green-700 transition-all duration-200"
+                  >
+                    Approve
+                  </button>
+                  <button
+                    onClick={() => rejectAchievement(achievement)}
+                    className="px-4 py-2 bg-red-600 text-white font-mono font-bold rounded-lg hover:bg-red-700 transition-all duration-200"
+                  >
+                    Reject
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+        <div className="flex justify-end mt-6">
+          <button
+            onClick={onClose}
+            className="px-4 py-2 bg-gradient-to-r from-blue-600 to-blue-800 text-white font-mono font-bold rounded-lg hover:from-blue-700 hover:to-blue-900 transition-all duration-200"
+          >
+            Close
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AdminApproval;
\ No newline at end of file