"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Coffee, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Elisir Cafe"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Un elisir di pura energia artigianale."
      description="Sperimenta l'arte del caffè di alta qualità. Elisir Cafe trasforma ogni tazzina in un momento di autentico piacere e scoperta aromatica."
      kpis={[
        {
          value: "12+",
          label: "Miscele Esclusive",
        },
        {
          value: "5k+",
          label: "Clienti Felici",
        },
        {
          value: "20+",
          label: "Anni di Tradizione",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg"
      imageAlt="Artisan Coffee"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth_1258-199456.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Più di 5000 amanti del caffè scelgono Elisir ogni giorno."
      marqueeItems={[
        {
          type: "text",
          text: "QUALITÀ ARTIGIANALE",
        },
        {
          type: "text-icon",
          text: "100% ARABICA",
          icon: Coffee,
        },
        {
          type: "text",
          text: "TOSTATURA GIORNALIERA",
        },
        {
          type: "text-icon",
          text: "FILIERA ETICA",
          icon: Leaf,
        },
        {
          type: "text",
          text: "ESPERIENZA PRESTIGIOSA",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="La nostra passione nel chicco."
      description="Ogni chicco selezionato racconta una storia. Dalle piantagioni ai nostri tostatori, curiamo ogni dettaglio per portarti un caffè che risveglia l'anima."
      bulletPoints={[
        {
          title: "Origine Etica",
          description: "Lavoriamo solo con agricoltori che rispettano la terra.",
        },
        {
          title: "Tostatura Artigianale",
          description: "Tostato quotidianamente nel nostro laboratorio.",
        },
        {
          title: "Qualità Superiore",
          description: "Solo varietà specialty 100% Arabica.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg"
      imageAlt="Cafe About"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Miscela Classica",
          price: "12€",
          imageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg",
        },
        {
          id: "2",
          name: "Arabica d'Etiopia",
          price: "15€",
          imageSrc: "http://img.b2bpic.net/free-photo/vintage-book-cup-coffee-wooden-background_93675-128410.jpg",
        },
        {
          id: "3",
          name: "Colombia Supremo",
          price: "14€",
          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1339-2851.jpg",
        },
        {
          id: "4",
          name: "Intenso Espresso",
          price: "13€",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-art-coffee-shop-vintage-color-horizontal-frame-selective-focus-idea-screensaver-menu-article-about-coffee_166373-2997.jpg",
        },
        {
          id: "5",
          name: "Decaffeinato Naturale",
          price: "12€",
          imageSrc: "http://img.b2bpic.net/free-photo/man-pours-from-one-cup-coffee-into-another-full-cup-coffee-spills-from-edges_140725-9169.jpg",
        },
        {
          id: "6",
          name: "Special Edition",
          price: "18€",
          imageSrc: "http://img.b2bpic.net/free-photo/different-arts-coffee-spoons-bright-background-top-view-coffee-concept_1220-7712.jpg",
        },
      ]}
      title="Le nostre selezioni."
      description="Scopri il nostro menu di caffè speciali e miscele uniche, disponibili anche da macinare a casa."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Perché sceglierci."
      description="Oltre al caffè, offriamo un'esperienza dedicata a chi sa apprezzare i dettagli che fanno la differenza."
      accordionItems={[
        {
          id: "1",
          title: "Atmosfera accogliente",
          content: "Un ambiente progettato per il relax e il lavoro.",
        },
        {
          id: "2",
          title: "Formazione Barista",
          content: "Corsi regolari sulla preparazione del caffè.",
        },
        {
          id: "3",
          title: "Servizio takeaway",
          content: "Il tuo elisir sempre con te, ovunque tu vada.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg"
      imageAlt="Cafe Features"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Giulia R.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
        },
        {
          id: "2",
          name: "Marco V.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-barista-asian-girl-steaming-milk-cappuccino-prepare-latte-client-wearing_1258-203419.jpg",
        },
        {
          id: "3",
          name: "Elena S.",
          imageSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-indoors_23-2148422438.jpg",
        },
        {
          id: "4",
          name: "Luca D.",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-caucasian-man-drinking-cup-coffee-smiling-happy-pointing-with-hand-finger_839833-34020.jpg",
        },
        {
          id: "5",
          name: "Sara B.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
        },
      ]}
      cardTitle="Cosa dicono i nostri amanti del caffè."
      cardTag="Recensioni"
      cardAnimation="slide-up"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Roasters Italia",
        "Global Coffee Co",
        "Green Bean Supply",
        "Ethical Farming",
        "Barista Training Pro",
        "Coffee Art Academy",
        "Specialty Coffee Lab",
      ]}
      title="I nostri partner ed eccellenze."
      description="Collaboriamo con i migliori produttori per garantire la perfezione in tazza."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Offrite caffè senza caffeina?",
          content: "Sì, utilizziamo un processo di decaffeinizzazione naturale.",
        },
        {
          id: "2",
          title: "Posso acquistare il caffè online?",
          content: "Stiamo lavorando per portare il nostro shop online a breve.",
        },
        {
          id: "3",
          title: "Organizzate eventi privati?",
          content: "Siamo felici di ospitare piccoli eventi nel nostro spazio.",
        },
      ]}
      sideTitle="Domande frequenti."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Vieni a trovarci o contattaci per qualsiasi curiosità. Il tuo momento speciale ti aspetta."
      buttons={[
        {
          text: "Contattaci",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Elisir Cafe"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Caffè Speciali",
              href: "#products",
            },
            {
              label: "Pasticceria",
              href: "#",
            },
          ],
        },
        {
          title: "Info",
          items: [
            {
              label: "Chi Siamo",
              href: "#about",
            },
            {
              label: "Contatti",
              href: "#contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
