"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Historia",          id: "#historia"},
        {
          name: "Menú",          id: "#menu"},
        {
          name: "Reseñas",          id: "#opiniones"},
        {
          name: "Ubicación",          id: "#info"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-mexican-restaurant-label-collection_23-2149671936.jpg"
      logoAlt="Logo Taquería Roldán"
      brandName="Roldán"
      button={{
        text: "Pedir ahora",        href: "tel:5586747771"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Taquería Roldán"
      description="Sabor auténtico. Atención que enamora. Tacos que no olvidarás."
      tag="Pachuca de Soto, Hidalgo — Desde el corazón del barrio"
      buttons={[
        {
          text: "Pedir a domicilio",          href: "tel:5586747771"},
        {
          text: "Ver menú",          href: "#menu"},
      ]}
      carouselItems={[
        {
          id: "hero-1",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571784.jpg",          imageAlt: "Tacos al pastor en trompo"},
        {
          id: "hero-2",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-nachos-chips-avocado-salsa-sauce-cherry-tomatoes-red-chilies-lemon-table_23-2148042451.jpg",          imageAlt: "Variedad de tacos mexicanos"},
        {
          id: "hero-3",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159763.jpg",          imageAlt: "Mano sosteniendo un taco de suadero"},
        {
          id: "hero-4",          imageSrc: "http://img.b2bpic.net/free-photo/california-palm-trees-group-sunset_661209-485.jpg",          imageAlt: "Vista nocturna de Pachuca, Hidalgo"},
        {
          id: "hero-5",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-handmade-pecan-pie_23-2148461011.jpg",          imageAlt: "Pizza con pastor"},
        {
          id: "hero-6",          imageSrc: "http://img.b2bpic.net/free-photo/spicy-michelada-drink-assortment_23-2149027756.jpg",          imageAlt: "Bebidas frescas mexicanas"},
      ]}
    />
  </div>

  <div id="credibility" data-section="credibility">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "★★★★★ 4.8 en Google",        "34 reseñas verificadas",        "🛵 Entrega a domicilio",        "🚗 Pedidos desde el automóvil"]}
      title="La experiencia Roldán, avalada por nuestros clientes"
      description="Nos enorgullecemos de la confianza y satisfacción que nuestra comunidad deposita en cada taco y servicio que ofrecemos."
      showCard={false}
    />
  </div>

  <div id="historia" data-section="historia">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Nuestra Historia"
      description="En Taquería Roldán nacimos con una misión simple: que cada taco cuente una historia. Aquí, en Amp el Palmar, Pachuca, cada noche preparamos con cuidado los ingredientes que llevan el sabor auténtico del México que amamos. Somos higiénicos, amables y apasionados. Creemos que la buena comida merece buena atención — y nuestras reseñas lo demuestran noche tras noche. Desde tacos de suadero hasta esa pizza con pastor que ya es leyenda."
      metrics={[
        {
          value: "4.8",          title: "Calificación promedio Google Maps"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-people-hanging-out_23-2149436788.jpg"
      imageAlt="Calificación promedio de 4.8 estrellas en Google Maps"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "tacos-suadero",          name: "🌮 Tacos de Suadero",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tacos-arrangement_23-2150799455.jpg",          imageAlt: "Tacos de suadero",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
        {
          id: "taco-arabe",          name: "🥙 Taco Árabe",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/preparation-mexican-beef-stripes-with-vegetables-tortilla-healthy-lunch_23-2148042466.jpg",          imageAlt: "Taco árabe",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
        {
          id: "tacos-pastor",          name: "🍖 Tacos al Pastor",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-chilli_23-2148614414.jpg",          imageAlt: "Tacos al pastor",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
        {
          id: "pizza-pastor",          name: "🍕 Pizza con Pastor",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-photo-pizza-with-colorful-vegetable-topping-ready-be-eaten_1150-6530.jpg",          imageAlt: "Pizza con pastor",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
        {
          id: "tacos-tripa",          name: "🧅 Tacos de Tripa",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg",          imageAlt: "Tacos de tripa",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
        {
          id: "bebidas",          name: "🍹 Bebidas",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/spicy-michelada-beverage-assortment_23-2149027782.jpg",          imageAlt: "Bebidas",          onProductClick: () => window.open('https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo', '_blank'),
        },
      ]}
      title="El menú que te enamora"
      description="¿Preguntas sobre el menú? Llámanos al 55 8674 7771"
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Diana Noba",          handle: "",          testimonial: "Excelente servicio, todo está delicioso. Hasta cumplen tus antojos... Pizza con pastor, 10 de 10.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-1420.jpg",          imageAlt: "Diana Noba"},
        {
          id: "2",          name: "Gabri Bouffoon",          handle: "",          testimonial: "Pedí a domicilio, todo estuvo muy rico, la atención fue muy buena y no tardó mucho en llegar. Mis favoritos los de suadero.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-camera-winking_1262-18708.jpg",          imageAlt: "Gabri Bouffoon"},
        {
          id: "3",          name: "Mayra Salustia López Roldán",          handle: "",          testimonial: "Excelente servicio, el personal muy amable, el lugar muy higiénico, y los tacos muy ricos.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          imageAlt: "Mayra Salustia López Roldán"},
        {
          id: "4",          name: "Cliente Google",          handle: "",          testimonial: "Deliciosos los taquitos. El taco árabe súper rico. Y la atención súper bien.",          imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-632353.jpg",          imageAlt: "Cliente Google"},
        {
          id: "5",          name: "Cliente Google",          handle: "",          testimonial: "Súper ricos la verdad, recomendados. No dejen de visitarlos.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",          imageAlt: "Cliente Google"},
        {
          id: "6",          name: "Cliente Google",          handle: "",          testimonial: "Excelente servicio y ricos los tacos. Una experiencia que se repite.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg",          imageAlt: "Cliente Google"},
      ]}
      title="Ellos ya conocen el sabor"
      description="4.8 ★ con 34 opiniones en Google Maps"
      buttons={[
        {
          text: "Ver todas las reseñas en Google",          href: "https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo"},
      ]}
    />
  </div>

  <div id="info" data-section="info">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "address",          title: "📍 Dirección",          content: "Av. Rojo Gómez, Amp el Palmar, Lázaro Cárdenas, A Nopalcalco, 42088 Pachuca de Soto, Hgo. <br/> <a href=\"https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo\" target=\"_blank\">Abrir en Google Maps</a>"},
        {
          id: "phone",          title: "📞 Teléfono",          content: "<a href=\"tel:5586747771\">55 8674 7771</a>"},
        {
          id: "services",          title: "🛵 Servicios",          content: "Consumo en el lugar · Domicilio · Pedidos desde automóvil · Entrega sin contacto"},
        {
          id: "price",          title: "💰 Precio Promedio",          content: "$1–$100 MXN por persona"},
        {
          id: "hours-mon",          title: "Lunes",          content: "5:00 p.m. – 12:00 a.m."},
        {
          id: "hours-tue",          title: "Martes",          content: "5:00 p.m. – 12:00 a.m."},
        {
          id: "hours-wed",          title: "Miércoles",          content: "5:00 p.m. – 12:00 a.m."},
        {
          id: "hours-thu",          title: "Jueves",          content: "5:00 p.m. – 12:00 a.m."},
        {
          id: "hours-fri",          title: "Viernes",          content: "5:00 p.m. – 1:00 a.m."},
        {
          id: "hours-sat",          title: "Sábado",          content: "5:00 p.m. – 1:00 a.m."},
        {
          id: "hours-sun",          title: "Domingo",          content: "Cerrado (Descansamos)"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-arepas-with-chalkboard_23-2148742412.jpg"
      imageAlt="Mapa de ubicación de Taquería Roldán"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Dónde y cuándo visitarnos"
      description=""
      buttons={[
        {
          text: "📞 Llamar ahora",          href: "tel:5586747771"},
        {
          text: "💬 WhatsApp",          href: "https://wa.me/525586747771"},
      ]}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="banner-cta" data-section="banner-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated-grid"}}
      tag="" // Added missing required prop 'tag'
      title="El mejor taco de Pachuca está a una llamada"
      description="Domicilio, para llevar o en el lugar — como quieras. Rápido, rico y con la atención que mereces. 5586747771"
      buttonText="Pedir ahora"
      termsText="" // Added prop 'termsText' as per locked selection
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/abstract-bokeh-background-textured_640221-529.jpg"
      imageAlt="Fondo de footer de taquería nocturna"
      logoText="Taquería Roldán"
      columns={[
        {
          title: "Contacto",          items: [
            {
              label: "55 8674 7771",              href: "tel:5586747771"},
            {
              label: "Google Maps",              href: "https://maps.google.com/?q=Taqueria+Roldan+Pachuca+Hidalgo"},
          ],
        },
      ]}
      copyrightText="© 2025 Taquería Roldán · Pachuca de Soto, Hgo."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
