"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Leaf, ChefHat, Flame, Wine, Heart, Sparkles, Calendar, Clock, MapPin, Users, CircleDollarSign, ArrowLeftRight, Send, TrendingUp, ShoppingCart, Globe } from 'lucide-react';

const navItems = [
  { name: "Inicio", id: "hero" },
  { name: "Nosotros", id: "about" },
  { name: "Menú", id: "features" },
  { name: "Ubicación", id: "product" },
  { name: "Contacto", id: "contact" }
];

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Vallesco"
          navItems={navItems}
          button={{
            text: "Reservar Mesa",            href: "tel:+525512345678"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Donde la tierra se vuelve cocina"
          description="Gastronomía de alta calidad a precios accesibles. Disfruta de nuestro mole de avellana premiado y menú estacional elaborado con ingredientes locales en el corazón de Tlalpan."
          tag="Fine Dining Mexicano"
          tagIcon={Leaf}
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Llamar Ahora", href: "tel:+525512345678" },
            { text: "Ver Menú", href: "#features" }
          ]}
          dashboard={{
            title: "Experiencia Vallesco",            logoIcon: Sparkles,
            imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-mexican-style-delicious-pork-flautas-white-plate_181624-38905.jpg",            imageAlt: "mole plate gourmet food Mexican cuisine fine dining",            buttons: [
              { text: "Reservar", href: "tel:+525512345678" },
              { text: "Eventos", href: "#contact" }
            ],
            sidebarItems: [
              { icon: Clock },
              { icon: MapPin },
              { icon: Users }
            ],
            stats: [
              { title: "Mesas", values: [30, 35, 32], description: "Disponibles para reserva" },
              { title: "Calificación", values: [4.7, 4.8, 4.7], valueSuffix: "★", description: "En Google y plataformas locales" },
              { title: "Años", values: [15, 15, 15], description: "De experiencia gastronómica" }
            ],
            searchPlaceholder: "¿Qué buscas?",            chartTitle: "Reservas Este Mes",            chartData: [
              { value: 65 },
              { value: 80 },
              { value: 75 },
              { value: 90 },
              { value: 85 }
            ],
            listTitle: "Eventos Próximos",            listItems: [
              { icon: Wine, title: "Cena de Maridaje", status: "Este Sábado" },
              { icon: Users, title: "Reserva Privada", status: "Próxima Semana" },
              { icon: Sparkles, title: "Menú Degustación", status: "Confirmado" }
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Una mujer empresaria revolucionando la gastronomía mexicana, ofreciendo lujo accesible con atención personalizada en cada plato"
          useInvertedBackground={false}
          metrics={[
            { icon: Sparkles, label: "Calidad Premium", value: "4.7★" },
            { icon: Leaf, label: "Ingredientes Locales", value: "100%" },
            { icon: Users, label: "Clientes Satisfechos", value: "5K+" },
            { icon: Clock, label: "Años de Trayectoria", value: "15+" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Nuestro Menú Estacional"
          description="Cada temporada trae nuevas inspiraciones. Descubre nuestras creaciones basadas en ingredientes frescos y técnicas tradicionales mexicanas."
          features={[
            {
              icon: ChefHat,
              title: "Mole de Avellana",              description: "Nuestra receta insignia. Preparado con avellanas tostadas, chocolate oscuro y más de 25 especias en un proceso que toma días de dedicación."
            },
            {
              icon: Leaf,
              title: "Ensalada de Nopal",              description: "Ingredientes frescos del Valle Escondido. El nopal se cosecha localmente y se prepara con vinagreta de cilantro y chile de árbol."
            },
            {
              icon: Flame,
              title: "Especialidades Estacionales",              description: "Nuestro chef rota el menú según las mejores cosechas locales. Cada mes trae nuevas sorpresas gastronómicas."
            },
            {
              icon: Wine,
              title: "Maridaje de Bebidas",              description: "Selección cuidada de mezcales, vinos mexicanos y bebidas artesanales que complementan perfectamente nuestros platillos."
            },
            {
              icon: Heart,
              title: "Tapas y Entradas",              description: "Pequeños platillos que cuentan historias. Perfectos para compartir y explorar nuestra filosofía culinaria."
            },
            {
              icon: Sparkles,
              title: "Postres Tradicionales",              description: "Finales dulces que honran la repostería mexicana clásica con un toque de modernidad gastronómica."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Información y Ubicación"
          description="Visítanos en el corazón de Tlalpan. Un lugar cálido y acogedor donde cada detalle refleja nuestra pasión por la gastronomía mexicana."
          products={[
            {
              id: "1",              name: "Ubicación",              price: "Tlalpan, CDMX",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-pushpin-stucked-map_23-2147837095.jpg",              imageAlt: "Mexico City map Tlalpan location neighborhood street view"
            },
            {
              id: "2",              name: "Horario de Atención",              price: "Jueves a Domingo",              imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg?_wi=1",              imageAlt: "restaurant interior dining room ambiance warm lighting"
            },
            {
              id: "3",              name: "Ambiente Íntimo",              price: "30 cubiertos máx.",              imageSrc: "http://img.b2bpic.net/free-photo/vegetables-fresh-bio-vegetable-basket_127032-1802.jpg?_wi=1",              imageAlt: "seasonal food fresh harvest local ingredients gourmet"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Reconocimientos y Confianza"
          description="Valorado por locales, turistas y guías especializadas en gastronomía mexicana de calidad."
          tag="Certificaciones"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Google Reviews 4.7★",            "Guía Local Destacado",            "Chef Recomendado",            "Mesa para Dos Favorito",            "TripAdvisor Top Rated",            "Gastronomía Auténtica",            "Destino Michoacán"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Lo que Dicen Nuestros Clientes"
          description="Historias reales de comensales que han experimentado la magia gastronómica de Vallesco."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "María Fernández, Residente de Tlalpan",              date: "Date: 15 Noviembre 2024",              title: "Una joya gastronómica en nuestro barrio",              quote: "Llevo años visitando Vallesco. Cada visita es especial. El mole es incomparable y la dueña siempre se preocupa por que cada cliente se sienta como familia. Esto es lo que es comida con amor.",              tag: "Cliente Frecuente",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              avatarAlt: "professional portrait satisfied customer confident smiling",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookies-concept_23-2148751715.jpg",              imageAlt: "mole sauce traditional Mexican gourmet preparation avellana"
            },
            {
              id: "2",              name: "Carlos Mendez, Turista de Visitante",              date: "Date: 8 Noviembre 2024",              title: "La mejor comida mexicana que he probado",              quote: "Vinimos recomendados por un amigo local. No esperábamos encontrar un lugar tan auténtico y de calidad. El precio es increíblemente justo para la experiencia que recibes. Definitivamente volveremos cuando visitemos México nuevamente.",              tag: "Recomendación Boca a Boca",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",              avatarAlt: "professional portrait happy client pleased portrait",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-chiles-en-nogada-plate-wooden-board-table_181624-43895.jpg",              imageAlt: "nopal salad Mexican salad fresh ingredients seasonal"
            },
            {
              id: "3",              name: "Patricia González, Organizadora de Eventos",              date: "Date: 1 Noviembre 2024",              title: "Perfecto para cenas privadas",              quote: "Realizamos una cena corporativa en Vallesco para 25 personas. El servicio fue impecable, la comida excelente y la dueña fue extremadamente atenta a cada detalle. Nuestros clientes aún hablan de esa noche. Es el lugar ideal para eventos especiales.",              tag: "Eventos Corporativos",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait event organizer confident professional",              imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg?_wi=2",              imageAlt: "restaurant interior dining room ambiance warm lighting"
            },
            {
              id: "4",              name: "Jorge Luis Ruiz, Entusiasta Gastronómico",              date: "Date: 25 Octubre 2024",              title: "Tradición con maestría",              quote: "Como amante de la comida mexicana auténtica, he visitado muchos lugares. Vallesco es diferente. Cada plato cuenta una historia y se nota el tiempo dedicado en la preparación. La relación precio-calidad es insuperable en la ciudad.",              tag: "Crítico Culinario",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg",              avatarAlt: "professional portrait foodie enthusiast portrait",              imageSrc: "http://img.b2bpic.net/free-photo/vegetables-fresh-bio-vegetable-basket_127032-1802.jpg?_wi=2",              imageAlt: "seasonal food fresh harvest local ingredients gourmet"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reservas y Eventos"
          title="Contáctanos para tu próxima experiencia gastronómica"
          description="¿Deseas reservar una mesa? ¿Planeas un evento especial o una cena privada? Nos encantaría ser parte de tus momentos importantes."
          tagIcon={Calendar}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Tu correo electrónico"
          buttonText="Solicitar Información"
          termsText="Al enviar este formulario, autorízanos a contactarte con disponibilidad de mesas y ofertas especiales. Tu privacidad es importante para nosotros."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Vallesco"
          columns={[
            {
              title: "Navegación",              items: [
                { label: "Inicio", href: "#hero" },
                { label: "Nosotros", href: "#about" },
                { label: "Menú", href: "#features" },
                { label: "Ubicación", href: "#product" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Teléfono", href: "tel:+525512345678" },
                { label: "WhatsApp", href: "https://wa.me/525512345678" },
                { label: "Email", href: "mailto:info@vallesco.com" },
                { label: "Ubicación", href: "#product" }
              ]
            },
            {
              title: "Redes Sociales",              items: [
                { label: "Instagram", href: "https://instagram.com/vallesco" },
                { label: "Facebook", href: "https://facebook.com/vallesco" },
                { label: "Google Maps", href: "https://maps.google.com/maps/place/Vallesco" },
                { label: "TripAdvisor", href: "https://tripadvisor.com/restaurant/vallesco" }
              ]
            },
            {
              title: "Información",              items: [
                { label: "Reservaciones", href: "tel:+525512345678" },
                { label: "Eventos Privados", href: "#contact" },
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Vallesco Restaurante | Donde la tierra se vuelve cocina"
        />
      </div>
    </ThemeProvider>
  );
}
