Skip to content

Commit

Permalink
Profile blobs
Browse files Browse the repository at this point in the history
  • Loading branch information
@kevinmonisit
kevinmonisit committed Oct 29, 2024
1 parent 902f469 commit d1a4e00
Show file tree
Hide file tree
Showing 4 changed files with 249 additions and 9 deletions.
11 changes: 9 additions & 2 deletions app/(pre-dashboard)/(landing)/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand All @@ -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>

Expand All @@ -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> */}
Expand Down
7 changes: 0 additions & 7 deletions app/(pre-dashboard)/(landing)/sections/Team.tsx
View file

This file was deleted.

56 changes: 56 additions & 0 deletions app/(pre-dashboard)/(landing)/sections/Team/Team.tsx
View file
Original file line number Diff line number Diff line change
@@ -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;
184 changes: 184 additions & 0 deletions app/(pre-dashboard)/(landing)/sections/Team/TeamData.ts
View file
Original file line number Diff line number Diff line change
@@ -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
];

0 comments on commit d1a4e00

Please sign in to comment.