From 0fca2f675cc7c67d70b3ba3599573ed97b378c12 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 16:09:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 275 +++++++++++------------------------------------
 1 file changed, 65 insertions(+), 210 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fda7f98..6200d02 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Accueil",
-          id: "#hero",
-        },
+          name: "Accueil",          id: "#hero"},
         {
-          name: "Spectacles",
-          id: "#spectacles",
-        },
+          name: "Spectacles",          id: "#spectacles"},
         {
-          name: "Prestations",
-          id: "#prestations",
-        },
+          name: "Prestations",          id: "#prestations"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="La Girafe aux mille pattes"
     />
@@ -56,92 +48,51 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="La Girafe aux mille pattes"
       description="Producteur & Tourneur de spectacle vivant. Événement culturel, Arbre de Noël, spectacle et atelier pour toutes les saisons !"
       testimonials={[
         {
-          name: "Ville de Charenton",
-          handle: "@culture",
-          testimonial: "Une programmation exceptionnelle pour nos événements locaux.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/tanned-caucasian-female-wearing-floral-mask-amusement-park_181624-33204.jpg",
-        },
+          name: "Ville de Charenton",          handle: "@culture",          testimonial: "Une programmation exceptionnelle pour nos événements locaux.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/tanned-caucasian-female-wearing-floral-mask-amusement-park_181624-33204.jpg"},
         {
-          name: "Disneyland Paris",
-          handle: "@disney",
-          testimonial: "Artistes talentueux et professionnels pour nos animations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-costume-with-champagne-bottle_23-2148412788.jpg",
-        },
+          name: "Disneyland Paris",          handle: "@disney",          testimonial: "Artistes talentueux et professionnels pour nos animations.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-costume-with-champagne-bottle_23-2148412788.jpg"},
         {
-          name: "Mairie de Vincennes",
-          handle: "@vincennes",
-          testimonial: "Des créations féériques qui ravissent petits et grands.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33602.jpg",
-        },
+          name: "Mairie de Vincennes",          handle: "@vincennes",          testimonial: "Des créations féériques qui ravissent petits et grands.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33602.jpg"},
         {
-          name: "Palais de l'Elysée",
-          handle: "@elysee",
-          testimonial: "Une qualité artistique irréprochable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5447.jpg",
-        },
+          name: "Palais de l'Elysée",          handle: "@elysee",          testimonial: "Une qualité artistique irréprochable.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5447.jpg"},
         {
-          name: "Musée Rodin",
-          handle: "@rodin",
-          testimonial: "Une mise en scène poétique et inspirée.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-ventriloquist_23-2150621764.jpg",
-        },
+          name: "Musée Rodin",          handle: "@rodin",          testimonial: "Une mise en scène poétique et inspirée.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-ventriloquist_23-2150621764.jpg"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg",
-          alt: "Avis Charenton",
-        },
+          src: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg",          alt: "Avis Charenton"},
         {
-          src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
-          alt: "Avis Disney",
-        },
+          src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",          alt: "Avis Disney"},
         {
-          src: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",
-          alt: "Avis Vincennes",
-        },
+          src: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",          alt: "Avis Vincennes"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg",
-          alt: "Avis Elysée",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg",          alt: "Avis Elysée"},
         {
-          src: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg",
-          alt: "Avis Rodin",
-        },
+          src: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg",          alt: "Avis Rodin"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Spectacle Vivant",
-        },
+          type: "text",          text: "Spectacle Vivant"},
         {
-          type: "text",
-          text: "Arbre de Noël",
-        },
+          type: "text",          text: "Arbre de Noël"},
         {
-          type: "text",
-          text: "Déambulations",
-        },
+          type: "text",          text: "Déambulations"},
         {
-          type: "text",
-          text: "Ateliers Créatifs",
-        },
+          type: "text",          text: "Ateliers Créatifs"},
         {
-          type: "text",
-          text: "Tournées Internationales",
-        },
+          type: "text",          text: "Tournées Internationales"},
       ]}
     />
   </div>
@@ -154,19 +105,13 @@ export default function LandingPage() {
       description="Fort de notre expérience avec La Lune dans les Pieds, nous étendons notre savoir-faire pour vos fêtes de fin d’année et tous vos événements culturels tout au long des saisons."
       bulletPoints={[
         {
-          title: "Expertise",
-          description: "Producteur et tourneur reconnu dans les pays francophones.",
-        },
+          title: "Expertise",          description: "Producteur et tourneur reconnu dans les pays francophones."},
         {
-          title: "Polyvalence",
-          description: "Spectacles adaptés aux espaces intérieurs et extérieurs.",
-        },
+          title: "Polyvalence",          description: "Spectacles adaptés aux espaces intérieurs et extérieurs."},
         {
-          title: "Confiance",
-          description: "Référencés par les plus grandes institutions et villes de France.",
-        },
+          title: "Confiance",          description: "Référencés par les plus grandes institutions et villes de France."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -178,58 +123,34 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Opus de Feu",
-          description: "Une création Cie Firelights, durée 25 minutes.",
-          bentoComponent: "media-stack",
-          items: [
+          title: "Opus de Feu",          description: "Une création Cie Firelights, durée 25 minutes.",          bentoComponent: "media-stack",          items: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038378.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038378.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/decorated-reindeer-installation-illuminated-with-lights-christmas_181624-28899.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/decorated-reindeer-installation-illuminated-with-lights-christmas_181624-28899.jpg"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg?_wi=2",
-          imageAlt: "fire performance show artistic",
         },
         {
-          title: "Féérie",
-          description: "Création Cie Luminescence, durée 30 à 40 minutes.",
-          bentoComponent: "media-stack",
-          items: [
+          title: "Féérie",          description: "Création Cie Luminescence, durée 30 à 40 minutes.",          bentoComponent: "media-stack",          items: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-kids-performing-play-theatre-stage-celebrate-world-theatre-day_23-2151163724.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/young-kids-performing-play-theatre-stage-celebrate-world-theatre-day_23-2151163724.jpg"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=2",
-          imageAlt: "fire performance show artistic",
         },
         {
-          title: "Échassiers",
-          description: "Déambulation lumineuse et féérique.",
-          bentoComponent: "media-stack",
-          items: [
+          title: "Échassiers",          description: "Déambulation lumineuse et féérique.",          bentoComponent: "media-stack",          items: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/aerial-dance-rooftop-sexy-brunette-silk-dancer-white-dress_8353-1001.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/aerial-dance-rooftop-sexy-brunette-silk-dancer-white-dress_8353-1001.jpg"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-costumed-carnival-party_23-2148412799.jpg",
-            },
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-costumed-carnival-party_23-2148412799.jpg"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg?_wi=1",
-          imageAlt: "fire performance show artistic",
         },
       ]}
       title="Spectacles & Déambulations"
@@ -245,41 +166,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Sculpture Glace",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg?_wi=2",
-        },
+          id: "1",          name: "Sculpture Glace",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg"},
         {
-          id: "2",
-          name: "Atelier Cirque",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-training-gymnastics_23-2149401054.jpg",
-        },
+          id: "2",          name: "Atelier Cirque",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-training-gymnastics_23-2149401054.jpg"},
         {
-          id: "3",
-          name: "Fanfare Colorée",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-holding-instruments_23-2149223643.jpg",
-        },
+          id: "3",          name: "Fanfare Colorée",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-holding-instruments_23-2149223643.jpg"},
         {
-          id: "4",
-          name: "Arbre de Noël",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-santa-hats-exchanging-presents_23-2147969578.jpg",
-        },
+          id: "4",          name: "Arbre de Noël",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/people-santa-hats-exchanging-presents_23-2147969578.jpg"},
         {
-          id: "5",
-          name: "Parade Musicale",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512167.jpg",
-        },
+          id: "5",          name: "Parade Musicale",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512167.jpg"},
         {
-          id: "6",
-          name: "Atelier Acro",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/acrobat-posing_1163-967.jpg",
-        },
+          id: "6",          name: "Atelier Acro",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/acrobat-posing_1163-967.jpg"},
       ]}
       title="Nos Prestations"
       description="Une gamme complète d'ateliers et animations pour tous les publics."
@@ -291,14 +188,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Charenton",
-        "Elysée",
-        "Disney",
-        "Rodin",
-        "Trianon",
-        "Vincennes",
-        "Fontainebleau",
-      ]}
+        "Charenton",        "Elysée",        "Disney",        "Rodin",        "Trianon",        "Vincennes",        "Fontainebleau"]}
       title="Ils nous ont fait confiance"
       description="Des partenaires institutionnels et culturels de premier plan."
     />
@@ -311,22 +201,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          title: "Années d'expérience",
-          value: "15+",
-          icon: Award,
+          id: "m1",          title: "Années d'expérience",          value: "15+",          icon: Award,
         },
         {
-          id: "m2",
-          title: "Villes partenaires",
-          value: "200+",
-          icon: MapPin,
+          id: "m2",          title: "Villes partenaires",          value: "200+",          icon: MapPin,
         },
         {
-          id: "m3",
-          title: "Spectacles créés",
-          value: "50+",
-          icon: Film,
+          id: "m3",          title: "Spectacles créés",          value: "50+",          icon: Film,
         },
       ]}
       title="En quelques chiffres"
@@ -340,20 +221,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Quels types d'événements ?",
-          content: "Nous animons tout type d'événements culturels, arbres de Noël, fêtes de fin d'année, en intérieur comme en extérieur.",
-        },
+          id: "f1",          title: "Quels types d'événements ?",          content: "Nous animons tout type d'événements culturels, arbres de Noël, fêtes de fin d'année, en intérieur comme en extérieur."},
         {
-          id: "f2",
-          title: "Zone géographique ?",
-          content: "Nous intervenons partout en France et dans les pays francophones.",
-        },
+          id: "f2",          title: "Zone géographique ?",          content: "Nous intervenons partout en France et dans les pays francophones."},
         {
-          id: "f3",
-          title: "Comment réserver ?",
-          content: "Contactez-nous directement via le formulaire de contact pour recevoir un devis rapide.",
-        },
+          id: "f3",          title: "Comment réserver ?",          content: "Contactez-nous directement via le formulaire de contact pour recevoir un devis rapide."},
       ]}
       title="Questions Fréquentes"
       description="Besoin d'informations sur nos services ?"
@@ -365,14 +237,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Envoyez-nous votre demande. Nous vous répondons très vite pour vos projets culturels !"
       buttons={[
         {
-          text: "Contactez-nous",
-          href: "#",
-        },
+          text: "Contactez-nous",          href: "#"},
       ]}
     />
   </div>
@@ -381,37 +250,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Informations",
-          items: [
+          title: "Informations",          items: [
             {
-              label: "La Girafe aux Mille Pattes",
-              href: "#",
-            },
+              label: "La Girafe aux Mille Pattes",              href: "#"},
             {
-              label: "6, bd André Bassée",
-              href: "#",
-            },
+              label: "6, bd André Bassée",              href: "#"},
             {
-              label: "94 120 Fontenay-sous-Bois",
-              href: "#",
-            },
+              label: "94 120 Fontenay-sous-Bois",              href: "#"},
           ],
         },
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Accueil",
-              href: "#hero",
-            },
+              label: "Accueil",              href: "#hero"},
             {
-              label: "Spectacles",
-              href: "#spectacles",
-            },
+              label: "Spectacles",              href: "#spectacles"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1