Merge remote-tracking branch 'origin/dev/guerby' into dev/cedric

frontend/app/(main)/about/page.tsx

@@ -10,6 +10,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
+import { Avatar, AvatarFallback, AvatarImage } from "@radix-ui/react-avatar";
 import { CheckIcon } from "lucide-react";
 
 export default async function About() {
@@ -24,7 +25,8 @@ export default async function About() {
 		<>
 			<div className="px-24 py-28 lg:py-32">
 				<div className="flex flex-row gap-4 justify-center w-full pb-24">
-					<Card className="w-3/5 py-12">
+					<div className="flex flex-col gap-4 w-3/5 justify-center">
+						<Card className="pt-10 pb-5 max-h-fit">
 							<CardHeader className="text-center p-2">
 								<CardTitle className="m-5">
 									Entraîneur depuis 60 ans
@@ -57,18 +59,39 @@ export default async function About() {
 										praesentium ea placeat ad, neque eveniet
 										adipisci?
 									</p>
-								<p className="blog-paragraph text-muted-foreground">
-									Lorem ipsum dolor sit amet consectetur
-									adipisicing elit. Debitis accusamus illum,
-									nam nemo quod delectus velit repellat odio
-									dolorum sapiente soluta, aliquam atque
-									praesentium ea placeat ad, neque eveniet
-									adipisci?
-								</p>
 								</div>
 							</CardContent>
 						</Card>
-					<div className="container w-2/5 border rounded">
+						<div className="max-w-full text-center" >
+							<h2 className="text-pretty text-xl font-semibold md:mb-0.5 md:text-4xl lg:mb-1 lg:max-w-3xl lg:text-3xl">
+								Mes associés
+							</h2>
+							<div className="relative items-center justify-center flex flex-row gap-14 w-full">
+								<Avatar className="w-20 h-20 m-4">
+									<AvatarImage className="rounded-full z-10" src="https://github.com/shadcn.png" alt="@shadcn" />
+									<div className="absolute border rounded-xl py-0.5 px-5 w-fit opacity-100 top-20 left-[calc(50%+11em)] translate-x-[-50%]  bg-white z-50">
+										Marc Zuckenberg
+									</div>
+									<AvatarFallback>CN</AvatarFallback>
+								</Avatar>
+								<Avatar className="w-20 h-20 m-4">
+									<AvatarImage className="rounded-full z-10" src="https://github.com/shadcn.png" alt="@shadcn" />
+									<div className="absolute border rounded-xl py-0.5 px-5 w-fit opacity-100 top-20 left-[calc(50%)] translate-x-[-50%]  bg-white z-50">
+										Robert Lewis
+									</div>
+									<AvatarFallback>CN</AvatarFallback>
+								</Avatar>
+								<Avatar className="w-20 h-20 m-4">
+									<AvatarImage className="rounded-full z-10" src="https://github.com/shadcn.png" alt="@shadcn" />
+									<div className="absolute border rounded-xl py-0.5 px-5 w-fit opacity-100 top-20 left-[calc(50%-11em)] translate-x-[-50%]  bg-white z-50">
+										Marria Caré
+									</div>
+									<AvatarFallback>CN</AvatarFallback>
+								</Avatar>
+							</div>
+						</div>
+					</div>
+					<div className="container w-2/5 h-fit border rounded">
 						<img
 							className=""
 							src="https://shadcnblocks.com/images/block/placeholder-dark-1.svg"
@@ -84,6 +107,9 @@ export default async function About() {
 						License accessible à partir de 90€. Aide "une aide de
 						l'état" possible.
 					</p>
+					<p className="mt-1 text-muted-foreground">
+						equipement (gants, casque) pris en compte. Prévoir une tenue sportive adaptée.
+					</p>
 				</div>
 				<div className="mt-12 flex flex-row justify-center gap-6 lg:items-center">
 					<Card className="border-primary">