"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
        <NavbarStyleApple
          brandName="El Conde Casa de Humo"
          navItems={[
            { "name": "Inicio", "id": "hero" },
            { "name": "Historia", "id": "about" },
            { "name": "Sobre Nosotros", "id": "features" },
            { "name": "Carta / Menú", "id": "menu" },
            { "name": "Reservar", "id": "contact" },
            { "name": "Ubicación", "id": "footer" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
        <HeroBillboardTestimonial
          title="El auténtico sabor de la carne ahumada"
          description="Restaurante especializado en carnes ahumadas al estilo Texas, cocinadas lentamente con maderas aromáticas, con ambiente informal y familiar. \n\n⏰ Horarios de atención: Todos los días: 18:00 – 24:00 horas\n📍 Ubicación: Av. Pacífico I-14, Urbanización Buenos Aires, Nuevo Chimbote, Áncash, Perú\n📞 Teléfonos / WhatsApp: +51 965 316 290 | +51 960 620 287\n📱 Redes Sociales: Facebook: El Conde Casa de Humo | Instagram: @elcondecasadehumo"
          background={{ "variant": "rotated-rays-animated" }}
          testimonials={[
            { "name": "Carlos M.", "handle": "@CarlosFoodie", "testimonial": "¡Las mejores costillas ahumadas que he probado en Perú! La carne se deshace en la boca.", "rating": 5, "id": "test-hero-1" },
            { "name": "Ana G.", "handle": "@AnaChef", "testimonial": "El brisket es espectacular, cocinado a la perfección. Una verdadera experiencia texana.", "rating": 5, "id": "test-hero-2" },
            { "name": "Luis F.", "handle": "@LuisTraveler", "testimonial": "Ambiente genial y comida deliciosa. Un lugar perfecto para ir con amigos y familia.", "rating": 5, "id": "test-hero-3" },
            { "name": "Sofía P.", "handle": "@SofiaGourmet", "testimonial": "El pollo ahumado es jugoso y lleno de sabor. Las salsas exclusivas son el toque perfecto.", "rating": 5, "id": "test-hero-4" },
            { "name": "Diego R.", "handle": "@DiegoEats", "testimonial": "Cada plato te transporta a Texas. El cerdo desmenuzado es un 'must-try' absoluto.", "rating": 5, "id": "test-hero-5" }
          ]}
          useInvertedBackground={true}
          buttons={[
            { "text": "Escribir por WhatsApp", "href": "https://wa.me/51965316290" },
            { "text": "Ver Menú", "href": "#menu" }
          ]}
          imageSrc="https://img.freepik.com/free-photo/freepik-image-hero-hero-main-image.jpeg"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <SplitAbout
          title="Nuestra Historia: Tradición Ahumada"
          description="En El Conde Casa de Humo, transformamos la pasión por las carnes ahumadas en una experiencia culinaria única. Iniciamos este viaje con la visión de traer el auténtico sabor de Texas a Nuevo Chimbote, fusionando técnicas ancestrales con un toque familiar que nos distingue. Cada receta es un legado, cada plato una celebración del arte de ahumar."
          bulletPoints={[
            { "title": "Legado de Sabor", "description": "Cada receta proviene de una tradición familiar, perfeccionada con el tiempo para ofrecerte lo mejor del ahumado texano." },
            { "title": "Maestría Artesanal", "description": "Nuestros chefs son artesanos del humo, dedicando horas a cada pieza para garantizar una cocción lenta y un sabor inigualable." },
            { "title": "Ingredientes Frescos", "description": "Seleccionamos la mejor carne y maderas aromáticas, asegurando calidad y frescura en cada ingrediente que llega a tu mesa." }
          ]}
          imageSrc="https://img.freepik.com/free-photo/freepik-image-about-about-restaurant-story.jpeg"
          mediaAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="features" data-section="features" className="mx-auto px-4 md:px-6">
        <FeatureCardSeven
          features={[
            { "title": "Cocción Lenta y Precisa", "description": "Nuestras carnes se ahúman por horas a bajas temperaturas, infundiéndoles un sabor profundo y una terneza incomparable. La paciencia es clave para la perfección.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-feature-feature-smoking-process.jpeg", "imageAlt": "Carne ahumándose lentamente" },
            { "title": "Maderas Aromáticas Seleccionadas", "description": "Utilizamos una mezcla secreta de maderas, cuidadosamente elegidas para complementar cada tipo de carne y crear aromas únicos y memorables en cada bocado.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-feature-feature-ingredients.jpeg", "imageAlt": "Maderas aromáticas para ahumar" },
            { "title": "Ambiente Familiar y Acogedor", "description": "Disfruta de tu comida en un espacio informal y cálido, diseñado para que te sientas como en casa. Ideal para reuniones familiares o con amigos.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-feature-feature-ambiance.jpeg", "imageAlt": "Interior acogedor del restaurante" }
          ]}
          animationType="slide-up"
          title="La Maestría de Nuestra Cocina Ahumada"
          description="Descubre los secretos detrás del inconfundible sabor de El Conde. Cada plato es una obra de arte, preparada con dedicación y las mejores técnicas de ahumado, garantizando una experiencia culinaria que no olvidarás."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="menu" data-section="menu" className="mx-auto px-4 md:px-6">
        <ProductCardOne
          products={[
            { "id": "chicken", "name": "Pollo Ahumado", "price": "Desde S/10.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-chicken.jpeg", "imageAlt": "Plato de pollo ahumado con acompañamientos" },
            { "id": "ribs", "name": "Costillas de Cerdo Ahumadas", "price": "Desde S/50.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-ribs.jpeg", "imageAlt": "Porción de costillas de cerdo ahumadas" },
            { "id": "brisket", "name": "Brisket Ahumado", "price": "Desde S/55.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-brisket.jpeg", "imageAlt": "Brisket ahumado cortado en láminas" },
            { "id": "pulled-pork", "name": "Cerdo Desmenuzado", "price": "S/32.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-pulled-pork.jpeg", "imageAlt": "Plato de cerdo desmenuzado servido" },
            { "id": "burger", "name": "Hamburguesa de Carne Ahumada", "price": "Desde S/18.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-burger.jpeg", "imageAlt": "Hamburguesa de carne ahumada lista para comer" },
            { "id": "sausages", "name": "Chorizos Artesanales Ahumados", "price": "S/15.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-sausage.jpeg", "imageAlt": "Chorizos ahumados con guarnición" },
            { "id": "sides", "name": "Acompañamientos", "price": "Desde S/4.00", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-sides.jpeg", "imageAlt": "Variedad de acompañamientos listos para servir" },
            { "id": "sauces", "name": "Salsas Exclusivas", "price": "¡Pregunta por ellas!", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-product-product-sauces.jpeg", "imageAlt": "Salsas artesanales de la casa" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Nuestra Deliciosa Carta Ahumada"
          description="Desde jugosos pollos hasta el legendario brisket, cada bocado es una explosión de sabor. Prepárate para una experiencia inigualable con nuestras especialidades Texanas, cocinadas a la perfección."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwelve
          testimonials={[
            { "id": "1", "name": "Marcela R.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-1.jpeg", "imageAlt": "happy customer eating smoked meat" },
            { "id": "2", "name": "Juan C.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-2.jpeg", "imageAlt": "joyful woman at restaurant table" },
            { "id": "3", "name": "Patricia S.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-3.jpeg", "imageAlt": "smiling customer holding plate" },
            { "id": "4", "name": "Roberto M.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-4.jpeg", "imageAlt": "food blogger reviewing restaurant" },
            { "id": "5", "name": "Gabriela F.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-5.jpeg", "imageAlt": "satisfied customer thumbs up" },
            { "id": "6", "name": "Andrés P.", "imageSrc": "https://img.freepik.com/free-photo/freepik-image-testimonial-testimonial-6.jpeg", "imageAlt": "group of friends eating dinner" }
          ]}
          cardTitle="Sabores que Conquistan Paladares"
          cardTag="Opiniones de Nuestros Clientes"
          cardAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqSplitText
          faqs={[
            { "id": "faq-1", "title": "¿Se necesita reserva para comer?", "content": "Recomendamos hacer una reserva, especialmente los fines de semana y festivos, para asegurar tu lugar y evitar esperas. Puedes reservar a través de WhatsApp." },
            { "id": "faq-2", "title": "¿Ofrecen opciones para llevar o delivery?", "content": "Sí, todos nuestros platillos están disponibles para llevar. También contamos con servicio de delivery en la zona de Nuevo Chimbote y alrededores. ¡Consulta por los costos!" },
            { "id": "faq-3", "title": "¿Hay opciones vegetarianas o veganas?", "content": "Nuestra especialidad son las carnes ahumadas. Sin embargo, tenemos una selección de acompañamientos y ensaladas frescas que se adaptan a dietas vegetarianas." },
            { "id": "faq-4", "title": "¿Puedo pedir para eventos especiales o catering?", "content": "¡Claro! Ofrecemos opciones de catering personalizadas para eventos y celebraciones. Contáctanos con anticipación para discutir tus necesidades y crear un menú a medida." }
          ]}
          sideTitle="¿Tienes Preguntas?"
          sideDescription="Encuentra respuestas a las preguntas más frecuentes sobre El Conde Casa de Humo, desde reservas hasta nuestros platillos especiales y servicios."
          faqsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactCenter
          tag="Contáctanos"
          title="¿Listo para tu Experiencia Ahumada?"
          description="Envíanos un mensaje para reservas, pedidos especiales o cualquier consulta. ¡Estamos listos para atenderte y hacer de tu visita una ocasión memorable!"
          background={{ "variant": "radial-gradient" }}
          useInvertedBackground={true}
          inputPlaceholder="Tu correo electrónico"
          buttonText="Enviar Mensaje"
          termsText="Al hacer clic en 'Enviar Mensaje', confirmas que estás de acuerdo con nuestra política de privacidad."
        />
      </div>
      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <FooterLogoEmphasis
          logoText="El Conde Casa de Humo"
          columns={[
            { "items": [{ "label": "Inicio", "href": "#hero" }, { "label": "Historia", "href": "#about" }, { "label": "Menú", "href": "#menu" }, { "label": "Reservar", "href": "#contact" }] },
            { "items": [{ "label": "Dirección", "href": "https://maps.app.goo.gl/v6qNE5eUWQmG77227" }, { "label": "WhatsApp: +51 965 316 290", "href": "https://wa.me/51965316290" }, { "label": "Teléfono: +51 960 620 287", "href": "tel:+51960620287" }] },
            { "items": [{ "label": "Facebook", "href": "https://www.facebook.com/ElCondeCasadeHumo" }, { "label": "Instagram", "href": "https://www.instagram.com/elcondecasadehumo" }] }
          ]}
          logoSrc="https://img.freepik.com/free-photo/freepik-image-logo-footer-logo.jpeg"
        />
      </div>
    </ThemeProvider>
  );
}
