"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Flame, Heart, Utensils, Star, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "Menú", id: "menu" },
            { name: "Reseñas", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          brandName="Mild & Limon"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Mild & Limon"
          description="Auténtica comida mexicana en Alcalá de Henares 🌮"
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "María González",              handle: "@maria_food_lover",              testimonial: "¡Los nachos increíbles! Atención rápida y comida excelente. Volveré definitivamente.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-people-talking-about-new-project_23-2148778072.jpg?_wi=1",              imageAlt: "María González testimonial"
            },
            {
              name: "Carlos López",              handle: "@carlos_dining",              testimonial: "Buen ambiente y platos deliciosos. La experiencia fue perfecta de principio a fin.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg?_wi=1",              imageAlt: "Carlos López testimonial"
            },
            {
              name: "Ana Martínez",              handle: "@ana_taste_explorer",              testimonial: "Autenticidad mexicana en cada plato. El equipo es muy acogedor y atento.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg?_wi=1",              imageAlt: "Ana Martínez testimonial"
            },
            {
              name: "Jorge Ruiz",              handle: "@jorge_restaurant_critic",              testimonial: "Una joya culinaria. Recomiendo sin dudarlo. ¡La mejor comida mexicana de la zona!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/two-friends-women-are-eating-restaurant-saying-toast_8353-10576.jpg?_wi=1",              imageAlt: "Jorge Ruiz testimonial"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          tag="Restaurante Mexicano"
          tagIcon={Flame}
          tagAnimation="slide-up"
          buttons={[{ text: "Ver menú", href: "#menu" }]}
          buttonAnimation="slide-up"
          mediaAnimation="none"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Sobre Mild & Limon"
          description="Somos un restaurante de auténtica comida mexicana ubicado en el corazón de Alcalá de Henares. Nuestro compromiso es ofrecer experiencias culinarias memorables con ingredientes frescos, técnicas tradicionales y un servicio excepcional. Cada plato cuenta una historia de tradición mexicana."
          tag="Nuestra Historia"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[{ text: "Reservar mesa", href: "#contact" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/sauces-food-near-blackboard_23-2147740818.jpg?_wi=1"
          imageAlt="Interior del restaurante Mild & Limon"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          products={[
            {
              id: "nachos",              name: "Nachos",              price: "€9,99",              variant: "Con queso, guacamole y carne",              imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-hummus-with-olive-oil-pita-chips_2829-16644.jpg",              imageAlt: "Nachos con queso y guacamole"
            },
            {
              id: "tacos",              name: "Tacos",              price: "€8,99",              variant: "Pollo, carne o vegetarianos",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food-composition_23-2148131285.jpg",              imageAlt: "Tacos auténticos mexicanos"
            },
            {
              id: "quesadillas",              name: "Quesadillas",              price: "€10,99",              variant: "Queso fundido con ingredientes a elegir",              imageSrc: "http://img.b2bpic.net/free-photo/mexican-chicken-quesadillas-with-cheese-peppers-isolated-white-background_123827-26427.jpg",              imageAlt: "Quesadillas con queso fundido"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="🍽️ Nuestro Menú"
          description="Descubre nuestras especialidades de auténtica comida mexicana. Cada plato es preparado con ingredientes frescos y técnicas tradicionales."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Especialidades"
          tagIcon={Utensils}
          tagAnimation="slide-up"
          buttons={[{ text: "Ver más", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Ejecutiva",              company: "TechCorp",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-people-talking-about-new-project_23-2148778072.jpg?_wi=2"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Empresario",              company: "InnovateLab",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-woman-sunglasses-enjoying-asian-food-s_197531-31013.jpg?_wi=2"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Directora",              company: "GrowthCo",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg?_wi=2"
            },
            {
              id: "4",              name: "David Kim",              role: "Gerente",              company: "StartupXYZ",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/two-friends-women-are-eating-restaurant-saying-toast_8353-10576.jpg?_wi=2"
            }
          ]}
          kpiItems={[
            { value: "500+", label: "Clientes satisfechos" },
            { value: "4.9★", label: "Calificación promedio" },
            { value: "2 años", label: "De excelencia culinaria" }
          ]}
          animationType="slide-up"
          title="⭐ Lo que nuestros clientes dicen"
          description="Nos enorgullece recibir reseñas positivas de nuestros clientes. Cada opinión nos motiva a mejorar continuamente."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Reseñas"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "Leer más reseñas", href: "#contact" }]}
          buttonAnimation="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Ubicación"
          title="📍 Contacto"
          description="¿Tienes preguntas o quieres hacer una reserva? Contáctanos directamente o visítanos en nuestro restaurante en Alcalá de Henares."
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          mediaAnimation="none"
          mediaPosition="right"
          inputPlaceholder="Tu correo electrónico"
          buttonText="Enviar"
          termsText="Al hacer clic en Enviar, confirmas que aceptas nuestras Políticas de Privacidad."
          imageSrc="http://img.b2bpic.net/free-photo/sauces-food-near-blackboard_23-2147740818.jpg?_wi=2"
          imageAlt="Ubicación del restaurante"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Menú",              items: [
                { label: "Nachos", href: "#menu" },
                { label: "Tacos", href: "#menu" },
                { label: "Quesadillas", href: "#menu" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre nosotros", href: "#about" },
                { label: "Ubicación", href: "#contact" },
                { label: "Reseñas", href: "#testimonials" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Teléfono: 696 32 48 97", href: "tel:+34696324897" },
                { label: "Horario: Hasta las 23:00", href: "#" },
                { label: "Alcalá de Henares", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2026 Mild & Limon La Garena"
          bottomRightText="Todos los derechos reservados"
        />
      </div>
    </ThemeProvider>
  );
}