"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLarge"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Nuestra Historia",          id: "historia"},
        {
          name: "Preguntas Frecuentes",          id: "faq"},
      ]}
      brandName="El Conde Casa de Humo"
      button={{
        text: "Reserva por WhatsApp",        href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      title="El Conde Casa de Humo"
      description="Auténticas Carnes Ahumadas al Estilo Texas. Sabor intenso, cocción lenta y ambiente familiar."
      buttons={[
        {
          text: "Reserva Ahora",          href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-pieces-bowl-wooden-table_23-2148029530.jpg",          imageAlt: "Plato de Brisket ahumado"}
      ]}
      background={{
        variant: "plain"}}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="historia" data-section="historia">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Pasión por el Sabor Auténtico"
      description="En El Conde Casa de Humo, nos dedicamos a la preparación de carnes ahumadas al estilo Texas. Nacimos con la visión de traer esta técnica ancestral de cocción lenta con maderas aromáticas al paladar local. Ofrecemos sabores intensos y auténticos en un ambiente informal y familiar, donde cada bocado es una experiencia inolvidable."
      tag="Nuestra Esencia"
      bulletPoints={[
        {
          title: "Cocción Lenta con Maderas Aromáticas",          description: "Nuestras carnes se cocinan durante horas con maderas selectas para un sabor y ternura inigualables."},
        {
          title: "Sabores Auténticos y Profundos",          description: "Cada plato es una explosión de sabor, fiel a la tradición del ahumado texano."},
        {
          title: "Ambiente Familiar y Acogedor",          description: "Disfruta de una experiencia gastronómica relajada, perfecta para compartir con tus seres queridos."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/waiter-holding-lamb-offal-garnished-with-sumac-onion-served-wooden-board_140725-5245.jpg"
      imageAlt="Chef preparando carne ahumada"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Técnica Artesanal",          description: "Dominamos la ciencia y el arte del ahumado, garantizando la perfección en cada pieza de carne.",          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-food-cooking-counter-decor-pot_53876-127676.jpg",          imageAlt: "Técnica artesanal de ahumado"},
        {
          title: "Ingredientes Premium",          description: "Seleccionamos solo las mejores carnes y maderas aromáticas para ofrecerte calidad insuperable.",          imageSrc: "http://img.b2bpic.net/free-photo/pickles-white-wooden-table-with-green-red-chili-peppers-fennel-salt-black-peppercorns-garlic-pea-close-up-healthy-concept-top-view-flat-lay_114579-1184.jpg",          imageAlt: "Ingredientes premium"},
        {
          title: "Recetas Exclusivas",          description: "Nuestras recetas son fruto de años de experimentación, creando sabores que solo encontrarás aquí.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-turmeric-red-pepper-black-peper-sea-salt-smal-bowls-four-spoons-round-board-dark-table-with-copy-space_140725-59599.jpg",          imageAlt: "Recetas exclusivas"},
      ]}
      title="La Experiencia del Ahumado Perfecto"
      description="Descubre lo que hace a El Conde Casa de Humo tu destino favorito para las mejores carnes ahumadas."
      tag="Nuestros Secretos"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "pollo-ahumado",          name: "Pollo Ahumado",          price: "Desde S/ 10.00",          imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-6778.jpg",          imageAlt: "Plato de pollo ahumado con acompañamientos"},
        {
          id: "costillas-ahumadas",          name: "Costillas de Cerdo Ahumadas",          price: "Desde S/ 50.00",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-isolated-white-background-ai-generative_123827-23868.jpg",          imageAlt: "Porción de costillas de cerdo ahumadas"},
        {
          id: "brisket-ahumado",          name: "Brisket (Pecho de Res) Ahumado",          price: "Desde S/ 55.00",          imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8288.jpg",          imageAlt: "Brisket ahumado cortado en láminas"},
        {
          id: "cerdo-desmenuzado",          name: "Cerdo Desmenuzado",          price: "S/ 32.00",          imageSrc: "http://img.b2bpic.net/free-photo/steamed-chicken-breast-white-plate-with-spring-onions-chopped-carrots_1150-20966.jpg",          imageAlt: "Plato de cerdo desmenuzado servido"},
        {
          id: "hamburguesa-ahumada",          name: "Hamburguesa de Carne Ahumada",          price: "Desde S/ 18.00",          imageSrc: "http://img.b2bpic.net/free-photo/rib-barbecue_74190-495.jpg",          imageAlt: "Hamburguesa de carne ahumada lista para comer"},
        {
          id: "chorizos-artesanales",          name: "Chorizos Artesanales Ahumados",          price: "S/ 15.00",          imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14336.jpg",          imageAlt: "Chorizos ahumados con guarnición"},
      ]}
      title="Saborea la Auténtica Tradición Texana"
      description="Desde el jugoso pollo hasta las tiernas costillas, cada plato es una obra maestra del ahumado lento."
      tag="Nuestra Carta"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Las mejores carnes ahumadas que he probado en Perú. El Brisket es simplemente espectacular y las costillas se deshacen en la boca. ¡Un lugar imperdible para los amantes de la buena carne!"
      rating={5}
      author="Carlos P."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-latin-man-smiling-confident-looking-side-street_839833-16493.jpg",          alt: "Avatar de Carlos P."},
        {
          src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",          alt: "Avatar de Ana M."},
        {
          src: "http://img.b2bpic.net/free-photo/excited-happy-old-man-with-tattoos-laughing-pointing-left-showing-something-cool-amazed-by-advertisement-promo-deal-standing-stylish-hoodie-against-white-background_176420-45016.jpg",          alt: "Avatar de Jorge R."},
        {
          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg",          alt: "Avatar de Sofía L."},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915898.jpg",          alt: "Avatar de Miguel G."},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "¿Cómo hago una reserva?",          content: "Puedes hacer tu reserva directamente a través de nuestro botón de WhatsApp en la sección de Contacto o en la barra de navegación."},
        {
          id: "faq-2",          title: "¿Cuál es el horario de atención?",          content: "Abrimos todos los días de 18:00 a 24:00 horas, listos para servirte la mejor carne ahumada."},
        {
          id: "faq-3",          title: "¿Ofrecen opciones vegetarianas o veganas?",          content: "Nuestra especialidad son las carnes ahumadas. Sin embargo, tenemos una selección de guarniciones que pueden ser adecuadas para dietas vegetarianas."},
      ]}
      title="¿Tienes Preguntas?"
      description="Encuentra respuestas rápidas sobre reservas, horarios y nuestros platos."
      tag="Preguntas Frecuentes"
      faqsAnimation="slide-up"
    />
  </div>


  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="El Conde Casa de Humo"
      leftLink={{
        text: "Facebook",        href: "https://facebook.com/ElCondeCasaDeHumo"}}
      rightLink={{
        text: "Instagram",        href: "https://instagram.com/elcondecasadehumo"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}