"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Crown, Leaf, Palette, Scissors, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="floatingGradient"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "Prestations",          id: "#prestations"},
        {
          name: "Pourquoi Nous Choisir",          id: "#avantages"},
        {
          name: "Galerie",          id: "#galerie"},
        {
          name: "Partenaires",          id: "#partenaires"},
        {
          name: "Avis Clients",          id: "#avis"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="L'Excellence Coiffure"
      button={{
        text: "Prendre rendez-vous",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="L'Excellence Coiffure, votre salon de référence à Saint-Denis"
      description="Des coupes modernes, des soins professionnels et un service de qualité supérieure pour hommes et femmes, à Saint-Denis."
      buttons={[
        {
          text: "Prendre rendez-vous",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg"
      imageAlt="Intérieur élégant du salon de coiffure L'Excellence Coiffure"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg",          alt: "Client satisfait du salon"},
        {
          src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",          alt: "Client régulier heureux"},
        {
          src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg",          alt: "Nouvelle cliente ravie"},
        {
          src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286023.jpg",          alt: "Client appréciant son expérience"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",          alt: "Visiteur satisfait"},
      ]}
      avatarText="Rejoignez nos 500+ clients satisfaits"
      marqueeItems={[
        {
          type: "text-icon",          text: "Coupes Modernes",          icon: Scissors,
        },
        {
          type: "text-icon",          text: "Colorations Expert",          icon: Palette,
        },
        {
          type: "text-icon",          text: "Taille de Barbe",          icon: Scissors,
        },
        {
          type: "text-icon",          text: "Soins Capillaires",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Coiffures Événementielles",          icon: Crown,
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="prestations" data-section="prestations">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Coupe Homme",          description: "Des coupes modernes et des dégradés parfaits pour un style affûté et impeccable.",          icon: Scissors,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",              imageAlt: "Homme avec une coupe dégradée moderne"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg",              imageAlt: "Barbier finalisant une coupe homme"},
          ]
        },
        {
          title: "Coupe Femme",          description: "Du classique au plus audacieux, nos stylistes créent la coupe qui vous ressemble et valorise votre visage.",          icon: Star,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-long-dark-brown-hair_613910-11085.jpg",              imageAlt: "Femme avec une coupe de cheveux élégante et moderne"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-model-girl-with-middle-brown-hair_549566-396.jpg",              imageAlt: "Coiffeuse séchant les cheveux d'une cliente"},
          ]
        },
        {
          title: "Taille Barbe",          description: "Une taille de barbe experte pour un look soigné et une ligne impeccable.",          icon: Scissors,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9657.jpg",              imageAlt: "Barbier taillant la barbe d'un homme"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-off-dye-sink_23-2147769788.jpg",              imageAlt: "Homme avec une barbe parfaitement taillée"},
          ]
        },
        {
          title: "Coloration",          description: "Des techniques de coloration avancées pour des nuances éclatantes et un respect total de vos cheveux.",          icon: Palette,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-woman-touching-her-wavy-hair-outdoor-photo-winsome-caucasian-girl-posing_197531-9083.jpg",              imageAlt: "Application de coloration sur les cheveux d'une cliente"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-gilrl-musician-white-dress-with-double-bass_627829-6418.jpg",              imageAlt: "Résultat d'une coloration vibrante sur cheveux longs"},
          ]
        },
        {
          title: "Brushing",          description: "Un brushing professionnel pour un volume parfait et une tenue longue durée, pour toutes occasions.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-up-brown-hair_23-2148283611.jpg",              imageAlt: "Coiffeuse réalisant un brushing sur cheveux longs"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-blonde-woman-beauty-salon_176420-4460.jpg",              imageAlt: "Femme avec un brushing volumineux et brillant"},
          ]
        },
        {
          title: "Soins Capillaires",          description: "Des rituels de soins profonds pour revitaliser, hydrater et sublimer la santé de vos cheveux.",          icon: Leaf,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg?_wi=1",              imageAlt: "Application d'un masque capillaire en salon"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-with-perfect-skin-makeup-after-beauty-salon_132075-13810.jpg?_wi=1",              imageAlt: "Cheveux sains et brillants après un soin"},
          ]
        },
        {
          title: "Coiffure Événementielle",          description: "Pour vos grands événements, nous réalisons des coiffures sur mesure, élégantes et sophistiquées.",          icon: Crown,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-medium-shot_23-2149518239.jpg?_wi=1",              imageAlt: "Coiffure de mariée élégante avec un chignon"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-bride-preparing-wedding_181624-55257.jpg?_wi=1",              imageAlt: "Femme avec une coiffure sophistiquée pour un événement"},
          ]
        }
      ]}
      title="Nos Prestations d'Excellence"
      description="Découvrez notre gamme complète de services professionnels pour sublimer votre style, que vous soyez homme ou femme. Nous utilisons des techniques modernes et des produits de haute qualité pour des résultats impeccables."
    />
  </div>

  <div id="avantages" data-section="avantages">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Pourquoi Choisir L'Excellence Coiffure ?"
      description={[
        "Notre salon est fièrement noté 5 étoiles sur Google, reflétant la satisfaction exceptionnelle de nos clients.",        "Bénéficiez d'un accueil chaleureux et personnalisé dès votre arrivée, pour une expérience détente garantie.",        "Nos coiffeurs sont des professionnels expérimentés et passionnés, maîtrisant les dernières tendances et techniques de coiffure.",        "Nous utilisons exclusivement des produits de qualité supérieure, respectueux de vos cheveux et de l'environnement, pour des résultats optimaux.",        "Chaque prestation est réalisée avec le plus grand soin pour des résultats impeccables et durables, à la hauteur de vos attentes les plus exigeantes."]}
    />
  </div>

  <div id="galerie" data-section="galerie">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",          brand: "Coupe Homme",          name: "Dégradé Moderne",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg?_wi=2",          imageAlt: "Dégradé homme moderne et stylé"},
        {
          id: "g2",          brand: "Coupe Femme",          name: "Bob Élégant",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-with-perfect-skin-makeup-after-beauty-salon_132075-13810.jpg?_wi=2",          imageAlt: "Femme avec un bob haircut élégant"},
        {
          id: "g3",          brand: "Coloration",          name: "Balayage Lumineux",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead_114579-22641.jpg",          imageAlt: "Cheveux longs avec un balayage lumineux"},
        {
          id: "g4",          brand: "Barbe",          name: "Taille Barbe Soignée",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-medium-shot_23-2149518239.jpg?_wi=2",          imageAlt: "Homme avec une barbe parfaitement taillée"},
        {
          id: "g5",          brand: "Événementiel",          name: "Chignon Raffiné",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-bride-preparing-wedding_181624-55257.jpg?_wi=2",          imageAlt: "Chignon élégant pour un événement spécial"},
        {
          id: "g6",          brand: "Coupe Femme",          name: "Coupe Courte Audacieuse",          price: "",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-studio-shot_329181-19568.jpg",          imageAlt: "Femme avec une coupe courte et audacieuse"},
      ]}
      title="Notre Galerie de Réalisations"
      description="Inspirez-vous de nos créations uniques et découvrez la magie de nos transformations avant/après. Chaque coiffure est une œuvre d'art."
    />
  </div>

  <div id="partenaires" data-section="partenaires">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "L'Oréal Professionnel",        "Kérastase",        "Wella Professionals",        "Schwarzkopf Professional",        "Redken",        "Olaplex",        "Dyson Hair"]}
      title="Nos Partenaires d'Excellence"
      description="Nous collaborons avec les meilleures marques de produits capillaires pour vous offrir une qualité et des résultats incomparables, respectueux de vos cheveux."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="avis" data-section="avis">
      <TestimonialCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sophie Dubois",          role: "Cliente fidèle",          company: "Saint-Denis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",          imageAlt: "Photo de Sophie Dubois"},
        {
          id: "t2",          name: "Marc Lefevre",          role: "Client régulier",          company: "Saint-Denis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",          imageAlt: "Photo de Marc Lefevre"},
        {
          id: "t3",          name: "Léa Bernard",          role: "Cliente satisfaite",          company: "Saint-Denis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfies-with-new-dress_23-2147688754.jpg",          imageAlt: "Photo de Léa Bernard"},
        {
          id: "t4",          name: "Thomas Petit",          role: "Nouveau client",          company: "Saint-Denis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-groom-holding-his-suspenders_1153-27.jpg",          imageAlt: "Photo de Thomas Petit"},
        {
          id: "t5",          name: "Alice Moreau",          role: "Coiffure événementielle",          company: "Saint-Denis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",          imageAlt: "Photo d'Alice Moreau"},
      ]}
      title="Ce que Nos Clients Disent de Nous"
      description="Avec une note parfaite de 5.0/5 sur Google, la satisfaction de nos clients est notre plus grande fierté et notre meilleure publicité. Lisez leurs témoignages."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Prenez Rendez-vous ou Contactez-Nous"
      description="Venez nous rendre visite à Saint-Denis pour une expérience capillaire unique. Notre équipe est à votre écoute pour toute question ou demande de rendez-vous.\n\nAdresse : 144 Rue Gabriel Péri, 93200 Saint-Denis\nTéléphone : 06 50 10 15 19"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Votre nom",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Votre email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Votre numéro de téléphone",          required: false,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Votre message",        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/map-spanish-cities-seen-through-magnifying-glass_23-2147837171.jpg"
      imageAlt="Carte Google Maps de l'emplacement du salon L'Excellence Coiffure"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Envoyer le message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="L'Excellence Coiffure"
      leftLink={{
        text: "144 Rue Gabriel Péri, 93200 Saint-Denis",        href: "https://www.google.com/maps/search/144+Rue+Gabriel+Péri,+93200+Saint-Denis"}}
      rightLink={{
        text: "Téléphone: 06 50 10 15 19",        href: "tel:+33650101519"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
