diff --git a/src/components/Roadmap/ProgressBar.tsx b/src/components/Roadmap/ProgressBar.tsx
deleted file mode 100644
index 6c3662b3..00000000
--- a/src/components/Roadmap/ProgressBar.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from "react";
-
-interface ProgressBarProps {
-  completed: number;
-  total: number;
-}
-
-const ProgressBar: React.FC<ProgressBarProps> = ({ completed, total }) => {
-  const percentage = total > 0 ? (completed / total) * 100 : 0;
-
-  return (
-    <div className="relative pt-1">
-      <div className="flex mb-2 items-center justify-between">
-        <span className="text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-teal-600 bg-teal-200">
-          {completed} / {total} Completed
-        </span>
-      </div>
-      <div className="overflow-hidden h-2 mb-4 text-xs flex rounded bg-teal-200">
-        <div
-          style={{ width: `${percentage}%` }}
-          className={`shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center ${
-            percentage === 100 ? "bg-green-500" : "bg-teal-500"
-          }`}
-         />
-      </div>
-    </div>
-  );
-};
-
-export default ProgressBar;
\ No newline at end of file
diff --git a/src/components/Roadmap/Roadmap.css b/src/components/Roadmap/Roadmap.css
deleted file mode 100644
index ebf720ee..00000000
--- a/src/components/Roadmap/Roadmap.css
+++ /dev/null
@@ -1,143 +0,0 @@
-
-.roadmap-container {
-  padding: 20px;
-}
-
-[data-theme='dark'] .roadmap-container {
-  background: var(--dark-bg-primary);
-  color: var(--dark-text-primary);
-}
-
-.roadmap-container .roadmap-title {
-  text-align: center;
-  font-size: 2.5rem;
-  margin-bottom: 30px;
-  background: linear-gradient(
-    90deg,
-    rgb(106, 0, 255) 0%,
-    rgb(152 0 255) 30%,
-    rgb(246 41 41) 65%,
-    rgb(255 169 8) 100%
-  );
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-.roadmap-container .roadmap-controls {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 20px;
-}
-
-.roadmap-container .roadmap-search {
-  padding: 10px;
-  font-size: 1.2rem;
-  border: 1px solid var(--ifm-color-primary);
-  border-radius: 5px;
-  width: 100%;
-  max-width: 400px;
-}
-
-[data-theme='dark'] .roadmap-container .roadmap-search {
-  background: var(--dark-input-bg);
-  color: var(--dark-text-primary);
-  border-color: var(--dark-input-border);
-}
-
-[data-theme='dark'] .roadmap-container .roadmap-search:focus {
-  border-color: var(--dark-input-focus-border);
-}
-
-.roadmap-container .roadmap-category {
-  margin-bottom: 30px;
-}
-
-.roadmap-container .roadmap-category .roadmap-category-title {
-  text-align: center;
-  font-size: 1.5rem;
-  cursor: pointer;
-  color: var(--ifm-color-primary);
-  margin:40px 0;
-}
-
-
-.roadmap-container .roadmap-category .roadmap-category-title::after {
-  content: "";
-  display: block;
-  width: 40%;
-  height: 1px;
-  background: linear-gradient(to left, var(--ifm-color-primary), transparent);
-  margin-top: -14px;
-  margin-left: auto;
-}
-
-.roadmap-container .roadmap-category .roadmap-category-title::before {
-  content: "";
-  display: block;
-  width: 40%;
-  height: 1px;
-  background: linear-gradient(to right, var(--ifm-color-primary), transparent);
-  margin-bottom: -20px;
-
-}
-
-.roadmap-container .roadmap-category .roadmap-cards {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 20px;
-  list-style: none;
-  padding: 0;
-}
-
-.roadmap-container .roadmap-category .roadmap-cards .roadmap-card {
-  border: 1px solid var(--ifm-color-primary);
-  border-radius: 8px;
-  padding: 15px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
-  text-align: center;
-}
-
-[data-theme='dark'] .roadmap-container .roadmap-category .roadmap-cards .roadmap-card {
-  background: var(--dark-card-bg);
-  border-color: var(--dark-border);
-  box-shadow: var(--dark-shadow);
-  color: var(--dark-text-primary);
-}
-
-.roadmap-container .roadmap-category .roadmap-cards .roadmap-card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
-}
-
-[data-theme='dark'] .roadmap-container .roadmap-category .roadmap-cards .roadmap-card:hover {
-  box-shadow: var(--dark-shadow-lg);
-}
-
-.roadmap-container .roadmap-category .roadmap-cards .roadmap-card .roadmap-link {
-  text-decoration: none;
-  color: var(--ifm-color-primary);
-  font-size: 1.1rem;
-}
-
-.roadmap-container .roadmap-category .roadmap-cards .roadmap-card .roadmap-link:hover {
-  color: var(--ifm-color-primary-darkest);
-}
-
-@media (min-width: 600px) {
-  .roadmap-container .roadmap-category .roadmap-cards {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (min-width: 900px) {
-  .roadmap-container .roadmap-category .roadmap-cards {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-@media (min-width: 380px) {
-  .roadmap-container .roadmap-category .roadmap-cards {
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-  }
-}
diff --git a/src/components/Roadmap/RoadmapCard.tsx b/src/components/Roadmap/RoadmapCard.tsx
deleted file mode 100644
index 8b002f6a..00000000
--- a/src/components/Roadmap/RoadmapCard.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from "react";
-import Link from "@docusaurus/Link";
-
-interface RoadmapCardProps {
-  section: {
-    title: string;
-    items: { text: string; status: string; link: string }[];
-  };
-  sectionIndex: number;
-  updateItemStatus: (sectionIndex: number, itemIndex: number) => void;
-}
-
-const RoadmapCard: React.FC<RoadmapCardProps> = ({
-  section,
-  sectionIndex,
-  updateItemStatus,
-}) => {
-  return (
-    <div className="bg-white rounded-lg shadow p-4 dark:bg-gray-800">
-      <h2 className="text-xl font-semibold mb-4 dark:text-white text-center">
-        {section.title}
-      </h2>
-      <ul>
-        {section.items.map((item, itemIndex) => (
-          <li key={item.text} className="flex items-center mb-2">
-            <span
-              className={
-                item.status === "done" ? "line-through text-gray-500" : ""
-              }
-            >
-              <Link to={item.link}>{item.text}</Link>
-            </span>
-            <button
-              className={`ml-auto px-4 py-2 rounded-full border-none text-xs font-semibold ${
-                item.status === "done"
-                  ? "bg-gray-300"
-                  : "bg-green-500 text-white"
-              }`}
-              onClick={() => updateItemStatus(sectionIndex, itemIndex)}
-            >
-              {item.status === "done" ? "Undo" : "Done"}
-            </button>
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-};
-
-export default RoadmapCard;
diff --git a/src/components/Roadmap/RoadmapList.tsx b/src/components/Roadmap/RoadmapList.tsx
deleted file mode 100644
index 4bad0216..00000000
--- a/src/components/Roadmap/RoadmapList.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import RoadmapCard from './RoadmapCard';
-
-interface RoadmapListProps {
-  roadmap: any[];
-  updateItemStatus: (sectionIndex: number, itemIndex: number) => void;
-}
-
-const RoadmapList: React.FC<RoadmapListProps> = ({ roadmap, updateItemStatus }) => {
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-      {roadmap.map((section, sectionIndex) => (
-        <RoadmapCard key={section.title} section={section} sectionIndex={sectionIndex} updateItemStatus={updateItemStatus} />
-      ))}
-    </div>
-  );
-};
-
-export default RoadmapList;
\ No newline at end of file
diff --git a/src/components/Roadmap/index.tsx b/src/components/Roadmap/index.tsx
deleted file mode 100644
index e3ee7fe5..00000000
--- a/src/components/Roadmap/index.tsx
+++ /dev/null
@@ -1,329 +0,0 @@
-import React, { useState } from "react";
-import "./Roadmap.css";
-import Link from "@docusaurus/Link";
-
-interface TechCategory {
-  id: number;
-  title: string;
-  technologies: { id: number; name: string; link: string }[];
-}
-
-const techCategories: TechCategory[] = [
-  {
-    id: 1,
-    title: "Frontend",
-    technologies: [
-      { id: 1, name: "HTML", link: "/roadmap/html/" },
-      { id: 2, name: "CSS", link: "#" },
-      { id: 3, name: "JavaScript", link: "#" },
-      { id: 4, name: "React", link: "https://roadmap.sh/react" },
-      { id: 5, name: "Angular", link: "#" },
-      { id: 6, name: "Vue.js", link: "#" },
-      { id: 7, name: "Svelte", link: "#" },
-      { id: 8, name: "TypeScript", link: "#" },
-      { id: 9, name: "Bootstrap", link: "#" },
-      { id: 10, name: "Tailwind CSS", link: "#" },
-      { id: 11, name: "jQuery", link: "#" },
-      { id: 12, name: "Ember.js", link: "#" },
-      { id: 13, name: "Backbone.js", link: "#" },
-      { id: 14, name: "Webpack", link: "#" },
-      { id: 15, name: "Parcel", link: "#" },
-      { id: 16, name: "Gatsby", link: "#" },
-      { id: 17, name: "Next.js", link: "#" },
-    ],
-  },
-  {
-    id: 2,
-    title: "Backend",
-    technologies: [
-      { id: 18, name: "Node.js", link: "#" },
-      { id: 19, name: "Express.js", link: "#" },
-      { id: 20, name: "Django", link: "#" },
-      { id: 21, name: "Ruby on Rails", link: "#" },
-      { id: 22, name: "Spring Boot", link: "#" },
-      { id: 23, name: "Flask", link: "#" },
-      { id: 24, name: "Laravel", link: "#" },
-      { id: 25, name: "ASP.NET Core", link: "#" },
-      { id: 26, name: "Koa.js", link: "#" },
-      { id: 27, name: "Gin", link: "#" },
-      { id: 28, name: "Phoenix", link: "#" },
-      { id: 29, name: "FastAPI", link: "#" },
-      { id: 30, name: "Hapi.js", link: "#" },
-      { id: 31, name: "NestJS", link: "#" },
-    ],
-  },
-  {
-    id: 3,
-    title: "Mobile Development",
-    technologies: [
-      { id: 32, name: "React Native", link: "#" },
-      { id: 33, name: "Flutter", link: "#" },
-      { id: 34, name: "Swift", link: "#" },
-      { id: 35, name: "Kotlin", link: "#" },
-      { id: 36, name: "Java", link: "#" },
-      { id: 37, name: "Ionic", link: "#" },
-      { id: 38, name: "Xamarin", link: "#" },
-      { id: 39, name: "Cordova", link: "#" },
-      { id: 40, name: "Objective-C", link: "#" },
-      { id: 41, name: "PhoneGap", link: "#" },
-    ],
-  },
-  {
-    id: 4,
-    title: "DevOps",
-    technologies: [
-      { id: 42, name: "Docker", link: "#" },
-      { id: 43, name: "Kubernetes", link: "#" },
-      { id: 44, name: "Jenkins", link: "#" },
-      { id: 45, name: "Travis CI", link: "#" },
-      { id: 46, name: "CircleCI", link: "#" },
-      { id: 47, name: "GitLab CI/CD", link: "#" },
-      { id: 48, name: "Terraform", link: "#" },
-      { id: 49, name: "Ansible", link: "#" },
-      { id: 50, name: "Puppet", link: "#" },
-      { id: 51, name: "Chef", link: "#" },
-      { id: 52, name: "Vagrant", link: "#" },
-      { id: 53, name: "SaltStack", link: "#" },
-      { id: 54, name: "Bamboo", link: "#" },
-    ],
-  },
-  {
-    id: 5,
-    title: "Database",
-    technologies: [
-      { id: 55, name: "MySQL", link: "#" },
-      { id: 56, name: "PostgreSQL", link: "#" },
-      { id: 57, name: "MongoDB", link: "#" },
-      { id: 58, name: "SQLite", link: "#" },
-      { id: 59, name: "Redis", link: "#" },
-      { id: 60, name: "MariaDB", link: "#" },
-      { id: 61, name: "Oracle Database", link: "#" },
-      { id: 62, name: "Microsoft SQL Server", link: "#" },
-      { id: 63, name: "Firebase Realtime Database", link: "#" },
-      { id: 64, name: "Elasticsearch", link: "#" },
-      { id: 65, name: "Cassandra", link: "#" },
-      { id: 66, name: "DynamoDB", link: "#" },
-      { id: 67, name: "Neo4j", link: "#" },
-      { id: 68, name: "CouchDB", link: "#" },
-    ],
-  },
-  {
-    id: 6,
-    title: "Cloud Platforms",
-    technologies: [
-      { id: 69, name: "Amazon Web Services (AWS)", link: "#" },
-      { id: 70, name: "Microsoft Azure", link: "#" },
-      { id: 71, name: "Google Cloud Platform (GCP)", link: "#" },
-      { id: 72, name: "IBM Cloud", link: "#" },
-      { id: 73, name: "Oracle Cloud", link: "#" },
-      { id: 74, name: "DigitalOcean", link: "#" },
-      { id: 75, name: "Heroku", link: "#" },
-      { id: 76, name: "Firebase", link: "#" },
-      { id: 77, name: "Netlify", link: "#" },
-      { id: 78, name: "Vercel", link: "#" },
-      { id: 79, name: "Linode", link: "#" },
-      { id: 80, name: "Vultr", link: "#" },
-    ],
-  },
-  {
-    id: 7,
-    title: "Version Control",
-    technologies: [
-      { id: 81, name: "Git", link: "#" },
-      { id: 82, name: "GitHub", link: "#" },
-      { id: 83, name: "GitLab", link: "#" },
-      { id: 84, name: "Bitbucket", link: "#" },
-      { id: 85, name: "SVN", link: "#" },
-      { id: 86, name: "Mercurial", link: "#" },
-      { id: 87, name: "Perforce", link: "#" },
-    ],
-  },
-  {
-    id: 8,
-    title: "Testing",
-    technologies: [
-      { id: 88, name: "Jest", link: "#" },
-      { id: 89, name: "Mocha", link: "#" },
-      { id: 90, name: "Chai", link: "#" },
-      { id: 91, name: "Jasmine", link: "#" },
-      { id: 92, name: "Cypress", link: "#" },
-      { id: 93, name: "Puppeteer", link: "#" },
-      { id: 94, name: "Selenium", link: "#" },
-      { id: 95, name: "JUnit", link: "#" },
-      { id: 96, name: "pytest", link: "#" },
-      { id: 97, name: "TestNG", link: "#" },
-      { id: 98, name: "Robot Framework", link: "#" },
-      { id: 99, name: "Cucumber", link: "#" },
-      { id: 100, name: "Karma", link: "#" },
-    ],
-  },
-  {
-    id: 9,
-    title: "Data Science & Machine Learning",
-    technologies: [
-      { id: 101, name: "TensorFlow", link: "#" },
-      { id: 102, name: "PyTorch", link: "#" },
-      { id: 103, name: "Keras", link: "#" },
-      { id: 104, name: "Scikit-learn", link: "#" },
-      { id: 105, name: "Pandas", link: "#" },
-      { id: 106, name: "NumPy", link: "#" },
-      { id: 107, name: "Matplotlib", link: "#" },
-      { id: 108, name: "Seaborn", link: "#" },
-      { id: 109, name: "Apache Spark", link: "#" },
-      { id: 110, name: "Dask", link: "#" },
-      { id: 111, name: "NLTK", link: "#" },
-      { id: 112, name: "spaCy", link: "#" },
-      { id: 113, name: "H2O.ai", link: "#" },
-      { id: 114, name: "Theano", link: "#" },
-    ],
-  },
-  {
-    id: 10,
-    title: "Cybersecurity",
-    technologies: [
-      { id: 115, name: "Nmap", link: "#" },
-      { id: 116, name: "Wireshark", link: "#" },
-      { id: 117, name: "Metasploit", link: "#" },
-      { id: 118, name: "Burp Suite", link: "#" },
-      { id: 119, name: "OWASP ZAP", link: "#" },
-      { id: 120, name: "Kali Linux", link: "#" },
-      { id: 121, name: "Snort", link: "#" },
-      { id: 122, name: "Suricata", link: "#" },
-      { id: 123, name: "Nessus", link: "#" },
-      { id: 124, name: "OpenVAS", link: "#" },
-      { id: 125, name: "Acunetix", link: "#" },
-      { id: 126, name: "Nikto", link: "#" },
-    ],
-  },
-  {
-    id: 11,
-    title: "Web Servers",
-    technologies: [
-      { id: 127, name: "Apache HTTP Server", link: "#" },
-      { id: 128, name: "Nginx", link: "#" },
-      { id: 129, name: "LiteSpeed", link: "#" },
-      { id: 130, name: "Caddy", link: "#" },
-      { id: 131, name: "Tomcat", link: "#" },
-      { id: 132, name: "Microsoft IIS", link: "#" },
-      { id: 133, name: "Jetty", link: "#" },
-      { id: 134, name: "WildFly", link: "#" },
-    ],
-  },
-  {
-    id: 12,
-    title: "Containerization",
-    technologies: [
-      { id: 135, name: "Docker", link: "#" },
-      { id: 136, name: "Kubernetes", link: "#" },
-      { id: 137, name: "OpenShift", link: "#" },
-      { id: 138, name: "Rancher", link: "#" },
-      { id: 139, name: "Mesos", link: "#" },
-      { id: 140, name: "LXC", link: "#" },
-      { id: 141, name: "CRI-O", link: "#" },
-      { id: 142, name: "Podman", link: "#" },
-    ],
-  },
-  {
-    id: 13,
-    title: "Big Data",
-    technologies: [
-      { id: 143, name: "Hadoop", link: "#" },
-      { id: 144, name: "Apache Spark", link: "#" },
-      { id: 145, name: "Apache Flink", link: "#" },
-      { id: 146, name: "Apache Storm", link: "#" },
-      { id: 147, name: "Apache Kafka", link: "#" },
-      { id: 148, name: "Apache Hive", link: "#" },
-      { id: 149, name: "Apache HBase", link: "#" },
-      { id: 150, name: "Apache NiFi", link: "#" },
-      { id: 151, name: "Presto", link: "#" },
-      { id: 152, name: "Druid", link: "#" },
-    ],
-  },
-  {
-    id: 14,
-    title: "Internet of Things (IoT)",
-    technologies: [
-      { id: 153, name: "Arduino", link: "#" },
-      { id: 154, name: "Raspberry Pi", link: "#" },
-      { id: 155, name: "ESP8266", link: "#" },
-      { id: 156, name: "ESP32", link: "#" },
-      { id: 157, name: "MQTT", link: "#" },
-      { id: 158, name: "Zigbee", link: "#" },
-      { id: 159, name: "LoRaWAN", link: "#" },
-      { id: 160, name: "Particle", link: "#" },
-      { id: 161, name: "ThingSpeak", link: "#" },
-    ],
-  },
-  {
-    id: 15,
-    title: "Blockchain",
-    technologies: [
-      { id: 162, name: "Ethereum", link: "#" },
-      { id: 163, name: "Hyperledger Fabric", link: "#" },
-      { id: 164, name: "Solidity", link: "#" },
-      { id: 165, name: "Truffle", link: "#" },
-      { id: 166, name: "Ganache", link: "#" },
-      { id: 167, name: "Corda", link: "#" },
-      { id: 168, name: "Quorum", link: "#" },
-      { id: 169, name: "Polkadot", link: "#" },
-      { id: 170, name: "Chainlink", link: "#" },
-    ],
-  },
-];
-const Roadmap: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [collapsedCategories, setCollapsedCategories] = useState<number[]>([]);
-
-  const toggleCollapse = (id: number) => {
-    setCollapsedCategories((prev) =>
-      prev.includes(id) ? prev.filter((cid) => cid !== id) : [...prev, id]
-    );
-  };
-
- const filteredCategories = techCategories
-    .map((category) => ({
-      ...category,
-      technologies: category.technologies.filter((tech) =>
-        tech.name.toLowerCase().includes(searchTerm.toLowerCase())
-      ),
-    }))
-    .filter((category) => category.technologies.length > 0);
-
-  return (
-    <div className="roadmap-container">
-      <h1 className="roadmap-title">Technology Roadmap</h1>
-      <div className="roadmap-controls">
-        <input
-          type="text"
-          placeholder="Search technologies..."
-          value={searchTerm}
-          onChange={(e) => setSearchTerm(e.target.value)}
-          className="roadmap-search"
-        />
-      </div>
-      {filteredCategories.map((category) => (
-        <div key={category.id} className="roadmap-category">
-          <h2
-            className="roadmap-category-title"
-            onClick={() => toggleCollapse(category.id)}
-          >
-            {category.title}
-          </h2>
-          {!collapsedCategories.includes(category.id) && (
-            <ul className="roadmap-cards">
-              {category.technologies.map((tech) => (
-                <li key={tech.id} className="roadmap-card">
-                  <Link to={tech.link}>
-                    {tech.name}
-                  </Link>
-                </li>
-              ))}
-            </ul>
-          )}
-        </div>
-      ))}
-    </div>
-  );
-};
-
-export default Roadmap;