Merge pull request #2 from awindsr/feature-ig-page

feat: added IG Pages

src/Pages/IG/Ig2/components/profilecard.jsx

@@ -1,7 +1,7 @@
 import { Linkedin } from "lucide-react";
 // import Image from "next/image";
 
-export function ProfileCard({ name, role, imageUrl, hasLinkedin = true }) {
+export function ProfileCard({ name, role, imageUrl, hasLinkedin=true, linkedin, institution }) {
   return (
     <div className="flex items-center gap-3 p-6 rounded-xl bg-white shadow-md justify-between">
       <div className="flex items-start flex-col gap-3 space-y-8">
@@ -14,25 +14,28 @@ export function ProfileCard({ name, role, imageUrl, hasLinkedin = true }) {
             />
           ) : (
             <img
-              src="https://via.placeholder.com/150"
+              src={imageUrl}
               alt="Placeholder"
               className="w-24 h-24 rounded-md object-cover shadow-sm"
             />
           )}
         </div>
         <div className="flex-1">
           <h3 className="font-semibold text-lg text-gray-900">{name}</h3>
-          <p className="text-sm text-gray-500">{role}</p>
+          {institution && <p className="text-sm text-gray-500">{institution}</p>}
+          {role && <p className="text-sm text-gray-500">{role}</p>}
+
         </div>
       </div>
       {hasLinkedin && (
         <div className="flex items-center">
           {" "}
           {/* Optional: Wrap LinkedIn icon in a div */}
           <a
-            href="#"
+            href={linkedin}
+            target="_blank"
             className="p-2 text-gray-600 hover:text-gray-900"
-            aria-label={`${name}'s LinkedIn profile`}
+            aria-label={`${name}'s LinkedIn profile`} rel="noreferrer"
           >
             <Linkedin className="h-5 w-5" />
           </a>

src/Pages/IG/data/ai.js

@@ -0,0 +1,132 @@
+export const artificialIntelligence = {
+    title: "Artificial Intelligence",
+    introduction: {
+      description:
+        "Fascinated by AI and machine learning? μLearn Foundation’s AI Interest Group provides the perfect space to dive into the potential of AI, from model training to advanced applications, and connect with others passionate about AI innovations.",
+      downloadLink: "https://www.notion.so/AI-11e59e69b1bf8022ab4afa9d34e6e646?pvs=21",
+      schedules: {
+        officeHours: "Thursday 9:00 PM @ Discord Lobby",
+        thinkTankMeeting: "Friday 7:00 PM @ Google Meet",
+      },
+    },
+
+    communityPartners: [
+      { name: "Pathway", image: "/assets/IG/AI/Community Partners/Pathway.jpg" },
+    ],
+
+    prerequisites: {
+      description:
+        "To get started in AI, a foundation in computer science concepts like algorithms, data structures, and probability is essential. Understanding machine learning fundamentals, including supervised and unsupervised learning, neural networks, and data preprocessing, is crucial. Familiarity with Python and libraries such as TensorFlow, PyTorch, and Scikit-learn will help you get hands-on with building models. A strong grasp of mathematics, particularly linear algebra and calculus, will also aid in understanding the underlying principles of AI algorithms.",
+    },
+
+    learningPath: {
+      embedUrl: "https://roadmap.sh/ai-engineer",
+    },
+
+    mentors: [
+      {
+        name: "John Doe",
+        title: "AI Research Scientist",
+        linkedin: "https://www.linkedin.com/in/johndoe",
+      },
+      {
+        name: "Jane Smith",
+        title: "Machine Learning Engineer",
+        linkedin: "https://www.linkedin.com/in/janesmith",
+      },
+    ],
+
+    interestGroupLeads: {
+      description:
+        "Interest group leads manage the activities and events within interest groups and serve as a point of contact for students interested in getting involved. Students can connect with these leads to learn about opportunities within their interests.",
+      leads: [
+        {
+          name: "Mehbin A C",
+          institution: "XYZ University",
+          linkedin: "https://www.linkedin.com/in/mehbinac",
+          imageUrl: "/assets/IG/AI/IG Lead/Mehbin A C.jpg",
+        },
+        {
+          name: "Sandra Alex",
+          institution: "ABC College",
+          linkedin: "https://www.linkedin.com/in/sandraalex",
+          imageUrl: "/assets/IG/AI/IG Lead/Sandra Alex.jpg",
+        },
+      ],
+    },
+
+    opportunities: [
+      {
+        title: "Machine Learning Engineer",
+        description: "Develop predictive models and work with data to drive AI solutions.",
+      },
+      {
+        title: "Data Scientist",
+        description: "Analyze complex data and provide insights using machine learning.",
+      },
+      {
+        title: "AI Research Scientist",
+        description: "Conduct research in AI, pushing the boundaries of what AI can do.",
+      },
+      {
+        title: "AI Product Manager",
+        description: "Oversee AI project development and align goals with user needs.",
+      },
+      {
+        title: "Natural Language Processing Engineer",
+        description: "Work on language-based AI applications, including chatbots and translation.",
+      },
+    ],
+
+    peopleToFollow: [
+      {
+        name: "Andrew Ng",
+        link: "https://www.linkedin.com/in/andrewng/",
+      },
+      {
+        name: "Yann LeCun",
+        link: "https://www.linkedin.com/in/yann-lecun/",
+      },
+      {
+        name: "Lex Fridman",
+        link: "https://www.linkedin.com/in/lexfridman/",
+      },
+      {
+        name: "Data Science Central",
+        link: "https://www.linkedin.com/company/datasciencecentral/",
+      },
+      {
+        name: "AI Alignment",
+        link: "https://www.linkedin.com/company/ai-alignment/",
+      },
+    ],
+
+    blogsToFollow: [
+      {
+        name: "Towards Data Science",
+        link: "https://towardsdatascience.com/",
+      },
+      {
+        name: "The Gradient",
+        link: "https://thegradient.pub/",
+      },
+      {
+        name: "AI Trends",
+        link: "https://www.aitrends.com/",
+      },
+    ],
+
+    topKeywords: [
+      "Deep Learning",
+      "Supervised Learning",
+      "Unsupervised Learning",
+      "NLP",
+      "Data Preprocessing",
+      "Neural Networks",
+      "Model Evaluation",
+      "Reinforcement Learning",
+      "Bias",
+      "Ethics in AI",
+    ],
+  };
+

src/Pages/IG/data/arvr.js

@@ -0,0 +1,111 @@
+export const arVr = {
+    title: "AR/VR",
+    introduction: {
+      description:
+        "\"AR/VR is reshaping the way we interact with the digital world.\" Are you interested in learning how to create immersive experiences that blend the virtual and physical worlds? Join our “AR/VR Development” Interest Group to explore and collaborate with peers on creating augmented and virtual reality applications.",
+      downloadLink: "foundation deck",  
+      schedules: {
+        officeHours: "TBA",  // Replace with actual office hours
+        thinkTankMeeting: "TBA",  // Replace with actual meeting time
+      },
+    },
+
+    communityPartners: [
+      { name: "XTrudar", image: "/assets/IG/AR-VR/Community Partners/XTrudar.jpg" },  // Replace with actual partner details
+    ],
+
+    prerequisites: {
+      description:
+        "AR/VR development requires a basic understanding of programming and 3D modeling. Familiarity with platforms like Unity or Unreal Engine, and languages such as C# (for Unity) or C++ (for Unreal Engine), is highly recommended. An understanding of spatial computing, graphics rendering, and interaction design is crucial. Basic knowledge of computer vision and ARKit/ARCore will also be beneficial.",
+    },
+
+    learningPath: {
+      embedUrl: "https://roadmap.sh/r/embed?id=6753ec7becc889bb0d0d550d",
+    },
+
+    mentors: [
+      {
+        name: "Vishnu",
+        role: "AR/VR Developer",
+        linkedin: "https://www.linkedin.com/in/johndoe",
+        imageUrl: "/assets/IG/AR-VR/Mentors/Vishnu.jpg",  // Replace with actual details
+      },
+
+    ],
+
+    interestGroupLeads: {
+      description:
+        "Interest group leads manage the activities and events within interest groups and serve as a point of contact for students interested in getting involved. Students can connect with these leads to learn about opportunities in AR/VR development and stay informed about upcoming events.",
+      leads: [
+        {
+          name: "Dev Nandan S",
+          institution: "St.Thomas Institute for Science & Technology",
+          linkedin: "http://www.linkedin.com/in/dev-nandan-426861253",
+          imageUrl: "/assets/IG/AR-VR/IG Leads/Dev Nandan S.jpg",  // Replace with actual details
+        },
+      ],
+    },
+
+    opportunities: [
+      {
+        title: "AR/VR Developer",
+        description: "Create immersive augmented and virtual reality experiences for various platforms.",
+      },
+      {
+        title: "3D Designer",
+        description: "Design 3D models and environments for use in AR/VR applications.",
+      },
+      {
+        title: "Unity Developer",
+        description: "Develop interactive AR/VR applications using Unity.",
+      },
+      {
+        title: "UX/UI Designer",
+        description: "Design intuitive and engaging interfaces for AR/VR applications.",
+      },
+    ],
+
+    peopleToFollow: [
+      {
+        name: "John Carmack",
+        link: "https://www.linkedin.com/in/johncarmack",
+      },
+      {
+        name: "Palmer Luckey",
+        link: "https://www.linkedin.com/in/palmerluckey",
+      },
+      {
+        name: "Oculus",
+        link: "https://www.linkedin.com/company/oculus",
+      },
+    ],
+
+    blogsToFollow: [
+      {
+        name: "AR/VR Journey",
+        link: "https://arvrjourney.com/",
+      },
+      {
+        name: "UploadVR",
+        link: "https://uploadvr.com/",
+      },
+      {
+        name: "VentureBeat AR/VR",
+        link: "https://venturebeat.com/category/arvr/",
+      },
+    ],
+
+    topKeywords: [
+      "Augmented Reality",
+      "Virtual Reality",
+      "3D Modeling",
+      "Unity",
+      "Unreal Engine",
+      "Spatial Computing",
+      "ARKit",
+      "ARCore",
+      "Immersive Experiences",
+      "Interaction Design",
+    ],
+  };
+

src/Pages/IG/data/cybersecurity.js

@@ -9,7 +9,11 @@ export const cybersecurity = {
       thinkTankMeeting: "First Wednesday 7:00 PM @ Google Meet",
     },
   },
-  communityPartners: ["Beagle Security", "Zilicon technologies"],
+
+  communityPartners:[
+    { name: "Beagle Security", image: "/assets/IG/Cyber Security/Community Partners/Beagle Security.jpg" },
+    { name: "Zilicon technologies", image: "/assets/IG/Cyber Security/Community Partners/Zilicon technologies.png" },
+  ],
   prerequisites: {
     description:
       "Cybersecurity requires a basic understanding of computer systems, operating systems (especially Linux and Windows), and networking concepts like IP addresses and protocols. Familiarity with programming (Python, Bash) and web technologies (HTML, JavaScript) is beneficial. Key concepts include encryption, authentication, and common threats like malware and phishing. Hands-on experience with tools like Wireshark, Nmap, and vulnerability scanners is essential. Problem-solving skills and a continuous learning mindset are critical to keeping up with evolving cyber threats.",
@@ -20,18 +24,21 @@ export const cybersecurity = {
   mentors: [
     {
       name: "Rejah Rehim",
-      title: "CEO and Co founder, Beagle Security",
+      role: "CEO and Co founder, Beagle Security",
       linkedin: "https://www.linkedin.com/in/rejah",
+      imageUrl: "/assets/IG/Cyber Security/Mentors/Rejah Rehim.jpg",
     },
     {
-      name: "Manider Mohan",
-      title: "Cyber Security Specialist",
+      name: "Maninder Mohan",
+      role: "Cyber Security Specialist",
       linkedin: "https://www.linkedin.com/in/manindar-m",
+      imageUrl: "/assets/IG/Cyber Security/Mentors/Maninder Mohan.jpg",
     },
     {
       name: "Vishnu Vijayan V S",
-      title: "Chief Information Security Officer",
+      role: "Chief Information Security Officer",
       linkedin: "https://www.linkedin.com/in/vishnu-vijayan-vs",
+      imageUrl: "/assets/IG/Cyber Security/Mentors/Vishnu Vijayan V S.jpg",
     },
   ],
   interestGroupLeads: {
@@ -42,15 +49,19 @@ export const cybersecurity = {
         name: "Dany Koshy P",
         institution: "College of Engineering Pathanapuram",
         linkedin: "https://www.linkedin.com/in/dany-koshy-p-a79328232/",
+        imageUrl: "/assets/IG/Cyber Security/IG lead/Dany Koshy.jpg",
       },
       {
         name: "Aswin Krishna",
         linkedin: "https://www.linkedin.com/in/aswinkrishna07",
+        institution: "College of Engineering Trivandrum",
+        imageUrl: "/assets/IG/Cyber Security/IG lead/Aswin Krishna.jpg",
       },
       {
         name: "Geo Mathew Joseph",
         institution: "Marian Engineering College",
         linkedin: "https://www.linkedin.com/in/geomathewjoseph",
+        imageUrl: "/assets/IG/Cyber Security/IG lead/Geo Mathew.jpg",
       },
     ],
   },

src/Pages/IG/data/datascience.js

@@ -20,9 +20,12 @@ export const datascience = {
   },
   mentors: [
     {
-      name: "Arjun M S",
-      title: null,
-      linkedin: null,
+      name: "Arjun MS",
+      linkedin: "https://www.linkedin.com/in/the-arjun-ms/",
+      hasLinkedin: true,
+      role: "Backend Developer @Gtech µLearn",
+      imageUrl: "/assets/IG/Artificial Intelligence/Mentors/Arjun MS.jpg",
+
     },
   ],
   interestGroupLeads: {
@@ -31,13 +34,16 @@ export const datascience = {
     leads: [
       {
         name: "Muhammed Ziyan",
-        institution: "St. Thomas Institute for Science and Technology",
+        role: "Product Manager @Banzan Studios",
         linkedin: "https://www.linkedin.com/in/mziyan/",
+        imageUrl: "/assets/IG/Data Science/IG Lead/Muhammed Ziyan.jpg",
       },
       {
         name: "Jeeva Vinod",
-        institution: "Vidya Academy of Science and Technology",
+
+        role: "Data Science Intern @Gtech µLearn",
         linkedin: "https://www.linkedin.com/in/jeeva-vinod-7b536a215",
+        imageUrl: "/assets/IG/Data Science/IG Lead/Jeeva Vinod.jpg",
       },
     ],
   },