cdricms/latosa-escrima
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
cdricms
2025-01-20 10:29:04 +01:00
parent 8d880b8705 5ceba383f5
commit 13e8221e83
1 changed files with 70 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
frontend/app/(main)/about/page.tsx
View File

@@ -10,6 +10,7 @@ import {
CardHeader, CardHeader,
CardTitle, CardTitle,
} from "@/components/ui/card"; } from "@/components/ui/card";
import { Avatar, AvatarFallback, AvatarImage } from "@radix-ui/react-avatar";
import { CheckIcon } from "lucide-react"; import { CheckIcon } from "lucide-react";
export default async function About() { 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="px-24 py-28 lg:py-32">
<div className="flex flex-row gap-4 justify-center w-full pb-24"> <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">
<CardHeader className="text-center p-2"> <Card className="pt-10 pb-5 max-h-fit">
<CardTitle className="m-5"> <CardHeader className="text-center p-2">
Entraîneur depuis 60 ans <CardTitle className="m-5">
</CardTitle> Entraîneur depuis 60 ans
<span className="font-bold text-5xl"> </CardTitle>
Robert Louis Jean Jacke <span className="font-bold text-5xl">
</span> Robert Louis Jean Jacke
</CardHeader> </span>
<CardContent className="px-28 py-14"> </CardHeader>
<div className="flex gap-4 flex-col justify-center"> <CardContent className="px-28 py-14">
<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"> <div className="flex gap-4 flex-col justify-center">
Lorem ipsum, dolor sit amet <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">
</h2> Lorem ipsum, dolor sit amet
<p className="blog-paragraph text-muted-foreground"> </h2>
Lorem ipsum dolor sit amet consectetur <p className="blog-paragraph text-muted-foreground">
adipisicing elit. Debitis accusamus illum, Lorem ipsum dolor sit amet consectetur
nam nemo quod delectus velit repellat odio adipisicing elit. Debitis accusamus illum,
dolorum sapiente soluta, aliquam atque nam nemo quod delectus velit repellat odio
praesentium ea placeat ad, neque eveniet dolorum sapiente soluta, aliquam atque
adipisci? praesentium ea placeat ad, neque eveniet
</p> adipisci?
<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"> </p>
Lorem ipsum, dolor sit amet <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">
</h2> Lorem ipsum, dolor sit amet
<p className="blog-paragraph text-muted-foreground"> </h2>
Lorem ipsum dolor sit amet consectetur <p className="blog-paragraph text-muted-foreground">
adipisicing elit. Debitis accusamus illum, Lorem ipsum dolor sit amet consectetur
nam nemo quod delectus velit repellat odio adipisicing elit. Debitis accusamus illum,
dolorum sapiente soluta, aliquam atque nam nemo quod delectus velit repellat odio
praesentium ea placeat ad, neque eveniet dolorum sapiente soluta, aliquam atque
adipisci? praesentium ea placeat ad, neque eveniet
</p> adipisci?
<p className="blog-paragraph text-muted-foreground"> </p>
Lorem ipsum dolor sit amet consectetur </div>
adipisicing elit. Debitis accusamus illum, </CardContent>
nam nemo quod delectus velit repellat odio </Card>
dolorum sapiente soluta, aliquam atque <div className="max-w-full text-center" >
praesentium ea placeat ad, neque eveniet <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">
adipisci? Mes associés
</p> </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>
</CardContent> </div>
</Card> </div>
<div className="container w-2/5 border rounded"> <div className="container w-2/5 h-fit border rounded">
<img <img
className="" className=""
src="https://shadcnblocks.com/images/block/placeholder-dark-1.svg" 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 License accessible à partir de 90€. Aide "une aide de
l'état" possible. l'état" possible.
</p> </p>
<p className="mt-1 text-muted-foreground">
equipement (gants, casque) pris en compte. Prévoir une tenue sportive adaptée.
</p>
</div> </div>
<div className="mt-12 flex flex-row justify-center gap-6 lg:items-center"> <div className="mt-12 flex flex-row justify-center gap-6 lg:items-center">
<Card className="border-primary"> <Card className="border-primary">