"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Gamma Moto", id: "products" },
        { name: "Officina", id: "features" },
        { name: "Contatti", id: "contact" },
      ]}
      brandName="PXR Racing"
      button={{ text: "Prenota", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{ variant: "gradient-bars" }}
      title="VIVI IL RACING. OGNI GIORNO."
      description="Supermotard • Enduro • Performance. Ride without limits."
      testimonials={[
        { name: "Marco Rossi", handle: "@marco_pxr", testimonial: "La migliore esperienza di guida della mia vita.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg" },
        { name: "Luca Bianchi", handle: "@luca_racer", testimonial: "Supporto tecnico eccellente, moto sempre al top.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg" },
        { name: "Sara Verdi", handle: "@sara_moto", testimonial: "PXR Racing è un punto di riferimento.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg" },
        { name: "Giulia F.", handle: "@giulia_moto", testimonial: "Precisione e velocità senza pari.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19256.jpg" },
        { name: "Andrea B.", handle: "@andrea_racing", testimonial: "Il team PXR è il vero valore aggiunto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-overjoyed-cheerful-young-female-rider-with-teeth-braces-long-straight-hair-posing-isolated-black-leather-jacket_343059-970.jpg" }
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfd8Bt61NuqIYNtcRWxjLKsYOg/uploaded-1778676926697-3pui9p3j.png"
      imageAlt="PXR Racing"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg", alt: "Rider avatar 1" },
        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg", alt: "Rider avatar 2" },
        { src: "http://img.b2bpic.net/free-photo/portrait-male-biker-yellow-helmet-motorbike-side-busy-road-thailand_343596-2794.jpg", alt: "Rider avatar 3" },
        { src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585674.jpg", alt: "Rider avatar 4" },
        { src: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-cap-holding-clipboard-tightly-looking-peaceful_176474-16785.jpg", alt: "Rider avatar 5" }
      ]}
      avatarText="Unisciti a 500+ piloti"
      marqueeItems={[{ type: "text", text: "KTM" }, { type: "text", text: "Yamaha" }, { type: "text", text: "Kawasaki" }, { type: "text", text: "Stark" }, { type: "text", text: "Beta" }]}
    />
  </div>

  <div id="categories" data-section="categories">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "f1", label: "Officina", title: "Assistenza Professionale", items: ["Tagliandi", "Preparazione", "Setup"] },
        { id: "f2", label: "Sicurezza", title: "Protezione Totale", items: ["Caschi", "Tute", "Protezioni"] },
        { id: "f3", label: "Prenotazioni", title: "Gestione Appuntamenti", items: ["Test Ride", "Manutenzione", "Consulenza"] }
      ]}
      title="Scopri i nostri servizi"
      description="Dalla manutenzione avanzata alla protezione totale."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "p1", brand: "KTM", name: "450 SMR", price: "10.490 €", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22174.jpg" },
        { id: "p2", brand: "Stark", name: "Varg EX", price: "12.900 €", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-mountain-biking-equipment_23-2148777264.jpg" },
        { id: "p3", brand: "Kawasaki", name: "KX 450", price: "9.800 €", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703294.jpg" },
        { id: "p4", brand: "Yamaha", name: "YZ 450F", price: "10.100 €", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-clothing-sitting-bicycle-street_23-2148176528.jpg" },
        { id: "p5", brand: "Beta", name: "RR 300", price: "9.200 €", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg" },
        { id: "p6", brand: "KTM", name: "690 SMC R", price: "11.500 €", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-leather-motorcycle-uniform-lying-two-car-wheels_613910-8099.jpg" }
      ]}
      title="Gamma Moto"
      description="Ready to dominate the track."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15+", title: "Anni d'esperienza", items: ["Professionalità", "Passione"] },
        { id: "m2", value: "2000+", title: "Moto riparate", items: ["Qualità", "Velocità"] },
        { id: "m3", value: "500+", title: "Clienti felici", items: ["Community", "Racing"] }
      ]}
      title="Prestazioni in cifre"
      description="I nostri numeri parlano chiaro."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        { id: "t1", name: "Luca Ferrari", role: "Capo Officina", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg" },
        { id: "t2", name: "Giulia Rossi", role: "Racer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashionable-young-blonde-female-biker-wearing-stylish-black-leather-jacket-having-confident-facial-expression_343059-979.jpg" },
        { id: "t3", name: "Andrea Bianchi", role: "Tecnico Setup", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg" }
      ]}
      title="Il nostro team tecnico"
      description="Esperti a tuo servizio."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Marco", imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-male-paramedic_23-2148453467.jpg" },
        { id: "2", name: "Luca", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22172.jpg" },
        { id: "3", name: "Andrea", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait_158595-3857.jpg" },
        { id: "4", name: "Sara", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885253.jpg" },
        { id: "5", name: "Giulia", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-machinery-juice-factory_107420-96040.jpg" }
      ]}
      cardTitle="Cosa dicono i nostri piloti"
      cardTag="Recensioni"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        { id: "q1", title: "Come prenoto un test ride?", content: "Puoi prenotare direttamente dal nostro sito tramite la sezione dedicata." },
        { id: "q2", title: "Effettuate manutenzione multimarca?", content: "Sì, siamo specializzati in KTM, Yamaha, Kawasaki e Stark Future." },
        { id: "q3", title: "Dove si trova l'officina?", content: "Siamo in Via Racing, 12, Milano." }
      ]}
      title="Domande frequenti"
      description="Tutto quello che devi sapere."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg?_wi=1"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Prenota il tuo appuntamento"
      description="Richiedi maggiori informazioni o prenota un appuntamento."
      inputs={[
        { name: "name", type: "text", placeholder: "Nome" },
        { name: "email", type: "email", placeholder: "Email" }
      ]}
      textarea={{ name: "message", placeholder: "Il tuo messaggio" }}
      imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg?_wi=2"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "PXR Racing", items: [{ label: "Chi Siamo", href: "#" }, { label: "Blog", href: "#" }] },
        { title: "Servizi", items: [{ label: "Officina", href: "#" }, { label: "Prenota", href: "#" }] }
      ]}
      bottomLeftText="© 2024 PXR Racing"
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}