"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "About", id: "#about" },
        { name: "Menu", id: "#menu" },
        { name: "Reviews", id: "#testimonials" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Sensei Ramen"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "plain" }}
      title="Un'esplosione di sapore"
      description="Il miglior ramen a Trezzano sul Naviglio. Tradizione giapponese e innovazione culinaria in ogni ciotola."
      mediaItems={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9o3k5j", imageAlt: "ramen noodle bowl steam" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=arwr0h", imageAlt: "ramen restaurant interior minimalist" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9vry8", imageAlt: "ramen topping ingredients" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gyaedy", imageAlt: "ramen noodle bowl steam" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qstovo", imageAlt: "ramen restaurant interior minimalist" },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="La nostra filosofia"
      description="Sensei Ramen nasce dalla passione per l'autentico ramen giapponese. Selezioniamo solo i migliori ingredienti per garantire un'esperienza culinaria senza compromessi."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b24qw3"
      imageAlt="traditional ramen preparation"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "p1", brand: "Signature", name: "Ramen Pollo Fritto", price: "14.50€", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sqtufn" },
        { id: "p2", brand: "Classic", name: "Tonkotsu Ramen", price: "13.00€", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cerqf4" },
        { id: "p3", brand: "Classic", name: "Miso Ramen", price: "13.50€", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=96egxu" },
        { id: "p4", brand: "Veggie", name: "Vegan Shoyu", price: "12.00€", rating: 4, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=byvbw0" },
        { id: "p5", brand: "Special", name: "Spicy Tonkotsu", price: "15.00€", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z71w2n" },
        { id: "p6", brand: "Classic", name: "Shio Ramen", price: "12.50€", rating: 4, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=atv11a" },
      ]}
      title="Il Nostro Menu"
      description="Scopri la selezione di ramen, dal classico Tonkotsu al ramen col pollo fritto, il nostro fiore all'occhiello."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Brodo a lenta cottura",          description: "12 ore di cottura per estrarre tutto il sapore.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4vn1j6" },
          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uq7peq" },
        },
        {
          title: "Noodles artigianali",          description: "La consistenza perfetta, preparata freschi ogni giorno.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rud3w" },
          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eftdzj" },
        },
        {
          title: "Ingredienti di stagione",          description: "Qualità locale unita a tecniche giapponesi.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbl3ev" },
          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6xm" },
        },
      ]}
      showStepNumbers={true}
      title="Cosa ci rende Sensei"
      description="Un'esperienza basata su tecnica, pazienza e ricerca continua."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "5/5", title: "Valutazione Media", items: ["Basata su oltre 500 recensioni"] },
        { id: "m2", value: "50+", title: "Varianti di ramen", items: ["Sperimentate nel corso degli anni"] },
        { id: "m3", value: "12h", title: "Cottura Brodo", items: ["Il tempo per ogni porzione"] },
      ]}
      title="I nostri numeri"
      description="Qualità che si misura nella soddisfazione dei nostri clienti."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Gabriel Schöning", role: "Foodie", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=061jju" },
        { id: "t2", name: "Matteo Allegretti", role: "Appassionato", company: "Google Review", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1cniv1" },
        { id: "t3", name: "Luca Rossi", role: "Cliente", company: "Locale", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqwko4" },
        { id: "t4", name: "Anna Bianchi", role: "Cliente", company: "Locale", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k3u5a5" },
        { id: "t5", name: "Marco Verdi", role: "Cliente", company: "Locale", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ufbr1" },
      ]}
      kpiItems={[
        { value: "500+", label: "Recensioni Google" },
        { value: "5/5", label: "Media Valutazione" },
        { value: "100%", label: "Clienti Felici" },
      ]}
      title="Cosa dicono i nostri ospiti"
      description="Recensioni reali di chi ha vissuto l'esperienza Sensei."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Avete opzioni vegetariane?", content: "Sì, offriamo un ramen vegetariano delizioso basato su brodo di funghi shiitake." },
        { id: "f2", title: "È necessario prenotare?", content: "Consigliamo sempre la prenotazione, specialmente nei weekend." },
        { id: "f3", title: "Dove vi trovate?", content: "Siamo in Viale Leonardo da Vinci, 70 a Trezzano sul Naviglio." },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l7dtjf"
      title="Domande frequenti"
      description="Tutto quello che c'è da sapere sul nostro ramen."
      faqsAnimation="slide-up"
      imageAlt="traditional ramen preparation"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contatti"
      title="Vieni a trovarci"
      description="Sensei Ramen ti aspetta. Prenota il tuo tavolo o contattaci per qualsiasi informazione."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bwj4o"
      mediaAnimation="blur-reveal"
      imageAlt="ramen shop storefront facade"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Sensei Ramen"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "© 2024 Sensei Ramen", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
