Update board members and fix cross linking issue

components/Boardmembers.jsx

@@ -14,6 +14,7 @@ const BoardMembers = () => {
   return (
     <div
       className="font-productSans h-full relative w-full flex flex-col space-y-10 mt-10 mb-5"
+      id="team"
       data-aos="fade-up"
       data-aos-anchor-placement="center-center"
     >

components/Footer.jsx

@@ -26,6 +26,7 @@ const Footer = () => {
   return (
     <div
       className="m-2 relative bg-fill bg-contain bg-opacity-20 bg-no-repeat bg-[-296px_bottom] flex min-h-screen flex-col justify-center"
+      id="contact"
       style={{
         backgroundImage: `url('${cyborg_lines.src}')`,
       }}

components/Navbar.js

@@ -43,22 +43,22 @@ const Navbar = () => {
           </a>
         </li>
         <li className="mx-4 my-6 md:my-0">
-          <a href="#" className="text-black">
+          <a href="#vision" className="text-black">
             Vision
           </a>
         </li>
         <li className="mx-4 my-6 md:my-0">
-          <a href="#" className="text-black">
+          <a href="#team" className="text-black">
             Team
           </a>
         </li>
         <li className="mx-4 my-6 md:my-0">
-          <a href="#" className="text-black">
+          <a href="#events" className="text-black">
             Events
           </a>
         </li>
         <li className="mx-4 my-6 md:my-0">
-          <a href="#" className="text-black">
+          <a href="#contact" className="text-black">
             Contact
           </a>
         </li>

data/BoardMember.js

@@ -3,11 +3,19 @@ import CompetitiveProgramming_Lead1 from "../public/Leads/CompetitiveProgramming
 import CompetitiveProgramming_Lead2 from "../public/Leads/CompetitiveProgramming2.jpg";
 import SocialMedia_Lead1 from "../public/Leads/SocialMedia1.jpg";
 import SocialMedia_Lead2 from "../public/Leads/SocialMedia2.jpg";
-import Management_Lead from "../public/Leads/Management.jpg";
-import DataScience_Lead from "../public/Leads/DataScience.jpg";
+import Management_Lead1 from "../public/Leads/Management1.jpg";
+import Management_Lead2 from "../public/Leads/Management2.png";
+import DataScience_Lead1 from "../public/Leads/DataScience1.jpg";
+import DataScience_Lead2 from "../public/Leads/DataScience2.jpg";
 import Design_Lead from "../public/Leads/Design.jpg";
-import WebDevelopment_Lead from "../public/Leads/WebDevelopment.jpg";
+import WebDevelopment_Lead1 from "../public/Leads/WebDevelopment1.jpg";
+import WebDevelopment_Lead2 from "../public/Leads/WebDevelopment2.png";
 import Marketing_Lead from "../public/Leads/Marketing.jpg";
+import AppDevelopment_Lead from "../public/Leads/AppDevelopment.jpg";
+import Blockchain_Lead1 from "../public/Leads/Blockchain1.jpg";
+import Blockchain_Lead2 from "../public/Leads/Blockchain2.png";
+import Outreach_Lead from "../public/Leads/Outreach.png";
+import UI_UX_Lead from "../public/Leads/UI_UX.png";
 import Placeholder from "../public/Leads/placeholder.png";
 
 const boardMembers = [
@@ -37,7 +45,7 @@ const boardMembers = [
     description: "Making problem solving fun",
     github: "https://github.com/castlercodes",
     linkedIn: "https://www.linkedin.com/in/jeevan-alexen-kavalam-83098a215",
-    color: "#4b916c",
+    color: "#175072",
   },
   {
     name: "Sparsh Chakraborty",
@@ -59,22 +67,40 @@ const boardMembers = [
   },
   {
     name: "Syed Omar Albeez",
-    image: Management_Lead,
+    image: Management_Lead1,
     role: "Management Lead",
     description: "One who juggles with deadlines and tasks like a pro",
     github: "https://github.com/syedomar1",
     linkedIn: "https://www.linkedin.com/in/syed-omar-albeez/",
     color: "#4287f5",
   },
+  {
+    name: "Janhavi Chaurasia",
+    image: Management_Lead2,
+    role: "Management Lead",
+    description: "Placeholder",
+    github: "",
+    linkedIn: "https://www.linkedin.com/in/janhavi-chaurasia-ab9169278",
+    color: "#2f0909",
+  },
   {
     name: "Jaskaran singh walia",
-    image: DataScience_Lead,
+    image: DataScience_Lead1,
     role: "Data Science Lead",
     description: "Turning caffeine and curiosity into coding masterpieces",
     github: "https://github.com/karanwxliaa",
     linkedIn: "https://www.linkedin.com/in/jaskaran-singh-walia-657696271/",
     color: "#02D8E9",
   },
+  {
+    name: "Kriti Agarwal",
+    image: DataScience_Lead2,
+    role: "Data Science Lead",
+    description: "Placeholder",
+    github: "https://github.com/Kriticle",
+    linkedIn: "https://www.linkedin.com/in/kriti-agarwal-1369b7249",
+    color: "#b603fc",
+  },
   {
     name: "Anurag Tamhankar",
     image: Design_Lead,
@@ -87,13 +113,22 @@ const boardMembers = [
   },
   {
     name: "Vaibhav T S",
-    image: WebDevelopment_Lead,
+    image: WebDevelopment_Lead1,
     role: "Web Development Lead",
     description: "Placeholder",
     github: "https://github.com/vaibhavTekk",
     linkedIn: "https://www.linkedin.com/in/vaibhav-tekkalur/",
     color: "#3d649a",
   },
+  {
+    name: "Emmanuel Allan M J",
+    image: WebDevelopment_Lead2,
+    role: "Web Development Lead",
+    description: "Versatile creator with a flair for innovation",
+    github: "https://github.com/EmmanuelAllanMJ",
+    linkedIn: "https://www.linkedin.com/in/emmanuel-allan/",
+    color: "#d91751",
+  },
   {
     name: "Naveen Shankar Choudhury",
     image: Marketing_Lead,
@@ -104,72 +139,55 @@ const boardMembers = [
     color: "#4248f5",
   },
   {
-    name: "Aditi Jha",
-    image: Placeholder,
-    role: "Overall Lead",
-    description: "Placeholder",
-    github: "",
-    linkedIn: "",
-    color: "#3d649a",
-  },
-  {
-    name: "Subham Ghosh",
-    image: Placeholder,
-    role: "Outreach Lead",
-    description: "Placeholder",
-    github: "",
-    linkedIn: "",
-    color: "#3d649a",
-  },
-  {
-    name: "Janhavi Chaurasia",
-    image: Placeholder,
-    role: "Management Lead",
-    description: "Placeholder",
-    github: "",
-    linkedIn: "",
-    color: "#3d649a",
-  },
-  {
-    name: "Emmanuel Allan M J",
-    image: Placeholder,
-    role: "Web Development Lead",
-    description: "Placeholder",
-    github: "",
-    linkedIn: "",
-    color: "#3d649a",
+    name: "Cynthia Konar",
+    image: AppDevelopment_Lead,
+    role: "App Development Lead",
+    description: "Mastermind of app magic",
+    github: "https://github.com/cynthiakonar",
+    linkedIn: "https://www.linkedin.com/in/cynthia-konar-649b5721b/",
+    color: "#e83927",
   },
   {
     name: "Swastika Shukla",
-    image: Placeholder,
+    image: Blockchain_Lead1,
     role: "Blockchain Lead",
-    description: "Placeholder",
-    github: "",
-    linkedIn: "",
-    color: "#3d649a",
+    description: "Full of coffee, code and chaos",
+    github: "https://github.com/Swastika-shukla",
+    linkedIn: "https://www.linkedin.com/in/swastika-shukla-24746221b/",
+    color: "#d37cc2",
   },
   {
     name: "Ameiy Acharya",
-    image: Placeholder,
+    image: Blockchain_Lead2,
     role: "Blockchain Lead",
+    description:
+      "Upcoming techie with keen interest in Blockchain and Data Science",
+    github: "https://github.com/AmeiyAcharya",
+    linkedIn: "https://www.linkedin.com/in/ameiy-acharya-3a3b7721b/",
+    color: "#68080c",
+  },
+  {
+    name: "Subham Ghosh",
+    image: Outreach_Lead,
+    role: "Outreach Lead",
     description: "Placeholder",
     github: "",
-    linkedIn: "",
-    color: "#3d649a",
+    linkedIn: "https://www.linkedin.com/in/subhamgcon/",
+    color: "#484bc3",
   },
   {
     name: "Mihika Dhakray",
-    image: Placeholder,
+    image: UI_UX_Lead,
     role: "UI/UX Lead",
     description: "Placeholder",
     github: "",
-    linkedIn: "",
-    color: "#3d649a",
+    linkedIn: "https://www.linkedin.com/in/mihikadhakray",
+    color: "#5d2a4c",
   },
   {
-    name: "Cynthia Konar",
+    name: "Aditi Jha",
     image: Placeholder,
-    role: "App Development Lead",
+    role: "Overall Lead",
     description: "Placeholder",
     github: "",
     linkedIn: "",