Skip to content

Commit

Permalink
feat(web/landing): Team page
Browse files Browse the repository at this point in the history
  • Loading branch information
RezaRahemtola committed Nov 5, 2023
1 parent cc63b5b commit bcaedf1
Showing 1 changed file with 44 additions and 2 deletions.
46 changes: 44 additions & 2 deletions frontend/web/app/(landing)/team/page.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,47 @@
import TeamGeneralHero from "@/components/landing/team/GeneralHero";
import Image from "next/image";

const LandingPage = () => <TeamGeneralHero />;
const members = [
{ name: "Dorian Moy", title: "Lead Backend", image: "https://github.com/Croos3r.png" },
{ name: "Florian Lauch", title: "Lead Workers", image: "https://github.com/EdenComp.png" },
{ name: "Tom Bariteau", title: "Frontend Developer", image: "https://github.com/Tomi-Tom.png" },
{ name: "Axel Denis", title: "Mobile Developer", image: "https://github.com/axel-denis.png" },
{
name: "Reza Rahemtola",
title: "Lead Frontend & DevOps",
image: "https://github.com/RezaRahemtola.png",
},
];

const LandingPage = () => (
<section className="min-h-screen w-full py-12 md:py-24 lg:py-32">
<div className="container px-4 md:px-6 mx-auto">
<div className="flex flex-col items-center space-y-4 text-center">
<h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">Meet Our Team</h1>
<p className="mx-auto max-w-[700px] text-zinc-500 md:text-xl dark:text-zinc-400">
We are a group of passionate individuals committed to our work.
</p>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-8 mt-10 justify-items-center">
{members.map((member) => (
<div className="flex flex-col items-center space-y-4" key={member.name}>
<Image
alt="Team member"
className="rounded-full object-cover object-center"
height="200"
src={member.image}
style={{
aspectRatio: "200/200",
objectFit: "cover",
}}
width="200"
/>
<h2 className="text-lg font-semibold">{member.name}</h2>
<p className="text-sm text-zinc-500 dark:text-zinc-400">{member.title}</p>
</div>
))}
</div>
</div>
</section>
);

export default LandingPage;

0 comments on commit bcaedf1

Please sign in to comment.