"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Car, Coffee, MapPin, Smile, Sparkles, Star, Wifi } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Chi Siamo",
          id: "#about",
        },
        {
          name: "Servizi",
          id: "#services",
        },
        {
          name: "Camere",
          id: "#rooms",
        },
        {
          name: "Testimonianze",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contatti",
          id: "#contact",
        },
      ]}
      brandName="Affittacamere Dormiben"
      button={{
        text: "Prenota Ora",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="Benvenuti all'Affittacamere Dormiben"
      description="Il vostro rifugio di pace e comfort nel cuore di una città incantevole. Scoprite il piacere di un soggiorno indimenticabile."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-sitting-street-bench-traveling-alone-enjoy-her-free-time_1153-5474.jpg",
          alt: "Ospite felice 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
          alt: "Ospite felice 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elderly-male-with-crossed-arms-laughing_23-2148036717.jpg",
          alt: "Ospite felice 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/outdoor-portrait-attractive-young-woman-with-long-wavy-hairstyle-is-wearing-green-pullover-is-looking-aside-with-lovely-smile-with-crossed-hands-chest_291650-2422.jpg",
          alt: "Ospite felice 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9652.jpg",
          alt: "Ritratto di giovane donna sorridente",
        },
      ]}
      avatarText="Oltre 1000 ospiti soddisfatti"
      buttons={[
        {
          text: "Scopri le Camere",
          href: "#rooms",
        },
        {
          text: "Contattaci",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Comfort Assoluto",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Posizione Centrale",
          icon: MapPin,
        },
        {
          type: "text-icon",
          text: "Pulizia Impeccabile",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Colazione Casalinga",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "Ospitalità Cordiale",
          icon: Smile,
        },
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="La Nostra Ospitalità"
      metrics={[
        {
          icon: Wifi,
          label: "Wi-Fi Gratuito",
          value: "Fibra Ottica",
        },
        {
          icon: Coffee,
          label: "Colazione Inclusa",
          value: "Ricca e Locale",
        },
        {
          icon: Car,
          label: "Parcheggio Facile",
          value: "Area Dedicata",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Comfort Assoluto",
          description: "Le nostre camere sono progettate per il massimo relax, con letti comodi e un'atmosfera accogliente.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326102.jpg",
          imageAlt: "Letto confortevole",
        },
        {
          title: "Bagno Privato Moderno",
          description: "Ogni camera dispone di un bagno privato completamente attrezzato con doccia e set di cortesia.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-small-bathroom-interior-with-modern-style-furniture-decor_23-2150864564.jpg",
          imageAlt: "Bagno moderno",
        },
        {
          title: "Colazione Casalinga",
          description: "Iniziate la giornata con una deliziosa colazione, preparata con prodotti freschi e locali.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-crepes-with-with-chocolate-cream-nuts-platter_140725-11918.jpg",
          imageAlt: "Colazione casalinga",
        },
      ]}
      title="Servizi Pensati per Voi"
      description="All'Affittacamere Dormiben, ogni dettaglio è curato per garantirvi un'esperienza di soggiorno indimenticabile e senza pensieri."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "room-1",
          name: "Camera Matrimoniale Standard",
          price: "Da €75/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-presents-near-bed-with-breakfast_23-2147742135.jpg",
          imageAlt: "Camera Matrimoniale Standard",
        },
        {
          id: "room-2",
          name: "Camera Doppia Superior",
          price: "Da €85/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-with-yellow-accents_23-2152009023.jpg",
          imageAlt: "Camera Doppia Superior",
        },
        {
          id: "room-3",
          name: "Suite Familiare",
          price: "Da €120/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-living-nature_23-2149431697.jpg",
          imageAlt: "Suite Familiare",
        },
        {
          id: "room-4",
          name: "Camera Singola",
          price: "Da €60/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4643.jpg",
          imageAlt: "Camera Singola",
        },
        {
          id: "room-5",
          name: "Camera Tripla",
          price: "Da €100/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/bed-with-pillows_1162-156.jpg",
          imageAlt: "Camera Tripla",
        },
        {
          id: "room-6",
          name: "Camera Vista Giardino",
          price: "Da €90/notte",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-waking-up_23-2148879260.jpg",
          imageAlt: "Camera Vista Giardino",
        },
      ]}
      title="Le Nostre Camere"
      description="Scegliete la sistemazione più adatta alle vostre esigenze tra le nostre accoglienti camere."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Booking.com",
        "Airbnb",
        "TripAdvisor",
        "Ente Turismo Locale",
        "Guida Viaggi XYZ",
        "Ristorante La Perla",
        "Servizio Transfer ABC",
      ]}
      title="I Nostri Partners"
      description="Collaboriamo con i migliori per offrirvi un soggiorno senza problemi e ricco di opportunità."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Marco Rossi",
          role: "Viaggiatore",
          company: "Milano",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-friends-taking-selfie-cellphone_23-2147950631.jpg",
          imageAlt: "Marco Rossi",
        },
        {
          id: "2",
          name: "Laura Bianchi",
          role: "Turista",
          company: "Roma",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-traveller-checking-map_23-2148588537.jpg",
          imageAlt: "Laura Bianchi",
        },
        {
          id: "3",
          name: "Giovanni Verdi",
          role: "Famiglia",
          company: "Torino",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-beer-talking-outdoor-party_23-2149366179.jpg",
          imageAlt: "Giovanni Verdi",
        },
        {
          id: "4",
          name: "Anna Neri",
          role: "Lavoratrice",
          company: "Firenze",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-relaxing-time-home_23-2149106957.jpg",
          imageAlt: "Anna Neri",
        },
        {
          id: "5",
          name: "Paolo Gialli",
          role: "Pensionato",
          company: "Napoli",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-old-man-kissing-ladys-hand_23-2148293906.jpg",
          imageAlt: "Paolo Gialli",
        },
      ]}
      kpiItems={[
        {
          value: "4.9",
          label: "Valutazione media",
        },
        {
          value: "100%",
          label: "Pulizia",
        },
        {
          value: "5 Stelle",
          label: "Servizio",
        },
      ]}
      title="Cosa Dicono i Nostri Ospiti"
      description="Le esperienze di chi ha scelto Dormiben per il proprio soggiorno. La vostra soddisfazione è la nostra priorità."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "È inclusa la colazione?",
          content: "Sì, una ricca colazione continentale è inclusa nel prezzo di ogni soggiorno.",
        },
        {
          id: "faq-2",
          title: "C'è il parcheggio?",
          content: "Offriamo un'area di parcheggio gratuita nelle vicinanze della struttura per tutti i nostri ospiti.",
        },
        {
          id: "faq-3",
          title: "Quali sono gli orari di check-in e check-out?",
          content: "Il check-in è disponibile dalle ore 15:00, mentre il check-out è richiesto entro le ore 10:00. Contattateci per richieste particolari.",
        },
        {
          id: "faq-4",
          title: "Accettate animali domestici?",
          content: "Siamo spiacenti, per garantire la tranquillità di tutti gli ospiti non possiamo accettare animali domestici.",
        },
      ]}
      sideTitle="Domande Frequenti"
      sideDescription="Trovate qui le risposte alle domande più comuni sul vostro soggiorno presso Affittacamere Dormiben."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Contattateci"
      description="Per informazioni, disponibilità o per prenotare il vostro soggiorno, non esitate a compilare il modulo."
      inputs={[
        {
          name: "Nome",
          type: "text",
          placeholder: "Il tuo nome",
          required: true,
        },
        {
          name: "Email",
          type: "email",
          placeholder: "La tua email",
          required: true,
        },
        {
          name: "Telefono",
          type: "tel",
          placeholder: "Il tuo numero di telefono",
        },
      ]}
      textarea={{
        name: "Messaggio",
        placeholder: "Il tuo messaggio...",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/lovely-purple-street_1361-116.jpg"
      imageAlt="Giardino Affittacamere Dormiben"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="Invia Messaggio"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Dormiben"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Termini e Condizioni",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
