"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Camera, Clock, Heart, Palette, Scissors, ShieldCheck, Sparkles, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Servizi",
          id: "servizi",
        },
        {
          name: "Galleria",
          id: "galleria",
        },
        {
          name: "Contatti",
          id: "contatti",
        },
      ]}
      brandName="Lala Nail"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="Bellezza, Stile e Cura in un Solo Posto"
      description="Da Lala Nail Parrucchiere trovi un team veloce, preciso e sempre pronto a trovare un appuntamento anche all’ultimo minuto. Unghie perfette, capelli impeccabili e trattamenti professionali nel cuore di Romano di Lombardia."
      buttons={[
        {
          text: "Prenota Ora",
          href: "#contatti",
        },
        {
          text: "Chiama Adesso",
          href: "tel:3273195204",
        },
      ]}
      carouselItems={[
        {
          id: "h1",
          imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg",
        },
        {
          id: "h2",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg",
        },
        {
          id: "h3",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-creative-coloured-hair-pink-makeup_633478-2244.jpg",
        },
        {
          id: "h4",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
        },
        {
          id: "h5",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg",
        },
        {
          id: "h6",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Zap,
          title: "Veloci ma precise",
          description: "Lavoriamo con rapidità senza rinunciare alla qualità del servizio.",
        },
        {
          icon: Clock,
          title: "Sempre disponibili",
          description: "Troviamo spesso posto anche all’ultimo momento per le tue esigenze.",
        },
        {
          icon: Heart,
          title: "Esperienza rilassante",
          description: "Shampoo, piega e trattamenti in un ambiente accogliente e curato.",
        },
        {
          icon: Users,
          title: "Team professionale",
          description: "Personale gentile, preparato e attento a ogni singolo dettaglio.",
        },
        {
          icon: ShieldCheck,
          title: "Prodotti certificati",
          description: "Utilizziamo solo marchi di alta qualità per la salute della tua pelle e dei capelli.",
        },
      ]}
      title="Perché Sceglierci"
      description="L'eccellenza al servizio della tua bellezza quotidiana."
    />
  </div>

  <div id="servizi" data-section="servizi">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "p1",
          tag: "Unghie",
          price: "DA €25",
          period: "seduta",
          description: "Manicure e Semipermanente professionale.",
          button: {
            text: "Prenota",
            href: "#contatti",
          },
          featuresTitle: "Dettagli",
          features: [
            "Durata: 45 min",
            "Prodotti premium",
            "Nail art inclusa",
          ],
        },
        {
          id: "p2",
          tag: "Unghie",
          price: "DA €45",
          period: "seduta",
          description: "Ricostruzione completa con gel.",
          button: {
            text: "Prenota",
            href: "#contatti",
          },
          featuresTitle: "Dettagli",
          features: [
            "Durata: < 2 ore",
            "Massima tenuta",
            "Design personalizzato",
          ],
        },
        {
          id: "p3",
          tag: "Capelli",
          price: "DA €30",
          period: "seduta",
          description: "Piega impeccabile e styling moderno.",
          button: {
            text: "Prenota",
            href: "#contatti",
          },
          featuresTitle: "Dettagli",
          features: [
            "Durata: 45 min",
            "Lavaggio incluso",
            "Prodotti nutrienti",
          ],
        },
      ]}
      title="I Nostri Servizi"
      description="Scopri i nostri trattamenti dedicati alla tua cura completa."
    />
  </div>

  <div id="recensioni" data-section="recensioni">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Eva",
          role: "Cliente abituale",
          testimonial: "Lavorano velocemente ma con precisione. La ricostruzione è durata meno di 2 ore.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",
        },
        {
          id: "t2",
          name: "Silvia",
          role: "Cliente abituale",
          testimonial: "Trovo sempre posto anche quando chiamo all’ultimo momento. Questo vale tantissimo.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-pink-sweater-showing-her-tongue-out_114579-81369.jpg",
        },
        {
          id: "t3",
          name: "Veronika",
          role: "Cliente abituale",
          testimonial: "Piega perfetta e shampoo davvero rilassante. Personale molto gentile.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg",
        },
        {
          id: "t4",
          name: "Ramona",
          role: "Cliente abituale",
          testimonial: "Professionalità, gentilezza e attenzione ai dettagli. Consigliatissimo.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-black-african-american-woman-stylish-outfit-velvet-top-white-studio-background-summer-fashion-trend-happy-smiling-curly-hair-accessories_285396-10581.jpg",
        },
        {
          id: "t5",
          name: "Giulia",
          role: "Cliente abituale",
          testimonial: "Un salone che ti fa sentire a casa e curata in ogni dettaglio.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-girl-with-blonde-wavy-hair-modern-luxury-room-young-woman-smiling-wearing-stylish-elegant-black-dress-with-paillettes-sleeves_197531-2859.jpg",
        },
      ]}
      title="Le clienti ci scelgono"
      description="La soddisfazione di chi sceglie il nostro salone ogni giorno."
    />
  </div>

  <div id="galleria" data-section="galleria">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: Camera,
          title: "Manicure Elegante",
          description: "Risultati raffinati e duraturi.",
        },
        {
          icon: Palette,
          title: "Nail Art Creativa",
          description: "Design su misura per ogni gusto.",
        },
        {
          icon: Scissors,
          title: "Stile Capelli",
          description: "Acconciature e tagli sempre attuali.",
        },
        {
          icon: Sparkles,
          title: "Ambiente Relax",
          description: "Un'oasi di benessere nel cuore di Romano.",
        },
        {
          icon: Palette,
          title: "Colorazioni Moda",
          description: "Tecniche avanzate di colorazione per un look vibrante.",
        },
      ]}
      title="I Nostri Lavori"
      description="Uno sguardo all'interno del mondo Lala Nail."
    />
  </div>

  <div id="contatti" data-section="contatti">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Prenota il tuo momento"
      description="Via Bartolomeo Colleoni 28, Romano di Lombardia. Siamo aperti Lun-Sab 09:00-20:00."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Nome e Cognome",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Telefono",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Servizio richiesto o preferenze orarie",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943443.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg"
      logoText="Lala Nail"
      columns={[
        {
          title: "Contatti",
          items: [
            {
              label: "327 319 5204",
              href: "tel:3273195204",
            },
            {
              label: "Via Colleoni 28, Romano",
              href: "#",
            },
          ],
        },
        {
          title: "Servizi",
          items: [
            {
              label: "Manicure",
              href: "#servizi",
            },
            {
              label: "Piega",
              href: "#servizi",
            },
          ],
        },
      ]}
      copyrightText="© 2026 Lala Nail Parrucchiere. Tutti i diritti riservati."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
