diff --git a/frontend/app/(main)/about/page.tsx b/frontend/app/(main)/about/page.tsx
index 3f9054e..51f45e3 100644
--- a/frontend/app/(main)/about/page.tsx
+++ b/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,51 +25,73 @@ 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">
-						<CardHeader className="text-center p-2">
-							<CardTitle className="m-5">
-								Entraîneur depuis 60 ans
-							</CardTitle>
-							<span className="font-bold text-5xl">
-								Robert Louis Jean Jacke
-							</span>
-						</CardHeader>
-						<CardContent className="px-28 py-14">
-							<div className="flex gap-4 flex-col justify-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">
-									Lorem ipsum, dolor sit amet
-								</h2>
-								<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>
-								<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">
-									Lorem ipsum, dolor sit amet
-								</h2>
-								<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>
-								<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 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
+								</CardTitle>
+								<span className="font-bold text-5xl">
+									Robert Louis Jean Jacke
+								</span>
+							</CardHeader>
+							<CardContent className="px-28 py-14">
+								<div className="flex gap-4 flex-col justify-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">
+										Lorem ipsum, dolor sit amet
+									</h2>
+									<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>
+									<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">
+										Lorem ipsum, dolor sit amet
+									</h2>
+									<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="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>
-						</CardContent>
-					</Card>
-					<div className="container w-2/5 border rounded">
+						</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">