From d1a4e00c5d73ecb8ff60f8f27164559cfdd0eec9 Mon Sep 17 00:00:00 2001
From: Kevin Monisit <monisitkevin@gmail.com>
Date: Tue, 29 Oct 2024 19:42:24 -0400
Subject: [PATCH] Profile blobs

---
 app/(pre-dashboard)/(landing)/page.tsx        |  11 +-
 .../(landing)/sections/Team.tsx               |   7 -
 .../(landing)/sections/Team/Team.tsx          |  56 ++++++
 .../(landing)/sections/Team/TeamData.ts       | 184 ++++++++++++++++++
 4 files changed, 249 insertions(+), 9 deletions(-)
 delete mode 100644 app/(pre-dashboard)/(landing)/sections/Team.tsx
 create mode 100644 app/(pre-dashboard)/(landing)/sections/Team/Team.tsx
 create mode 100644 app/(pre-dashboard)/(landing)/sections/Team/TeamData.ts

diff --git a/app/(pre-dashboard)/(landing)/page.tsx b/app/(pre-dashboard)/(landing)/page.tsx
index d3d194c..64390c5 100644
--- a/app/(pre-dashboard)/(landing)/page.tsx
+++ b/app/(pre-dashboard)/(landing)/page.tsx
@@ -12,6 +12,7 @@ import FAQ from './sections/FAQ/FAQ';
 import GenericSection from './sections/GenericSection';
 import { getSponsors } from '@/app/lib/data';
 import React from 'react';
+import Team from './sections/Team/Team';
 
 export default async function Page() {
   return (
@@ -20,7 +21,10 @@ export default async function Page() {
     >
       <div className="overflow-x-hidden overflow-y-hidden">
         <Hero />
-        <h1 className={`text-center bg-blue-500 ${fuzzy.className}`} style={{ fontSize: '96px' }}>
+        <h1
+          className={`bg-blue-500 text-center ${fuzzy.className}`}
+          style={{ fontSize: '96px' }}
+        >
           ABOUT
         </h1>
 
@@ -35,10 +39,13 @@ export default async function Page() {
             <Schedule />
           </Suspense>
         </GenericSection>
-        <GenericSection title="Sponsors">{<Sponsors /> }</GenericSection>
+        <GenericSection title="Sponsors">{<Sponsors />}</GenericSection>
         <GenericSection title="FAQ" color="from-blue-500">
           <FAQ />
         </GenericSection>
+        <GenericSection title="Meet the Team">
+          <Team />
+        </GenericSection>
         {/* <GenericSection title="Team">
           <Team />
         </GenericSection> */}
diff --git a/app/(pre-dashboard)/(landing)/sections/Team.tsx b/app/(pre-dashboard)/(landing)/sections/Team.tsx
deleted file mode 100644
index 0dc911b..0000000
--- a/app/(pre-dashboard)/(landing)/sections/Team.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react';
-
-const Team = () => {
-  return <div>Hello</div>;
-};
-
-export default Team;
diff --git a/app/(pre-dashboard)/(landing)/sections/Team/Team.tsx b/app/(pre-dashboard)/(landing)/sections/Team/Team.tsx
new file mode 100644
index 0000000..0ff15d0
--- /dev/null
+++ b/app/(pre-dashboard)/(landing)/sections/Team/Team.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { teamMembers } from './TeamData';
+
+const TeamProfile = (member: {
+  link: string;
+  image: string;
+  name: string;
+
+  position: string;
+}) => {
+  return (
+    <Link
+      href={member.link}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="group flex scale-100 flex-col items-center transition-transform duration-300 hover:scale-105 hover:transform"
+      style={{ marginLeft: 0 }}
+    >
+      <div className="relative m-4 h-32 w-32">
+        <img
+          src="https://cataas.com/cat"
+          alt={member.name}
+          className="h-32 w-32 rounded-full border-2 border-blue-300 object-cover transition-colors duration-300 group-hover:border-blue-400"
+        />
+      </div>
+      <h3 className="text-center text-base font-semibold text-blue-200">
+        {member.name}
+      </h3>
+      <p className="text-center text-xs text-white">{member.position}</p>
+    </Link>
+  );
+};
+
+const Team = () => {
+  return (
+    <div className="w-full px-4 py-8">
+      <div className="mx-auto max-w-7xl space-y-5">
+        <div className="flex flex-wrap justify-center sm:space-x-20">
+          {teamMembers.slice(0, 2).map((member, index) => (
+            <TeamProfile {...member} key={index} />
+          ))}
+        </div>
+
+        <div className="flex flex-wrap justify-center sm:space-x-20">
+          {teamMembers.slice(2).map((member, index) => (
+            <TeamProfile {...member} key={index} />
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Team;
diff --git a/app/(pre-dashboard)/(landing)/sections/Team/TeamData.ts b/app/(pre-dashboard)/(landing)/sections/Team/TeamData.ts
new file mode 100644
index 0000000..dee4fcd
--- /dev/null
+++ b/app/(pre-dashboard)/(landing)/sections/Team/TeamData.ts
@@ -0,0 +1,184 @@
+type TeamMember = {
+  name: string;
+  position: string;
+  image: string;
+  link: string;
+};
+
+export const teamMembers: TeamMember[] = [
+  {
+    name: 'Shivam',
+    position: 'Co-Director',
+    image: '/team/jane-smith.jpg',
+    link: 'https://linkedin.com/in/jane-smith',
+  },
+  {
+    name: 'Rushd',
+    position: 'Co-Director',
+    image: '/team/john-doe.jpg',
+    link: 'https://linkedin.com/in/john-doe',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://kevinmonisit.me',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  {
+    name: 'Kevin',
+    position: 'RnD Director',
+    image: '/team/mike-wilson.jpg',
+    link: 'https://linkedin.com/in/mike-wilson',
+  },
+  // Add more team members as needed
+];