All files / components/home HomePresentation.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
1x
 
 
 
 
 
 
 
 
 
 
 
 
1x
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import HomeCard from "./HomeCard";
 
/**
 * Composant de présentation de la page d'accueil.
 * Affiche plusieurs cartes d'information sur les Jeux Olympiques de Paris 2024.
 * Utilise le composant HomeCard pour chaque section de présentation.
 *
 * @returns JSX.Element Le composant de présentation
 * @example
 * ```tsx
 * return <HomePresentation />
 * ```
 */
export default function HomePresentation() {
  return (
    <section className="mx-[3%] my-[40px] bg-base-100 border-1 border-accent rounded-[20px]">
 
        <HomeCard
            title="un évènement inoubliable"
            imageSrc="/images/paris_le_monde.png"
            imageAlt="Jeux Olympiques Paris 2024"
            speech=" Plus de 10 500 athlètes venus de 206 pays s'affronteront dans 32 sports. Paris devient, pour la troisième fois, la capitale mondiale du sport."
        />
 
        <div className="h-[1px] w-[80%] bg-accent mx-auto" />
 
        <HomeCard
            title="un évènement historique"
            imageSrc="/images/decor_paris.png"
            imageAlt="Monument Paris 2024"
            speech="Les Jeux Olympiques d'été de 2024, officiellement connus sous le nom de Jeux de la XXXIIIe Olympiade, se dérouleront à Paris, en France, du 26 juillet au 11 août 2024."
            orientation="reverse"
        />
 
        <div className="h-[1px] w-[80%] bg-accent mx-auto" />
 
        <HomeCard
            title="un évènement populaire"
            imageSrc="/images/paris_la_verte.png"
            imageAlt="Paris la verte 2024"
            speech="Les Jeux Olympiques de Paris 2024 seront les premiers à être organisés dans la capitale française depuis 1924. Ils s'annoncent comme un événement populaire, accessible à tous."
        />
 
    </section>
  );
 
}