Merge version_1 into main

2026-05-09 12:34:05 +00:00
parent c19270c63b acba921dbc
commit 8b2f3bfe99
1 changed files with 43 additions and 142 deletions
--- 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: "#"},
          ],
        },
      ]}