"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
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 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 { Award, Beef, Building, Cake, CheckCircle, Heart, Milk, ShieldCheck, Star, Sun, Wheat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          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">
      <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">
      <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="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={false}
      />
  </div>

  <div id="activities" data-section="activities">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          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 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>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          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="Ce que pensent nos visiteurs"
      description="Des moments inoubliables partagés avec nos clients."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          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."},
      ]}
      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
      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>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Dar Nouar Kids"
      columns={[
        {
          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>
    </ThemeProvider>
  );
}