"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="large"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Servicios",          id: "#servicios"},
        {
          name: "El taller",          id: "#porelegirnos"},
        {
          name: "Ubicación",          id: "#ubicacion"},
      ]}
      button={{
        text: "PEDIR CITA",        href: "tel:+34916291421"}}
      brandName="MOTORRAD.ALGETE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="TU MOTO / EN BUENAS / MANOS."
      description="Mecánicos que te hablan claro, precios competitivos y resultados que se notan. Miguel y Sergio se encargan de todo."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-motorbike_23-2150819743.jpg",          imageAlt: "Sport motorcycle driving on the road"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-head-bearded-bicycle-mechanic-workshop-with-bike-parts-wheel-background_613910-14228.jpg",          imageAlt: "Mechanic working on a motorcycle engine"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-indoors_23-2150849511.jpg",          imageAlt: "Clean motorcycle in a workshop"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-cool-powerful-motorcycle_23-2150704845.jpg",          imageAlt: "Motorcycle on a stand in a clean workshop"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-parts_23-2150704695.jpg",          imageAlt: "Close up of a motorcycle engine"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/enduro-racer-sitting-his-motorcycle_627829-11606.jpg",          imageAlt: "Motorcycle rider on a sunny road"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket-manager-with-client_1157-43596.jpg",          imageAlt: "Front view of a motorcycle in an urban garage"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8119.jpg",          imageAlt: "Close up of a motorcycle exhaust pipe"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/rider-motorbike-road-riding-having-fun-driving-empty-road_1150-10694.jpg",          imageAlt: "Motorcycle parked on a street at sunset"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-outdoors_23-2150849605.jpg",          imageAlt: "Motorcycle parked next to a wall"},
      ]}
      tag="Taller de confianza en Algete desde hace más de 15 años"
      buttons={[
        {
          text: "PEDIR CITA",          href: "tel:+34916291421"},
        {
          text: "VER SERVICIOS",          href: "#servicios"},
      ]}
      carouselPosition="right"
      marqueeItems={[
        {
          type: "text",          text: "+15 / años de taller"},
        {
          type: "text",          text: "100% / multimarca"},
        {
          type: "text",          text: "4.7★ / valoración media"},
        {
          type: "text",          text: "Atención / personalizada"},
        {
          type: "text",          text: "Diagnóstico / sin compromiso"},
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "s1",          title: "01. MANTENIMIENTO Y REVISIONES",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-long-hair-garage-repairing-motorcycle_1321-1394.jpg",          imageAlt: "Mechanic checking motorcycle engine"},
        {
          id: "s2",          title: "02. MECÁNICA GENERAL",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-fixing-motorcycle_23-2148306667.jpg",          imageAlt: "Motorcycle mechanic repairing brakes"},
        {
          id: "s3",          title: "03. NEUMÁTICOS Y RUEDAS",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/man-unscrews-bolts-wheel_1153-4390.jpg",          imageAlt: "Motorcycle tire change and balancing"},
        {
          id: "s4",          title: "04. KIT DE ARRASTRE",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/biker-girl-leather-jacket-motorcycle_158595-449.jpg",          imageAlt: "Motorcycle chain replacement"},
        {
          id: "s5",          title: "05. VENTA DE MOTOS",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket-manager-with-client_1157-43593.jpg",          imageAlt: "Motorcycle showroom with new bikes"},
        {
          id: "s6",          title: "06. RECAMBIOS Y ACCESORIOS",          tags: [
            "Servicio Principal"],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bicycle-second-hand-market_23-2149338463.jpg",          imageAlt: "Display of motorcycle spare parts and accessories"},
      ]}
      title="SERVICIOS"
      description="Descubre la gama completa de servicios que ofrecemos para el cuidado y mantenimiento de tu moto."
    />
  </div>

  <div id="marcas-colaboradoras" data-section="marcas-colaboradoras">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Yamaha",        "Honda",        "Kawasaki",        "Suzuki",        "Ducati",        "BMW Motorrad",        "KTM"]}
      title="Marcas con las que trabajamos"
      description="Trabajamos con las principales marcas del mercado para ofrecerte siempre los mejores recambios y accesorios."
      speed={40}
      showCard={false}
    />
  </div>

  <div id="porelegirnos" data-section="porelegirnos">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Luis González",          role: "Cliente habitual",          company: "Particular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg",          imageAlt: "Luis González"},
        {
          id: "t2",          name: "Marcelo Caballero",          role: "Cliente desde hace 15 años",          company: "Particular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-female-tourists-walking-old-city_1262-20265.jpg",          imageAlt: "Marcelo Caballero"},
        {
          id: "t3",          name: "David De Miguel",          role: "Cliente nuevo",          company: "Particular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-goodlooking-african-american-woman-showing-thumbsup-while-using-mobile-phone-app-s_1258-129568.jpg",          imageAlt: "David De Miguel"},
        {
          id: "t4",          name: "Laura Pérez",          role: "Motera experimentada",          company: "Particular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-woman-sunglasses-posing_171337-17567.jpg",          imageAlt: "Laura Pérez"},
        {
          id: "t5",          name: "Carlos García",          role: "Entusiasta de las motos",          company: "Particular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",          imageAlt: "Carlos García"},
      ]}
      kpiItems={[
        {
          value: "Honesto",          label: "Diagnóstico"},
        {
          value: "Rápido",          label: "Sin Atajos"},
        {
          value: "Justo",          label: "Precios"},
      ]}
      title="SIN PELOS EN LA LENGUA."
      description="Si vas a tirar el dinero, te lo decimos. Si hay una solución más barata, te la contamos. Llevamos más de 15 años siendo el taller de referencia en Algete porque apostamos por la honestidad por encima de todo."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "¿Necesito pedir cita previa para una revisión?",          content: "Sí, para garantizar la mejor atención y evitar esperas, recomendamos siempre pedir cita previa. Puedes hacerlo por teléfono o a través de nuestro formulario de contacto."},
        {
          id: "f2",          title: "¿Trabajáis con todas las marcas de motos?",          content: "Absolutamente. Somos un taller multimarca y tenemos experiencia con una amplia gama de fabricantes, tanto de carretera como trail y scooters."},
        {
          id: "f3",          title: "¿Ofrecéis garantía en vuestras reparaciones?",          content: "Todas nuestras reparaciones y piezas instaladas cuentan con la garantía legal vigente, asegurando tu tranquilidad y la calidad de nuestro trabajo."},
        {
          id: "f4",          title: "¿Puedo esperar mi moto mientras le hacéis el mantenimiento?",          content: "Para revisiones y mantenimientos básicos, sí, puedes esperar cómodamente en nuestra sala de espera."},
        {
          id: "f5",          title: "¿Cuál es el tiempo estimado para un cambio de neumáticos?",          content: "Un cambio de neumáticos suele realizarse en aproximadamente 30-60 minutos, dependiendo del tipo de moto y si incluye equilibrado."},
        {
          id: "f6",          title: "¿Aceptáis pago con tarjeta?",          content: "Sí, aceptamos pagos en efectivo, con tarjeta de crédito/débito y a través de transferencia bancaria."},
      ]}
      title="Preguntas Frecuentes"
      description="Resolvemos tus dudas más comunes sobre nuestros servicios, horarios y procedimientos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="cta-banner" data-section="cta-banner">
      <TextAbout
      useInvertedBackground={true}
      title="¿TU MOTO NECESITA ALGO?"
      buttons={[
        {
          text: "PEDIR CITA AHORA",          href: "tel:+34916291421"},
      ]}
    />
  </div>

  <div id="ubicacion" data-section="ubicacion">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contacto"
      title="Visítanos en Algete"
      description="📍 Dirección: Algete, Madrid\n🕐 Horario: Lunes a viernes 9:00–14:00 / 16:00–19:30 · Sábados 9:00–13:30\n📞 Teléfono: 916291421\n🔧 Especialidades: Todas las marcas · Carretera y trail · Scooters"
      imageSrc="http://img.b2bpic.net/free-photo/great-rug-with-houses-roads_23-2147615871.jpg"
      imageAlt="Google Maps location of Motorrad Algete"
      mediaAnimation="opacity"
      mediaPosition="right"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="MOTORRAD.ALGETE"
      leftLink={{
        text: "© 2025 Motorrad Algete",        href: "#"}}
      rightLink={{
        text: "Taller de motos en Algete, Madrid",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
