"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Heart, ShoppingBag, Utensils } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Quebrantá"
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Nosotros", id: "about" },
            { name: "Platos", id: "products" },
            { name: "Testimonios", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{
            text: "Reservar",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Alta cocina peruana que enamora en cada plato"
          description="Quebrantá reúne generosos platos de ejecución impecable, atención minuciosa y un ambiente cálido y elegante. Cada visita es una experiencia memorable que justifica el valor premium."
          background={{ variant: "radial-gradient" }}
          tag="Rengo, Chile"
          tagAnimation="slide-up"
          buttons={[
            { text: "Reservar ahora", href: "#contact" },
            { text: "Explorar menú", href: "#products" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg"
          imageAlt="Interior elegante de Quebrantá con iluminación cálida"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="La esencia de la cocina peruana, elevada"
          description="En Quebrantá, honramos las tradiciones culinarias peruanas con técnicas refinadas y ingredientes premium. Nuestro compromiso es ofrecer una experiencia gastronómica que transporte a nuestros huéspedes a través de los sabores más auténticos y sofisticados del Perú."
          tag="Nuestra historia"
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Ingredientes Premium",              description: "Seleccionados cuidadosamente de proveedores locales y especializados para garantizar frescura y calidad superior.",              icon: ShoppingBag
            },
            {
              title: "Chef Experto",              description: "Con más de 20 años en alta cocina peruana, nuestro chef lidera la innovación respetando la tradición.",              icon: Utensils
            },
            {
              title: "Experiencia Memorable",              description: "Cada detalle, desde la presentación hasta el servicio, está diseñado para crear momentos inolvidables.",              icon: Heart
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/female-chef-pouring-food-plate_23-2148763152.jpg"
          imageAlt="Chef preparando un plato con precisión"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Nuestros platos insignia"
          description="Cada plato es una obra maestra culinaria que combina técnica refinada con sabores auténticos peruanos."
          tag="Especialidades"
          tagAnimation="slide-up"
          products={[
            {
              id: "ceviche",              name: "Ceviche Clásico",              price: "$48.000",              imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-hamaji-fish-meat-sashimi-white-plate_1203-9435.jpg",              imageAlt: "Ceviche clásico peruano"
            },
            {
              id: "lomo-saltado",              name: "Lomo Saltado Premium",              price: "$65.000",              imageSrc: "http://img.b2bpic.net/free-photo/carpaccio-with-meat-with-pineapple_140725-3992.jpg",              imageAlt: "Lomo saltado con papas crujientes"
            },
            {
              id: "causa",              name: "Causa Limeña",              price: "$38.000",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dessert-plate-with-plant-vase_23-2148696218.jpg",              imageAlt: "Causa limeña con aguacate"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Lo que dicen nuestros huéspedes"
          description="La satisfacción de nuestros comensales es el reflejo de nuestro compromiso con la excelencia."
          tag="Testimonios"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Catalina Rodríguez",              date: "Hace 2 semanas",              title: "Empresaria",              quote: "Una experiencia gastronómica excepcional. La precisión en cada plato y la calidez del servicio hicieron que esta fuera una noche inolvidable.",              tag: "Cena especial",              avatarSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",              avatarAlt: "Catalina Rodríguez"
            },
            {
              id: "2",              name: "Roberto Sánchez",              date: "Hace 1 mes",              title: "Ejecutivo",              quote: "Perfecto para reuniones de negocios. El ambiente es elegante, la comida excepcional y el equipo impecable.",              tag: "Reunión ejecutiva",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22386.jpg",              avatarAlt: "Roberto Sánchez"
            },
            {
              id: "3",              name: "Valentina Méndez",              date: "Hace 3 semanas",              title: "Crítica gastronómica",              quote: "Quebrantá destaca por su honestidad culinaria. Respetan la tradición sin miedo a innovar. Verdaderamente auténtico.",              tag: "Crítica profesional",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              avatarAlt: "Valentina Méndez"
            },
            {
              id: "4",              name: "Francisco Vargas",              date: "Hace 1 mes",              title: "Sommelier",              quote: "La selección de vinos complementa magistralmente cada plato. El sommelier demuestra profundo conocimiento y pasión.",              tag: "Pareado de vinos",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",              avatarAlt: "Francisco Vargas"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Reconocimientos y presencia"
          description="Quebrantá ha sido destacado en las principales publicaciones de gastronomía y viajes de América Latina."
          tag="En los medios"
          tagAnimation="slide-up"
          names={[
            "Guía Michelin",            "Gastrolat Magazine",            "Chef's Table Network",            "Sabores de Chile",            "Luxury Travel Guide",            "Peruvian Cuisine Today",            "Latin America Dining Awards"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Preguntas frecuentes"
          description="Resolvemos tus dudas sobre reservas, menús especiales y nuestra propuesta gastronómica."
          tag="Información útil"
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "¿Cómo hago una reserva en Quebrantá?",              content: "Puedes reservar a través de nuestro sitio web, llamando al teléfono (+56 72) 1234567 o enviando un correo a reservas@quebrantá.cl. Recomendamos reservar con al menos una semana de anticipación para asegurar disponibilidad."
            },
            {
              id: "2",              title: "¿Ofrecen menús degustación?",              content: "Sí, ofrecemos un menú degustación de 7 tiempos con maridaje de vinos seleccionados. Este debe solicitarse con mínimo 3 días de anticipación para su preparación."
            },
            {
              id: "3",              title: "¿Tienen opciones para dietas especiales?",              content: "Por supuesto. Contamos con opciones vegetarianas, sin gluten y otras restricciones dietarias. Por favor, menciona tus necesidades al momento de la reserva."
            },
            {
              id: "4",              title: "¿Es pet-friendly el restaurante?",              content: "Contamos con un área exterior cómoda y segura donde puedes disfrutar acompañado de tu mascota. Consulta disponibilidad al momento de reservar."
            },
            {
              id: "5",              title: "¿Ofrecen espacios privados para eventos?",              content: "Sí, contamos con un salón privado con capacidad para hasta 50 personas, perfecto para reuniones ejecutivas y celebraciones especiales."
            },
            {
              id: "6",              title: "¿Cuál es el código de vestimenta?",              content: "Recomendamos un look casual elegante. No se requiere traje formal, pero apreciamos el cuidado en la presentación personal."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Reserva tu experiencia"
          tagAnimation="slide-up"
          title="Vive una experiencia gastronómica incomparable"
          description="Contáctanos para reservar tu mesa en Quebrantá. Nuestro equipo estará encantado de ayudarte a planificar una velada memorable."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Llamar ahora", href: "tel:+56721234567" },
            { text: "Enviar correo", href: "mailto:reservas@quebrantá.cl" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Quebrantá"
          leftLink={{
            text: "Privacidad",            href: "#"
          }}
          rightLink={{
            text: "Redes sociales",            href: "https://instagram.com"
          }}
        />
      </div>
    </ThemeProvider>
  );
}