"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "À Propos",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Avis",
          id: "testimonials",
        },
      ]}
      brandName="Jay's"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Jay’s Barber Shop"
      description="Salon premium • 4,9 ★ (393 avis) • LGBTQ+ Friendly"
      buttons={[
        {
          text: "Réserver en ligne",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/musician-producer-work-soundboard-pads-professional-studio_482257-122100.jpg"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg",
          alt: "Hairdresser grooming their client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg",
          alt: "Stylish man having drink in barbershop",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg",
          alt: "pretty barber girl cutting hair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-washed_23-2149220589.jpg",
          alt: "Close up man getting his hair washed",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg",
          alt: "Attractive pensive man is waiting for his turn to get a haircut at busy barbershop.",
        },
      ]}
      avatarText="Rejoignez nos 500+ clients satisfaits"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="À propos"
      description={[
        "Bienvenue chez Jay’s Barber Shop, un salon moderne et chaleureux spécialisé dans les transformations capillaires, coupes tendances, tailles de barbe et colorations. Notre équipe met l’écoute, le professionnalisme et l’expérience client au cœur de chaque rendez-vous.",
        "Note : 4,9 ★ | 393 avis | 10h - 18h | LGBTQ+ Friendly",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Coupe Homme",
          description: "Coupe sur-mesure adaptée à votre style.",
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg",
        },
        {
          title: "Transformation",
          description: "Osez le changement avec nos experts.",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
        },
        {
          title: "Coloration",
          description: "Techniques de pointe et produits premium.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
        },
        {
          title: "Taille de Barbe",
          description: "Entretien précis pour une barbe impeccable.",
          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-barber-s-hand-with-shaving-brush_23-2147839815.jpg",
        },
      ]}
      title="Nos Services"
      description="Des prestations premium réalisées par des experts passionnés."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Marc L.",
          handle: "@marcl",
          testimonial: "Une merveilleuse expérience ! Jay est très sympa, professionnel et très patient.",
          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
        },
        {
          id: "2",
          name: "Sophie M.",
          handle: "@sophiem",
          testimonial: "Quelle transformation capillaire incroyable ! Effet WOW garanti.",
          imageSrc: "http://img.b2bpic.net/free-photo/guy-plaid-shirt_158595-135.jpg",
        },
        {
          id: "3",
          name: "Thomas V.",
          handle: "@thomasv",
          testimonial: "Cliente fidèle depuis 4 ans, jamais déçue. Ambiance et accueil parfaits.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230959.jpg",
        },
        {
          id: "4",
          name: "Julien B.",
          handle: "@julienb",
          testimonial: "Le meilleur salon du quartier, une vraie expertise.",
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-stylish-young-male-red-shirt-grey-background_613910-9256.jpg",
        },
        {
          id: "5",
          name: "Alex R.",
          handle: "@alexr",
          testimonial: "Toujours satisfait du résultat, coupe impeccable.",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg",
        },
      ]}
      title="Avis Clients"
      description="Découvrez ce que nos clients pensent de leur expérience chez Jay's."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      title="Questions fréquentes"
      description="Tout ce que vous devez savoir sur votre visite."
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "f1",
          title: "Puis-je réserver en ligne ?",
          content: "Oui, vous pouvez réserver via notre site web pour un créneau immédiat.",
        },
        {
          id: "f2",
          title: "Acceptez-vous les clients sans rendez-vous ?",
          content: "Nous travaillons principalement sur rendez-vous pour garantir la meilleure expérience.",
        },
        {
          id: "f3",
          title: "Êtes-vous LGBTQ+ Friendly ?",
          content: "Tout à fait, nous sommes un espace inclusif et bienveillant.",
        },
        {
          id: "f4",
          title: "Quels produits utilisez-vous ?",
          content: "Nous utilisons uniquement des produits capillaires haut de gamme et naturels.",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Liens",
          items: [
            {
              label: "Réserver maintenant",
              href: "#",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
      ]}
      logoText="Jay’s Barber Shop"
      copyrightText="© 2025 Jay’s Barber Shop. Salon de coiffure premium."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
