"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Eye, Heart, Home, Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Chi Siamo",
          id: "about",
        },
        {
          name: "Servizi",
          id: "services",
        },
        {
          name: "Galleria",
          id: "gallery",
        },
        {
          name: "Contatti",
          id: "contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku6qi0"
      logoAlt="Il Salone di Sefa logo"
      brandName="Il Salone di Sefa"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Bellezza, passione e cura in ogni dettaglio"
      description="Nel cuore di Alessandria, Il Salone di Sefa offre un'esperienza personalizzata dove professionalità, ascolto e stile si incontrano per valorizzare la tua bellezza."
      buttons={[
        {
          text: "Prenota un appuntamento",
          href: "tel:+393334922886",
        },
        {
          text: "Chiama ora",
          href: "tel:+393334922886",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg",
          imageAlt: "Woman with elegant haircut in a salon",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668430.jpg",
          imageAlt: "Hairdresser styling client's hair",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1401.jpg",
          imageAlt: "Client enjoying a hair treatment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/yong-pretty-woman-portrait_624325-53.jpg",
          imageAlt: "Modern and clean hair salon interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-wavy-highlighted-hair_23-2152001425.jpg",
          imageAlt: "Close-up of hair color application",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-doing-haircut_23-2147769832.jpg",
          imageAlt: "Satisfied client with new styled hair",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="La Nostra Filosofia: Passione, Professionalità e Cura"
      description={[
        "Al Salone di Sefa, ogni trattamento è un’espressione di autentica passione e profonda professionalità. Siamo dedicati a valorizzare la tua bellezza unica, con un’attenzione meticolosa ad ogni dettaglio e un aggiornamento costante sulle ultime tendenze e tecniche del settore.",
        "Crediamo nel potere di un rapporto umano basato sulla fiducia. Ascoltiamo attentamente le tue esigenze per offrirti un’esperienza personalizzata, in un ambiente accogliente e impeccabile. La tua soddisfazione è la nostra priorità e il risultato finale sarà sempre all'altezza delle tue aspettative, superandole.",
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "taglio-donna",
          title: "Taglio Donna",
          tags: [
            "Stile",
            "Personalizzazione",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg",
          imageAlt: "Stylish woman getting a haircut",
        },
        {
          id: "piega",
          title: "Piega",
          tags: [
            "Volume",
            "Durata",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-young-lady-with-amazing-curly-hairstyle-posing-indoor-shot-glamorous-caucasian-girl-with-red-hair_197531-10269.jpg",
          imageAlt: "Woman with glamorous blow dry",
        },
        {
          id: "colore",
          title: "Colore",
          tags: [
            "Intensità",
            "Luminosità",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585915.jpg",
          imageAlt: "Vibrant hair color application",
        },
        {
          id: "schiariture",
          title: "Schiariture",
          tags: [
            "Balayage",
            "Ombre",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-portrait-indoor_624325-4388.jpg",
          imageAlt: "Blonde highlights being applied",
        },
        {
          id: "trattamenti-capelli",
          title: "Trattamenti Capelli",
          tags: [
            "Cura",
            "Rigenerazione",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-care-product_23-2151918421.jpg",
          imageAlt: "Luxury hair treatment mask",
        },
        {
          id: "acconciature",
          title: "Acconciature",
          tags: [
            "Eventi",
            "Sposa",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-flower-crown-close-up_23-2148274677.jpg",
          imageAlt: "Elegant wedding updo hairstyle",
        },
        {
          id: "consulenza-personalizzata",
          title: "Consulenza Personalizzata",
          tags: [
            "Esclusiva",
            "Esperta",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-woman-meeting-with-notary_74855-2982.jpg",
          imageAlt: "Hair stylist consulting a client",
        },
      ]}
      title="I Nostri Servizi: Un Mondo di Bellezza per i Tuoi Capelli"
      description="Scopri l'ampia gamma di trattamenti e stili pensati per esaltare la tua chioma, curati con la massima professionalità e prodotti di alta qualità."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "professionalita",
          icon: Award,
          title: "Professionalità",
          value: "Esperienza Garantita",
        },
        {
          id: "ambiente-accogliente",
          icon: Home,
          title: "Ambiente Accogliente",
          value: "Relax e Benessere",
        },
        {
          id: "attenzione-dettagli",
          icon: Eye,
          title: "Attenzione ai Dettagli",
          value: "Cura su Misura",
        },
        {
          id: "prodotti-qualita",
          icon: Leaf,
          title: "Prodotti di Qualità",
          value: "Solo il Meglio",
        },
        {
          id: "consulenza-su-misura",
          icon: Sparkles,
          title: "Consulenza su Misura",
          value: "Il Tuo Stile Unico",
        },
        {
          id: "passione",
          icon: Heart,
          title: "Passione Autentica",
          value: "Amiamo i Capelli",
        },
      ]}
      title="Perché Scegliere Il Salone di Sefa?"
      description="La nostra dedizione, esperienza e l'ambiente che abbiamo creato ci rendono il luogo ideale per la cura dei tuoi capelli."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Giulia R.",
          handle: "@giulia.r",
          testimonial: "Sefa è una vera professionista, attenta ai minimi dettagli. Mi accontenta sempre e l'ambiente è impeccabile. Super consigliata!",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
          imageAlt: "Giulia R. satisfied client",
        },
        {
          id: "2",
          name: "Sara B.",
          handle: "@sara.b",
          testimonial: "Salone pulito e accogliente, Sefa è una persona meravigliosa e una professionista che ama il suo lavoro. Ogni volta un risultato perfetto.",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
          imageAlt: "Sara B. satisfied client",
        },
        {
          id: "3",
          name: "Laura G.",
          handle: "@laura.g",
          testimonial: "Grande professionalità e gentilezza. Ascolta le tue esigenze e ti consiglia al meglio. Mi fido ciecamente delle sue mani!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-lightskinned-blonde-woman-glasses-looks-with-smile-camera-sitting-windowsill-home-relax-leisure-indoors_197531-31154.jpg",
          imageAlt: "Laura G. satisfied client",
        },
        {
          id: "4",
          name: "Martina D.",
          handle: "@martina.d",
          testimonial: "Finalmente ho trovato la mia parrucchiera ad Alessandria! Passione autentica e risultati eccezionali. Il mio taglio non è mai stato così bello.",
          imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
          imageAlt: "Martina D. satisfied client",
        },
        {
          id: "5",
          name: "Federica L.",
          handle: "@federica.l",
          testimonial: "L'attenzione ai dettagli e la cura personalizzata fanno davvero la differenza. Ogni appuntamento è un momento di puro relax e coccole.",
          imageSrc: "http://img.b2bpic.net/free-photo/tall-full-heigth-elegant-smiling-happy-attractive-woman-pink-sexy-summer-dress-long-hair-walking-street-holding-handbag_285396-7980.jpg",
          imageAlt: "Federica L. satisfied client",
        },
      ]}
      title="Cosa Dicono le Nostre Clienti"
      description="La soddisfazione delle nostre clienti è la nostra più grande ricompensa. Leggi le loro esperienze autentiche."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "g1",
          name: "Prima & Dopo: Trasformazione",
          price: "Su richiesta",
          variant: "Taglio e Colore",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-covering-face-with-feathers-black-mask_23-2148011354.jpg",
          imageAlt: "Hair transformation before and after",
        },
        {
          id: "g2",
          name: "Schiariture: Balayage Naturale",
          price: "Su richiesta",
          variant: "Biondo Dorato",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-sisters-touching-their-forehead_23-2147890512.jpg",
          imageAlt: "Woman with natural blonde balayage hair",
        },
        {
          id: "g3",
          name: "Acconciatura da Sposa",
          price: "Su richiesta",
          variant: "Raccolto Elegante",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-background_176474-120061.jpg",
          imageAlt: "Elegant bridal updo hairstyle",
        },
        {
          id: "g4",
          name: "Trattamento Profondo",
          price: "Su richiesta",
          variant: "Capelli Sani e Lucidi",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230921.jpg",
          imageAlt: "Shiny healthy hair after treatment",
        },
        {
          id: "g5",
          name: "Colore Vibrante",
          price: "Su richiesta",
          variant: "Rosso Intenso",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg",
          imageAlt: "Woman with vibrant red hair",
        },
        {
          id: "g6",
          name: "Piega Volume",
          price: "Su richiesta",
          variant: "Onde Morbide",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-with-customer_23-2149141747.jpg",
          imageAlt: "Woman with voluminous bouncy blow dry",
        },
      ]}
      title="La Nostra Galleria: I Nostri Lavori Migliori"
      description="Esplora le nostre creazioni e lasciati ispirare dai 'prima e dopo', dalle acconciature eleganti e dai colori vibranti."
    />
  </div>

  <div id="instagram-feed" data-section="instagram-feed">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Seguici su Instagram!"
      description="Rimani aggiornata sulle ultime tendenze, i nostri lavori e la vita del salone. Lasciati ispirare ogni giorno."
      buttons={[
        {
          text: "Segui su Instagram",
          href: "https://www.instagram.com/il_salone_di_sefa",
        },
      ]}
      blogs={[
        {
          id: "insta1",
          category: "Instagram",
          title: "Il Nostro Ultimo Taglio Trendy",
          excerpt: "Scopri il taglio che sta spopolando! Moderno e versatile, perfetto per ogni occasione.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dryer-mirror-catching-hair-movement-reflected-routine_169016-69469.jpg",
          imageAlt: "Hairdresser cutting client's hair",
        },
        {
          id: "insta2",
          category: "Instagram",
          title: "Balayage da Sogno",
          excerpt: "Un biondo caldo e naturale, realizzato con la tecnica del balayage per un effetto mozzafiato.",
          imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-pointing-her-ear-black-blouse-looking-focused_176474-40366.jpg",
          imageAlt: "Woman with perfect blonde balayage",
        },
        {
          id: "insta3",
          category: "Instagram",
          title: "Prodotti Essenziali per i Capelli",
          excerpt: "I nostri segreti per una chioma sana e luminosa. Prodotti di qualità per la tua bellezza.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-playing-with-hair-taking-selfie-smartphone-make-photo-social-media-st_1258-163467.jpg",
          imageAlt: "Luxury hair treatment products",
        },
        {
          id: "insta4",
          category: "Instagram",
          title: "Acconciature per Eventi Speciali",
          excerpt: "Dall'eleganza alla creatività, l'acconciatura perfetta per i tuoi momenti più importanti.",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
          imageAlt: "Woman with elegant updo hairstyle",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contattaci"
      title="Il Salone di Sefa ad Alessandria"
      description="Vieni a trovarci o chiamaci per prenotare il tuo prossimo appuntamento. Siamo qui per prenderti cura dei tuoi capelli.\n\nIndirizzo: Corso Giuseppe Romita 9, 15121 Alessandria (AL)\nTelefono: 333 492 2886\n\nOrari di Apertura:\nMartedì: 08:30–18:00\nMercoledì: 14:00–20:00\nGiovedì: 08:30–18:00\nVenerdì: 08:30–18:00\nSabato: 08:30–18:00\nDomenica: Chiuso\nLunedì: Chiuso"
      inputPlaceholder="Inserisci la tua email"
      buttonText="Richiedi informazioni"
      termsText="Cliccando 'Richiedi informazioni' accetti i nostri Termini e Condizioni."
      onSubmit={() => {}}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku6qi0"
      logoAlt="Il Salone di Sefa logo"
      logoText="Il Salone di Sefa"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Seguici su Instagram",
        href: "https://www.instagram.com/il_salone_di_sefa",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
