From acba921dbcb3fc48f12415f4692aa86f203c6f44 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 12:34:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 185 +++++++++++------------------------------------
 1 file changed, 43 insertions(+), 142 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86335d2..a5822fe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "À propos",
-          id: "about",
-        },
+          name: "À propos",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Riad Tislite & Spa"
     />
@@ -55,81 +47,52 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Bienvenue au Riad Tislite & Spa"
       description="Un havre de paix au cœur de la Médina de Marrakech. Profitez d'une expérience authentique, alliant confort moderne et tradition marocaine."
       kpis={[
         {
-          value: "3,8",
-          label: "Note Moyenne",
-        },
+          value: "3,8",          label: "Note Moyenne"},
         {
-          value: "37",
-          label: "Avis Clients",
-        },
+          value: "37",          label: "Avis Clients"},
         {
-          value: "3*",
-          label: "Étoiles",
-        },
+          value: "3*",          label: "Étoiles"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Vérifier la disponibilité",
-          href: "#",
-        },
+          text: "Vérifier la disponibilité",          href: "#"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-2066.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",
-          alt: "Portrait of happy surprised brunette woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",          alt: "Portrait of happy surprised brunette woman"},
         {
-          src: "http://img.b2bpic.net/free-photo/fascinating-barefooted-dark-haired-girl-having-fun-outside-resting-chaise-longue-near-hotel-portrait-cute-tanned-young-woman-sunglasses-trendy-attire-sitting-trestle-bed_197531-3074.jpg",
-          alt: "Tanned young woman in sunglasses",
-        },
+          src: "http://img.b2bpic.net/free-photo/fascinating-barefooted-dark-haired-girl-having-fun-outside-resting-chaise-longue-near-hotel-portrait-cute-tanned-young-woman-sunglasses-trendy-attire-sitting-trestle-bed_197531-3074.jpg",          alt: "Tanned young woman in sunglasses"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-couple-bathrobes-talking-while-sitting-by-pool-spending-weekend-spa-focus-is-happy-man_637285-7414.jpg",
-          alt: "Young couple at the spa",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-couple-bathrobes-talking-while-sitting-by-pool-spending-weekend-spa-focus-is-happy-man_637285-7414.jpg",          alt: "Young couple at the spa"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",
-          alt: "Happy student with coffee",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",          alt: "Happy student with coffee"},
         {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg",
-          alt: "Young man smiling in cafe",
-        },
+          src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg",          alt: "Young man smiling in cafe"},
       ]}
       avatarText="Rejoignez plus de 500+ clients satisfaits"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Wifi Haut Débit",
-          icon: Wifi,
+          type: "text-icon",          text: "Wifi Haut Débit",          icon: Wifi,
         },
         {
-          type: "text-icon",
-          text: "Spa Traditionnel",
-          icon: Sparkles,
+          type: "text-icon",          text: "Spa Traditionnel",          icon: Sparkles,
         },
         {
-          type: "text-icon",
-          text: "Piscine Chauffée",
-          icon: Waves,
+          type: "text-icon",          text: "Piscine Chauffée",          icon: Waves,
         },
         {
-          type: "text-icon",
-          text: "Service 24/7",
-          icon: Clock,
+          type: "text-icon",          text: "Service 24/7",          icon: Clock,
         },
         {
-          type: "text-icon",
-          text: "Petit-déjeuner",
-          icon: Coffee,
+          type: "text-icon",          text: "Petit-déjeuner",          icon: Coffee,
         },
       ]}
     />
@@ -143,17 +106,11 @@ export default function LandingPage() {
       description="Idéalement situé au cœur de la Médina, notre établissement vous offre une oasis de sérénité. Découvrez l'art de vivre marrakchi à travers notre hospitalité chaleureuse et nos services dédiés."
       bulletPoints={[
         {
-          title: "Emplacement Idéal",
-          description: "Au centre de la Médina, proche des points d'intérêt touristiques.",
-        },
+          title: "Emplacement Idéal",          description: "Au centre de la Médina, proche des points d'intérêt touristiques."},
         {
-          title: "Atmosphère Sérénité",
-          description: "Un cadre traditionnel conçu pour votre repos total.",
-        },
+          title: "Atmosphère Sérénité",          description: "Un cadre traditionnel conçu pour votre repos total."},
         {
-          title: "Accueil Personnalisé",
-          description: "Une équipe dévouée pour rendre votre séjour inoubliable.",
-        },
+          title: "Accueil Personnalisé",          description: "Une équipe dévouée pour rendre votre séjour inoubliable."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/vase-plant-decoration-exterior_74190-6505.jpg"
       mediaAnimation="opacity"
@@ -167,26 +124,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Petit-déjeuner inclus",
-          description: "Commencez votre journée avec des saveurs locales.",
-          tag: "Gastronomie",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-cups-turkish-coffee-served-with-sweets_140725-7108.jpg",
-        },
+          id: "1",          title: "Petit-déjeuner inclus",          description: "Commencez votre journée avec des saveurs locales.",          tag: "Gastronomie",          imageSrc: "http://img.b2bpic.net/free-photo/two-cups-turkish-coffee-served-with-sweets_140725-7108.jpg"},
         {
-          id: "2",
-          title: "Piscine",
-          description: "Rafraîchissez-vous dans notre bassin traditionnel.",
-          tag: "Loisirs",
-          imageSrc: "http://img.b2bpic.net/free-photo/marrakesh-interior-arabic-ornate-islamic_1203-5071.jpg",
-        },
+          id: "2",          title: "Piscine",          description: "Rafraîchissez-vous dans notre bassin traditionnel.",          tag: "Loisirs",          imageSrc: "http://img.b2bpic.net/free-photo/marrakesh-interior-arabic-ornate-islamic_1203-5071.jpg"},
         {
-          id: "3",
-          title: "Spa & Bien-être",
-          description: "Détente totale avec nos soins traditionnels.",
-          tag: "Bien-être",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg",
-        },
+          id: "3",          title: "Spa & Bien-être",          description: "Détente totale avec nos soins traditionnels.",          tag: "Bien-être",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg"},
       ]}
       title="Nos Services"
       description="Nous mettons à votre disposition une gamme d'équipements pour votre confort."
@@ -195,26 +137,18 @@ export default function LandingPage() {
 
   <div id="metric" data-section="metric">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          title: "Satisfaction Client",
-          value: "90%",
-          icon: Heart,
+          id: "m1",          title: "Satisfaction Client",          value: "90%",          icon: Heart,
         },
         {
-          id: "m2",
-          title: "Vues annuelles",
-          value: "1k+",
-          icon: Eye,
+          id: "m2",          title: "Vues annuelles",          value: "1k+",          icon: Eye,
         },
         {
-          id: "m3",
-          title: "Disponibilité",
-          value: "24/7",
-          icon: Calendar,
+          id: "m3",          title: "Disponibilité",          value: "24/7",          icon: Calendar,
         },
       ]}
       title="Qualité et Confiance"
@@ -227,30 +161,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Ikramzo",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desert-ruins-blue-sky_23-2148194001.jpg",
-        },
+          id: "1",          name: "Ikramzo",          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desert-ruins-blue-sky_23-2148194001.jpg"},
         {
-          id: "2",
-          name: "Client Voyageur",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-having-cup-coffee-canopy-bed_107420-9643.jpg",
-        },
+          id: "2",          name: "Client Voyageur",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-having-cup-coffee-canopy-bed_107420-9643.jpg"},
         {
-          id: "3",
-          name: "Couple en Vacances",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-worning-hotel_1368-6197.jpg",
-        },
+          id: "3",          name: "Couple en Vacances",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-worning-hotel_1368-6197.jpg"},
         {
-          id: "4",
-          name: "Professionnel",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg",
-        },
+          id: "4",          name: "Professionnel",          imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg"},
         {
-          id: "5",
-          name: "Visiteur",
-          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-portrait-person-bright-environment_23-2151078852.jpg",
-        },
+          id: "5",          name: "Visiteur",          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-portrait-person-bright-environment_23-2151078852.jpg"},
       ]}
       cardTitle="Ce que pensent nos invités"
       cardTag="Avis"
@@ -264,20 +183,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Heures d'arrivée/départ",
-          content: "Arrivée à partir de 14:00, départ jusqu'à 11:00.",
-        },
+          id: "f1",          title: "Heures d'arrivée/départ",          content: "Arrivée à partir de 14:00, départ jusqu'à 11:00."},
         {
-          id: "f2",
-          title: "Petit-déjeuner inclus ?",
-          content: "Oui, le petit-déjeuner est inclus dans votre réservation.",
-        },
+          id: "f2",          title: "Petit-déjeuner inclus ?",          content: "Oui, le petit-déjeuner est inclus dans votre réservation."},
         {
-          id: "f3",
-          title: "Parking disponible ?",
-          content: "Veuillez nous contacter pour les options de stationnement à proximité.",
-        },
+          id: "f3",          title: "Parking disponible ?",          content: "Veuillez nous contacter pour les options de stationnement à proximité."},
       ]}
       title="Questions fréquentes"
       description="Tout ce que vous devez savoir pour préparer votre séjour."
@@ -289,8 +199,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Assistance"
       title="Contactez-nous"
       description="Pour toute question ou réservation, notre équipe est à votre écoute."
@@ -302,25 +211,17 @@ export default function LandingPage() {
       logoText="Riad Tislite & Spa"
       columns={[
         {
-          title: "Informations",
-          items: [
+          title: "Informations",          items: [
             {
-              label: "À propos",
-              href: "#about",
-            },
+              label: "À propos",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Politique de confidentialité",
-              href: "#",
-            },
+              label: "Politique de confidentialité",              href: "#"},
           ],
         },
       ]}