"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 FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "I Nostri Gusti",
          id: "/gusti",
        },
        {
          name: "Ordina",
          id: "/ordina",
        },
        {
          name: "Le Sedi",
          id: "/sedi",
        },
        {
          name: "La Nostra Storia",
          id: "/storia",
        },
      ]}
      brandName="Santo Gelato"
      button={{
        text: "Chiama Ora",
        href: "tel:+39021234567",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="order-steps" data-section="order-steps">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "step-1",
          title: "1. Scegli la tipologia di vaschetta",
          content: "Seleziona la dimensione ideale per te: Vaschetta Small 500g (2 gusti - €8), Vaschetta Medium 1kg (3 gusti - €15), Vaschetta Large 2kg (5 gusti - €27), Vaschetta Famiglia 3kg (6 gusti - €38).",
        },
        {
          id: "step-2",
          title: "2. Scegli i gusti",
          content: "Seleziona i tuoi gusti preferiti tra quelli disponibili (🟢) o stagionali (🟡). I gusti non disponibili (🔴) saranno disabilitati.",
        },
        {
          id: "step-3",
          title: "3. Scegli la sede di ritiro",
          content: "Indica se preferisci ritirare la tua vaschetta presso la Sede Centro o la Sede Navigli.",
        },
        {
          id: "step-4",
          title: "4. Seleziona data e orario di ritiro",
          content: "Scegli il giorno e l'ora che ti sono più comodi per il ritiro del tuo ordine.",
        },
        {
          id: "step-5",
          title: "5. Lascia i tuoi dati",
          content: "Inserisci il tuo nome e il tuo numero di telefono per essere ricontattato in caso di necessità.",
        },
        {
          id: "step-6",
          title: "6. Invia Ordine",
          content: "Clicca su 'Invia Ordine' per completare la tua prenotazione. Riceverai una conferma via SMS.",
        },
      ]}
      sideTitle="Porta Santo Gelato a casa tua"
      sideDescription="Segui questi semplici passaggi per creare e prenotare la tua vaschetta perfetta, scegliendo i tuoi gusti preferiti e la sede di ritiro."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="order-note-cta" data-section="order-note-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Gli ordini vanno effettuati almeno 24 ore prima. Per ordini speciali o quantità maggiori, chiamaci direttamente al +39 02 1234567."
      buttons={[
        {
          text: "Invia Ordine",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Contatti",
          items: [
            {
              label: "Telefono: +39 02 1234567",
              href: "tel:+39021234567",
            },
            {
              label: "Email: info@santogelato.it",
              href: "mailto:info@santogelato.it",
            },
          ],
        },
        {
          title: "Sedi",
          items: [
            {
              label: "Sede Centro",
              href: "/sedi#sede-centro",
            },
            {
              label: "Sede Navigli",
              href: "/sedi#sede-navigli",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/santogelato",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/santogelato",
            },
          ],
        },
        {
          title: "Orari",
          items: [
            {
              label: "Lun–Dom: 11:00–22:00 (Centro)",
              href: "#",
            },
            {
              label: "Lun–Dom: 12:00–23:00 (Navigli)",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Santo Gelato. Tutti i diritti riservati."
      bottomRightText="Realizzato con passione"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
