"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Home, Smile, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Chi Siamo",
          id: "chi-siamo",
        },
        {
          name: "Lavori",
          id: "lavori",
        },
        {
          name: "Vantaggi",
          id: "vantaggi",
        },
        {
          name: "Recensioni",
          id: "recensioni",
        },
        {
          name: "Contatti",
          id: "contatti",
        },
      ]}
      button={{
        text: "Prenota una consulenza",
        href: "#contatti",
      }}
      brandName="FINE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="FINE"
      description="L'arte del tatuaggio. Fatta bene."
      buttons={[
        {
          text: "Prenota una consulenza",
          href: "#contatti",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/expirienced-tattoo-artist-is-making-tattoo-attractive-young-woman-tattoo-salon_613910-5808.jpg?_wi=1"
      imageAlt="Immagine di sfondo atmosferica di un tatuaggio artistico"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/tattooed-bearded-man-white-shirt-black-hat-write-notes-notepad_343059-1282.jpg",
          alt: "Cliente soddisfatto 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tattoo-salon-process-process-getting-tattoo-body-man-tattoo-parlor_1321-3361.jpg",
          alt: "Cliente soddisfatto 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1522.jpg",
          alt: "Cliente soddisfatto 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg",
          alt: "Cliente soddisfatto 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479274.jpg",
          alt: "Cliente soddisfatto 5",
        },
      ]}
      avatarText="Oltre 100 clienti felici hanno scelto FINE"
    />
  </div>

  <div id="chi-siamo" data-section="chi-siamo">
      <TextAbout
      useInvertedBackground={true}
      title="Simone: Precisione, Passione, Cura"
      description="Con anni di esperienza, Simone trasforma le tue idee in arte sulla pelle. Ogni tatuaggio è un progetto unico, realizzato con dedizione e un'attenzione maniacale al dettaglio. \"Super professionale, disponibile, preciso e bravissimo,\" dicono i nostri clienti. Mette a proprio agio anche chi si tatua per la prima volta, ascoltando e creando un'opera che parla di te."
    />
  </div>

  <div id="lavori" data-section="lavori">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Linee Floreali Delicate",
          price: "Su richiesta",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_52683-125633.jpg?_wi=1",
          imageAlt: "Tatuaggio floreale fine line",
        },
        {
          id: "2",
          name: "Micro Realismo Animalier",
          price: "Su richiesta",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plants-collection-vector_53876-136521.jpg?_wi=1",
          imageAlt: "Tatuaggio micro realismo animale",
        },
        {
          id: "3",
          name: "Forme Astratte Esclusive",
          price: "Su richiesta",
          imageSrc: "http://img.b2bpic.net/free-photo/black-marble-swirl-aesthetic-acrylic-paint-handmade-element-experimental-art_53876-103619.jpg",
          imageAlt: "Tatuaggio astratto",
        },
        {
          id: "4",
          name: "Geometrie Sacre e Ornamenti",
          price: "Su richiesta",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzusrt",
          imageAlt: "Tatuaggio geometrico ornamentale",
        },
        {
          id: "5",
          name: "Tradizionale Reinventato",
          price: "Su richiesta",
          imageSrc: "http://img.b2bpic.net/free-photo/8m-women-strike-movement_23-2151400639.jpg",
          imageAlt: "Tatuaggio neo-tradizionale",
        },
        {
          id: "6",
          name: "Dettagli Minimalisti",
          price: "Su richiesta",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-pointing-book-studying_23-2147737568.jpg",
          imageAlt: "Tatuaggio piccolo e delicato",
        },
      ]}
      title="Le Nostre Opere d'Arte"
      description="Dai un'occhiata ad alcune delle nostre creazioni più recenti. Ogni segno, una storia. Linework, Fine Line, Blackwork, Custom Design: esplora il nostro stile unico."
    />
  </div>

  <div id="vantaggi" data-section="vantaggi">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Precisione Artigianale",
          description: "Ogni tatuaggio è progettato su misura per te, un'opera d'arte unica e irripetibile.",
          tagIcon: Sparkles,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-male-with-crossed-tattooed-arms-dressed-black-t-shirt-tweed-hat_613910-9137.jpg",
          imageAlt: "tattoo artist at work close up focused",
        },
        {
          title: "Esperienza Rilassante",
          description: "Dall'idea al risultato finale, ti seguiamo con cura, mettendoti sempre a tuo agio.",
          tagIcon: Smile,
          imageSrc: "http://img.b2bpic.net/free-photo/expirienced-tattoo-artist-is-making-tattoo-attractive-young-woman-tattoo-salon_613910-5808.jpg?_wi=2",
          imageAlt: "tattoo artist at work close up focused",
        },
        {
          title: "5 Stelle su Google",
          description: "79 clienti soddisfatti parlano per noi, confermando la nostra eccellenza e professionalità.",
          tagIcon: Star,
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-death-moth-drawing-illustration_52683-125633.jpg?_wi=2",
          imageAlt: "tattoo artist at work close up focused",
        },
        {
          title: "Studio Privato e Curato",
          description: "Un'atmosfera esclusiva e accogliente dove ti sentirai a casa, per un'esperienza premium.",
          tagIcon: Home,
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-plants-collection-vector_53876-136521.jpg?_wi=2",
          imageAlt: "tattoo artist at work close up focused",
        },
      ]}
      title="Perché Scegliere FINE"
      description="Un'esperienza di tatuaggio che va oltre l'inchiostro: qualità, cura e fiducia in ogni passo."
    />
  </div>

  <div id="social-vetrina" data-section="social-vetrina">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Art & Design Magazine",
        "Creative Ink Journal",
        "Local Art Review",
        "Trend Tattoo Weekly",
        "Body Art Insider",
        "Ink Culture Magazine",
        "Artisan Spotlight",
      ]}
      title="Riconosciuti per la nostra arte"
      description="La nostra reputazione è costruita sulla soddisfazione dei clienti e sul rispetto per l'arte del tatuaggio."
    />
  </div>

  <div id="recensioni" data-section="recensioni">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Stefania R.",
          role: "Cliente Fedele",
          company: "Machio (MB)",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg",
          imageAlt: "Stefania R. - Cliente di FINE Tattoo Studio",
        },
        {
          id: "2",
          name: "Linda Riva",
          role: "Nuova Cliente",
          company: "Machio (MB)",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-smiling-looking-confident-camera-with-crossed-arms-hand-chin-thinking-positive_839833-32556.jpg",
          imageAlt: "Linda Riva - Cliente di FINE Tattoo Studio",
        },
        {
          id: "3",
          name: "Veronica Lissoni",
          role: "First-Timer",
          company: "Machio (MB)",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-redhead-girl-red-hat-urban-woman-with-freckles-ginger-hair-sit_1258-151014.jpg",
          imageAlt: "Veronica Lissoni - Cliente di FINE Tattoo Studio",
        },
        {
          id: "4",
          name: "Marco G.",
          role: "Appassionato",
          company: "Machio (MB)",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling-camera_197531-33843.jpg",
          imageAlt: "Marco G. - Cliente di FINE Tattoo Studio",
        },
        {
          id: "5",
          name: "Giulia B.",
          role: "Collezionista",
          company: "Machio (MB)",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-152692.jpg",
          imageAlt: "Giulia B. - Cliente di FINE Tattoo Studio",
        },
      ]}
      title="Dicono di Noi"
      description="79 recensioni entusiaste e un punteggio di 5 stelle su Google confermano la nostra dedizione all'eccellenza e al comfort del cliente. Ogni feedback è una storia di soddisfazione e fiducia."
    />
  </div>

  <div id="contatti" data-section="contatti">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contatti"
      title="Inizia il tuo progetto"
      description="Parliamo della tua idea. Vieni a trovarci per una consulenza personalizzata o scrivici per iniziare il tuo percorso artistico con noi.\n\n📍 Via Roma 46, 20846 Macherio (MB)\n📞 351 426 0591\n🕐 Aperto dalle 10:00"
      inputPlaceholder="Il tuo nome, email, telefono e la tua idea"
      buttonText="Invia richiesta"
      termsText="Cliccando Invia richiesta confermi di accettare i nostri Termini e Condizioni."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="FINE"
      columns={[
        {
          title: "Link Rapidi",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Chi Siamo",
              href: "#chi-siamo",
            },
            {
              label: "Lavori",
              href: "#lavori",
            },
            {
              label: "Contatti",
              href: "#contatti",
            },
          ],
        },
        {
          title: "Contatti",
          items: [
            {
              label: "Via Roma 46, Macherio (MB)",
              href: "https://www.google.com/maps/search/Via+Roma+46,+20846+Macherio+(MB)",
            },
            {
              label: "351 426 0591",
              href: "tel:+393514260591",
            },
            {
              label: "info@finetattoostudio.it",
              href: "mailto:info@finetattoostudio.it",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "https://www.instagram.com/finetattoostudio",
            },
          ],
        },
      ]}
      copyrightText="© 2025 FINE Tattoo Studio — Macherio, MB | P.IVA 01234567890"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
