Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import TextAbout from '@/components/sections/about/TextAbout';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Beef, Building, Cake, Wheat, Tractor, Users, BookOpen } from "lucide-react";
+import { Award, Beef, Building, Cake, CheckCircle, Heart, Milk, ShieldCheck, Star, Sun, Wheat } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,49 +31,83 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Accueil", id: "hero" },
-        { name: "À Propos", id: "about" },
-        { name: "Activités", id: "activities" },
-        { name: "Réserver", id: "contact" },
+        {
+          name: "Accueil",          id: "hero"},
+        {
+          name: "Qui sommes-nous ?",          id: "about"},
+        {
+          name: "Activités",          id: "activities"},
+        {
+          name: "Réserver",          id: "contact"},
       ]}
       brandName="Dar Nouar Kids"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardDashboard
-      title="Dar Nouar Kids"
-      description="Une immersion totale dans la nature pour éveiller les sens et créer des souvenirs inoubliables en famille."
-      background={{ variant: "sparkles-gradient" }}
-      dashboard={{
-        title: "Programme Pédagogique",        logoIcon: Tractor,
-        stats: [
-            { title: "Activités", values: [15, 20, 25], description: "Activités ludiques disponibles" },
-            { title: "Visiteurs", values: [500, 750, 1000], description: "Familles ravies cette année" },
-            { title: "Jours", values: [300, 350, 365], description: "Ouverture annuelle" }
-        ],
-        sidebarItems: [{ icon: BookOpen, active: true }, { icon: Users }, { icon: Tractor }],
-        imageSrc: "http://img.b2bpic.net/free-photo/kid-learning-garden_23-2151447746.jpg",        buttons: [],
-        listItems: []
-      }}
+      <HeroBillboard
+      background={{
+        variant: "sparkles-gradient"}}
+      title="Bienvenue à Dar Nouar Kids — La Ferme Pédagogique de vos Enfants"
+      description="Découvrez une expérience unique en pleine nature à Tamaris. Ateliers, animaux, activités et souvenirs inoubliables pour toute la famille."
+      buttons={[
+        {
+          text: "Réserver maintenant — 06 41 70 01 51",          href: "#contact"},
+      ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778612629281-vj7s6nqa.webp"
+      mediaAnimation="slide-up"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37777.jpg",          alt: "Mother with daughter playing in a summer field"},
+        {
+          src: "http://img.b2bpic.net/free-photo/happy-mother-her-daughter_1098-18035.jpg",          alt: "Happy mother and her daughter"},
+        {
+          src: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37698.jpg",          alt: "Mother with daughter playing in a summer field"},
+        {
+          src: "http://img.b2bpic.net/free-photo/mother-with-son-playing-summer-park_1157-21804.jpg",          alt: "Mother with son playing in a summer park"},
+        {
+          src: "http://img.b2bpic.net/free-photo/mother-daughter-park_1328-4009.jpg",          alt: "Mother and daughter in a park"},
+      ]}
+      avatarText="Rejoignez plus de 500+ familles heureuses"
+      marqueeItems={[
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/kid-learning-garden_23-2151447746.jpg",          alt: "Kid learning to garden"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/boy-with-hat-outdoor_23-2148551130.jpg",          alt: "Boy with hat outdoor"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-transplanting-process-plants_23-2149080689.jpg",          alt: "Close up on transplanting process of plants"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-sitting-grass_23-2148617193.jpg",          alt: "Woman sitting on the grass"},
+        {
+          type: "text",          text: "Nature & Éducation"},
+      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      title="Reconnecter avec l'essentiel"
-      tag="Notre Mission"
+      <MetricSplitMediaAbout
       useInvertedBackground={true}
+      title="Qui sommes-nous ?"
+      description="Dar Nouar Kids est une ferme pédagogique située à Route Moulay Thami, Dar Bouazza, Tamaris, à deux pas de Casablanca. Nous accueillons les familles, les groupes scolaires et les entreprises dans un cadre verdoyant et authentique. Notre mission : reconnecter les enfants avec la nature à travers des activités ludiques, éducatives et mémorables."
+      metrics={[
+        {
+          value: "100%",          title: "Nature"},
+        {
+          value: "4+",          title: "Activités phares"},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/two-girls-working-field_23-2147907089.jpg"
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="social-media" data-section="social-media">
       <SocialProofOne 
-        title="Rejoignez notre communauté"
-        description="Partagez vos moments forts et suivez nos actualités en direct."
-        names={["Instagram", "Facebook", "TikTok", "YouTube"]}
+        title="Suivez nos aventures"
+        description="Retrouvez-nous sur les réseaux sociaux pour découvrir nos dernières activités, ateliers et moments magiques à la ferme."
+        names={["Instagram", "Facebook"]}
         textboxLayout="default"
-        useInvertedBackground={true}
+        useInvertedBackground={false}
       />
   </div>
 
@@ -83,13 +117,54 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { icon: Beef, title: "Découverte des animaux", description: "Approche pédagogique et respectueuse." },
-        { icon: Wheat, title: "Ateliers traditionnels", description: "Pétrissage, traite et jardinage." },
-        { icon: Cake, title: "Fêtes privées", description: "Anniversaires inoubliables à la ferme." },
-        { icon: Building, title: "Événements entreprise", description: "Cohésion d'équipe au grand air." },
+        {
+          icon: Beef,
+          title: "Découverte des animaux",          description: "Rencontrez nos animaux adorables et apprenez sur la vie à la ferme."},
+        {
+          icon: Wheat,
+          title: "Atelier pain maison",          description: "Pétrissez votre propre pain traditionnel marocain."},
+        {
+          icon: Milk,
+          title: "Atelier petit lait",          description: "Découvrez les secrets de la fabrication des produits laitiers."},
+        {
+          icon: Star,
+          title: "Balade en charrette",          description: "Une promenade magique à travers la ferme."},
+        {
+          icon: Cake,
+          title: "Anniversaires & Fêtes",          description: "Organisez vos événements spéciaux dans un cadre unique."},
+        {
+          icon: Building,
+          title: "Team Building",          description: "Événements sur mesure pour les entreprises."},
       ]}
-      title="Nos services"
-      description="Des expériences riches pour tous les âges."
+      title="Nos activités"
+      description="Découvrez nos ateliers interactifs conçus pour éveiller la curiosité de vos enfants."
+    />
+  </div>
+
+  <div id="why-choose-us" data-section="why-choose-us">
+      <FeatureHoverPattern
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      features={[
+        {
+          icon: CheckCircle,
+          title: "Ferme entretenue",          description: "Espace propre, verdoyant et sécurisé."},
+        {
+          icon: Heart,
+          title: "Animaux adorables",          description: "Animaux doux et bien soignés."},
+        {
+          icon: Award,
+          title: "Ateliers éducatifs",          description: "Apprenez en vous amusant."},
+        {
+          icon: Sun,
+          title: "En plein air",          description: "Profitez du grand air et du soleil de Tamaris."},
+        {
+          icon: ShieldCheck,
+          title: "Sécurité garantie",          description: "Un cadre adapté pour tous les âges."},
+      ]}
+      title="Pourquoi nous choisir ?"
+      description="Un espace conçu pour la sécurité et l'épanouissement de vos enfants."
     />
   </div>
 
@@ -99,13 +174,25 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Houda C.", handle: "@houda", testimonial: "Le meilleur endroit pour les enfants !", rating: 5 },
-        { id: "2", name: "Nesrine B.", handle: "@nesrine", testimonial: "Une organisation parfaite pour les anniversaires.", rating: 5 },
-        { id: "3", name: "Client Famille", handle: "@famille", testimonial: "Un dimanche au vert indispensable.", rating: 4 },
+        {
+          id: "1",          name: "Houda Chaoui",          handle: "@houda",          testimonial: "Une belle découverte, les animaux sont adorables et les ateliers sont géniaux.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611538996-p7gzzkay.avif"},
+        {
+          id: "2",          name: "Leena Mugawer",          handle: "@leena",          testimonial: "Exceptionnel pour nos team building, une expérience mémorable.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611548010-uvx9sgk1.avif"},
+        {
+          id: "3",          name: "Nesrine Boukhles",          handle: "@nesrine",          testimonial: "Parfait pour les anniversaires, organisation au top !",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611560314-cu30vzdl.avif"},
+        {
+          id: "4",          name: "Client Famille",          handle: "@famille",          testimonial: "Un lieu idéal pour passer un dimanche au vert.",          rating: 4,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611579777-93i6zmoo.avif"},
+        {
+          id: "5",          name: "Client Entreprise",          handle: "@corp",          testimonial: "Très bien structuré pour les groupes.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611614979-77c65uvj.avif"},
       ]}
       showRating={true}
-      title="Ils nous font confiance"
-      description="Témoignages de nos familles visiteuses."
+      title="Ce que pensent nos visiteurs"
+      description="Des moments inoubliables partagés avec nos clients."
     />
   </div>
 
@@ -114,22 +201,28 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "Horaires", content: "Mardi-Dimanche, 9h-18h" },
-        { id: "f2", title: "Accès", content: "Route Moulay Thami, Tamaris" },
+        {
+          id: "f1",          title: "Où êtes-vous situés ?",          content: "Nous sommes à Route Moulay Thami, Dar Bouazza, Tamaris."},
+        {
+          id: "f2",          title: "Quels sont vos horaires ?",          content: "Mardi au Dimanche : 09h00 — 18h00. Lundi fermé."},
+        {
+          id: "f3",          title: "Comment réserver ?",          content: "Appelez-nous au 06 41 70 01 51."},
       ]}
-      title="Questions fréquentes"
-      description="Tout savoir sur votre visite."
+      imageSrc="http://img.b2bpic.net/free-photo/courtyard-rural-house-building-with-grass-trees_1258-52399.jpg"
+      title="Informations pratiques"
+      description="Tout ce que vous devez savoir pour organiser votre visite."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      tag="Réservations"
-      title="Planifiez votre visite"
-      description="Réservez votre créneau dès maintenant par téléphone ou WhatsApp."
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      background={{
+        variant: "gradient-bars"}}
+      tag="Contact"
+      title="Réservez votre visite dès maintenant !"
+      description="Ne manquez pas cette expérience unique pour vos enfants. Contactez-nous par téléphone ou WhatsApp pour réserver votre journée."
     />
   </div>
 
@@ -137,9 +230,24 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Dar Nouar Kids"
       columns={[
-        { title: "Contact", items: [{ label: "06 41 70 01 51", href: "tel:0641700151" }] },
-        { title: "Liens", items: [{ label: "Accueil", href: "#hero" }, { label: "Activités", href: "#activities" }] },
+        {
+          title: "Informations",          items: [
+            {
+              label: "Adresse : Route Moulay Thami, Dar Bouazza, Tamaris",              href: "#"},
+            {
+              label: "Tél : 06 41 70 01 51",              href: "tel:0641700151"},
+          ],
+        },
+        {
+          title: "Liens",          items: [
+            {
+              label: "Accueil",              href: "#hero"},
+            {
+              label: "Activités",              href: "#activities"},
+          ],
+        },
       ]}
+      copyrightText="© 2025 Dar Nouar Kids — Tous droits réservés"
     />
   </div>
       </ReactLenis>