546cd4b1-640e-4ce6-a93d-6df38a1a7fa5/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Clock, Leaf, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Products", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Drogheria Torielli"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "sparkles-gradient" }}
      title="Un Viaggio Sensoriale nel Cuore di Genova"
      description="Drogheria Torielli è un'esperienza da vivere. Scopri una selezione curata di spezie, tè e tesori culinari introvabili, serviti con la passione e la competenza di generazioni."
      testimonials={[
        { name: "Giulia M.", handle: "@giuliam", testimonial: "Un salto indietro nel tempo, rapiti da profumi di spezie e luoghi lontani.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg" },
        { name: "Marco R.", handle: "@marcor", testimonial: "Prodotti naturali di massima qualità, difficili da reperire altrove.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-selling-eco-organic-fruits-local-farmers-market_482257-77263.jpg" }
      ]}
      buttons={[{ text: "Esplora i Nostri Tesori", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-preserved-garlic_23-2148606771.jpg"
      imageAlt="traditional italian spice shop interior"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="La Nostra Storia"
      title="Passione e Tradizione dal 1930"
      description="Entrare in questa drogheria è un'esperienza autentica che unisce la competenza delle nostre titolari alla rarità dei prodotti che offriamo."
      subdescription="Siamo orgogliosi di offrire un servizio personalizzato, guidando ogni cliente alla scoperta di aromi e sapori dimenticati."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893791.jpg"
      imageAlt="drogheria shop interior details"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Pepe Selvatico Madagascar", price: "€4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-saffron-ingredients-small-bottles_23-2149278493.jpg" },
        { id: "p2", name: "Tè Nero Pregiato", price: "€8.20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-seasoning-composition-different-colored-inside-spoons-grey-desk-tea-dry-plant-color_140725-80091.jpg" },
        { id: "p3", name: "Miscele Spezie Segrete", price: "€5.90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-saffron-small-bottles_23-2149278476.jpg" }
      ]}
      title="Tesori dal Mondo"
      description="Scopri la nostra collezione di perle culinarie."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{ items: ["Nessun prodotto industriale", "Zero sprechi"] }}
      positiveCard={{ items: ["Prodotti rari", "Consulenza esperta"] }}
      title="Perché Sceglierci"
      description="Garantiamo un'esperienza sensoriale unica."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[]}
      showRating={true}
      title="Cosa Dicono di Noi"
      description="La nostra passione premia i clienti."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "90+", title: "Spezie", description: "Selezionate", icon: Leaf },
        { id: "m2", value: "4.8", title: "Valutazione", description: "Positiva", icon: Star },
        { id: "m3", value: "90", title: "Anni", description: "Passione", icon: Clock }
      ]}
      title="Il Nostro Impegno"
      description="Tradizione e soddisfazione."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Spedizioni", content: "Sì, effettuiamo consegne in tutta Italia tramite corriere espresso." },
        { id: "f2", title: "Pagamenti Accettati", content: "Puoi pagare comodamente tramite PayPal o effettuare un bonifico bancario (IBAN: IT00000000000000000000)." }
      ]}
      title="Domande Frequenti"
      description="Tutto quello che c'è da sapere."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Supporto"
      title="Contatti e Info"
      description="Siamo a tua disposizione per ogni richiesta o curiosità sui nostri prodotti. Scrivici a info@drogheriatorielli.it"
      background={{ variant: "gradient-bars" }}
      useInvertedBackground={false}
      onSubmit={(email) => console.log("Contattato da:", email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Drogheria Torielli"
      columns={[
        { title: "Contatti", items: [{ label: "Info", href: "#contact" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}