"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { CalendarCheck, Clock, Flame, HelpCircle, Heart, Instagram, Linkedin, Sparkles, Star, UtensilsCrossed, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Rukito"
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Acerca de", id: "about" },
            { name: "Menú", id: "products" },
            { name: "Equipo", id: "team" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{ text: "Reservar Mesa", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Bienvenido a Rukito Grill & Drinks"
          description="La experiencia de fuego, sabor y pasión. Vive la excelencia culinaria con nuestros cortes premium, mariscos frescos y cócteles artesanales en el corazón de Guayaquil."
          tag="Guayaquil"
          tagIcon={Flame}
          tagAnimation="slide-up"
          buttons={[
            { text: "Reservar Ahora", href: "#contact" },
            { text: "Ver Menú", href: "#products" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/waiter-pours-oil-into-burning-steak-frying-pan_140725-5266.jpg?_wi=1", imageAlt: "grilled steak perfectly cooked medium rare" },
            { imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cocktail-party_1098-21934.jpg?_wi=1", imageAlt: "craft cocktails bar elegant presentation" },
            { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=1", imageAlt: "upscale restaurant interior elegant dining" },
            { imageSrc: "http://img.b2bpic.net/free-photo/plate-tasty-salmon-steak-with-sauce-puree-modern-food-restaurant_8353-7022.jpg?_wi=1", imageAlt: "grilled seafood fresh fish restaurant" },
            { imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=1", imageAlt: "signature dish restaurant special creation" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-liver-pate-black-board-table_140725-12785.jpg", imageAlt: "wine collection elegant bottles display" }
          ]}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Nuestra Historia"
          description="Rukito Grill & Drinks nace de la pasión por la gastronomía ecuatoriana y la excelencia culinaria. Con más de una década de experiencia, hemos consolidado nuestra reputación como destino gastronómico premium en Guayaquil, donde cada plato cuenta una historia de sabor, calidad y dedicación."
          tag="Desde 2010"
          tagIcon={Clock}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg"
          imageAlt="Fachada del Restaurante Rukito"
          mediaAnimation="opacity"
          metricsAnimation="slide-up"
          metrics={[
            { value: "15+", title: "Años de Excelencia" },
            { value: "50+", title: "Platos Únicos" },
            { value: "1000+", title: "Clientes Mensuales" },
            { value: "25", title: "Profesionales" }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Nuestras Especialidades"
          description="Descubre nuestras creaciones culinarias más destacadas, seleccionadas con ingredientes premium y técnicas de cocción perfectas. Cada plato es una experiencia única de sabor."
          tag="Menú Premium"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          buttons={[
            { text: "Ver Menú Completo", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "carne-premium",              brand: "Rukito",              name: "Carne Angus Prime",              price: "$48",              rating: 5,
              reviewCount: "180+",              imageSrc: "http://img.b2bpic.net/free-photo/waiter-pours-oil-into-burning-steak-frying-pan_140725-5266.jpg?_wi=2",              imageAlt: "Carne Angus Prime"
            },
            {
              id: "mariscos-frescos",              brand: "Rukito",              name: "Camarones a la Parrilla",              price: "$36",              rating: 5,
              reviewCount: "150+",              imageSrc: "http://img.b2bpic.net/free-photo/plate-tasty-salmon-steak-with-sauce-puree-modern-food-restaurant_8353-7022.jpg?_wi=2",              imageAlt: "Camarones a la Parrilla"
            },
            {
              id: "especial-casa",              brand: "Rukito",              name: "Plato del Chef",              price: "$52",              rating: 5,
              reviewCount: "200+",              imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=2",              imageAlt: "Plato del Chef"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Experiencias Incomparables"
          description="Vive la experiencia completa con nuestros servicios premium diseñados para cada momento especial."
          tag="Servicios"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              tag: "Cocina",              title: "Parrilla Artesanal",              subtitle: "Técnicas Premium",              description: "Nuestros maestros de parrilla preparan cada corte con precisión, usando técnicas tradicionales y modernas.",              imageSrc: "http://img.b2bpic.net/free-photo/waiter-pours-oil-into-burning-steak-frying-pan_140725-5266.jpg?_wi=3"
            },
            {
              id: 2,
              tag: "Bar",              title: "Cócteles Artesanales",              subtitle: "Mixología Expertise",              description: "Cócteles creativos elaborados con licores premium y ingredientes frescos. Cada trago es una creación única.",              imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cocktail-party_1098-21934.jpg?_wi=2"
            },
            {
              id: 3,
              tag: "Ambiente",              title: "Ambiente Sofisticado",              subtitle: "Diseño Elegante",              description: "Ven a disfrutar en nuestro espacio contemporáneo con iluminación cálida y ambiente perfecto para cualquier ocasión.",              imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=2"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Nuestro Equipo Experto"
          description="Conoce a los profesionales detrás de cada experiencia excepcional en Rukito Grill & Drinks."
          tag="Profesionales"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          members={[
            {
              id: "chef-principal",              name: "Chef Marco Delgado",              role: "Chef Ejecutivo",              description: "20 años de experiencia en gastronomía internacional. Especialista en carnes y técnicas de fuego.",              imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            },
            {
              id: "bartender-principal",              name: "Carlos Mendoza",              role: "Head Bartender",              description: "Maestro mixólogo con certificación internacional. Creador de nuestros cócteles de firma.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barman-pouring-cocktail-glass_23-2148209398.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            },
            {
              id: "gerente",              name: "Patricia García",              role: "Gerente General",              description: "Dedicada a crear experiencias memorables. 15 años en hospitalidad de lujo.",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-holding-black-jacket-his-arm_114579-15947.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            },
            {
              id: "sommelier",              name: "Diego Ríos",              role: "Sommelier",              description: "Experto en vinos ecuatorianos e internacionales. Crea maridajes perfectos para cada plato.",              imageSrc: "http://img.b2bpic.net/free-photo/person-virtual-date_23-2149296052.jpg",              socialLinks: [
                { icon: Linkedin, url: "#" },
                { icon: Instagram, url: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Lo que Dicen Nuestros Clientes"
          description="Testimonios auténticos de quienes han vivido la experiencia Rukito Grill & Drinks."
          tag="Reseñas"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Roberto Sáenz",              handle: "@robertosaenz",              testimonial: "La mejor experiencia gastronómica en Guayaquil. La calidad de la carne y la atención son impecables. Recomendado 100%.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Roberto Sáenz",              icon: Heart
            },
            {
              id: "2",              name: "Alejandra Torres",              handle: "@alejatorres_gye",              testimonial: "Celebramos nuestro aniversario aquí y fue perfecto. Ambiente elegante, comida exquisita y servicio excepcional.",              imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",              imageAlt: "Alejandra Torres",              icon: Heart
            },
            {
              id: "3",              name: "Fernando López",              handle: "@ferlopezec",              testimonial: "Los cócteles del bartender Carlos son obras de arte. Cada visita descubro nuevos sabores. Lugar imprescindible.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1013.jpg",              imageAlt: "Fernando López",              icon: Heart
            },
            {
              id: "4",              name: "Catalina Morales",              handle: "@catmorales_pty",              testimonial: "La atención al detalle en cada plato es excepcional. El chef Marco conoce su oficio. Volveré sin dudarlo.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              imageAlt: "Catalina Morales",              icon: Heart
            },
            {
              id: "5",              name: "Andrés Vélez",              handle: "@andresvelez.ec",              testimonial: "Traté a mis socios aquí y quedaron impresionados. El ambiente es perfecto para negocios y socializar.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",              imageAlt: "Andrés Vélez",              icon: Heart
            },
            {
              id: "6",              name: "Mariana Ruiz",              handle: "@marianitz_ruiz",              testimonial: "La variedad de mariscos frescos es increíble. Definitivamente el mejor grill bar de la ciudad.",              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",              imageAlt: "Mariana Ruiz",              icon: Heart
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Preguntas Frecuentes"
          description="Resolvemos tus dudas sobre reservaciones, horarios, menú y más."
          tag="Información"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/business-people-using-tablet-1_1262-1377.jpg"
          imageAlt="Interior del restaurante Rukito"
          mediaAnimation="opacity"
          mediaPosition="right"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "¿Cómo hago una reservación?",              content: "Puedes reservar a través de nuestro formulario de contacto, llamando directamente o visitando nuestro sitio web. Recomendamos reservar con anticipación, especialmente para fines de semana."
            },
            {
              id: "2",              title: "¿Cuál es el horario de atención?",              content: "Abrimos de martes a domingo de 12:00 PM a 11:00 PM. Lunes cerrado. Los jueves y viernes estamos abiertos hasta medianoche."
            },
            {
              id: "3",              title: "¿Ofrecen opciones vegetarianas?",              content: "Sí, contamos con opciones vegetarianas y veganas. Consulta con nuestro staff por las especiales del día que se ajusten a tu dieta."
            },
            {
              id: "4",              title: "¿Puedo hacer eventos privados?",              content: "Absolutamente. Contamos con espacios disponibles para eventos corporativos, cenas privadas y celebraciones especiales. Contáctanos para detalles."
            },
            {
              id: "5",              title: "¿Tienen estacionamiento?",              content: "Sí, disponemos de estacionamiento propio y también contamos con acceso a estacionamientos cercanos en la zona."
            },
            {
              id: "6",              title: "¿Aceptan tarjeta de crédito?",              content: "Aceptamos todas las tarjetas de crédito principales, efectivo y transferencias bancarias. También contamos con opciones de pago digital."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reservaciones"
          title="Únete a Nuestra Mesa"
          description="Reserva tu experiencia en Rukito Grill & Drinks. Completa el formulario y nos pondremos en contacto para confirmar tu reservación. Teléfono: +593 099 280 7988"
          tagIcon={CalendarCheck}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
          inputPlaceholder="Tu correo electrónico"
          buttonText="Reservar Ahora"
          termsText="Al reservar, aceptas nuestros términos de servicio y política de cancelación."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Rukito Grill & Drinks"
          copyrightText="© 2024 Rukito Grill & Drinks. Todos los derechos reservados."
          columns={[
            {
              title: "Menú",              items: [
                { label: "Inicio", href: "#hero" },
                { label: "Acerca de", href: "#about" },
                { label: "Especialidades", href: "#products" },
                { label: "Nuestro Equipo", href: "#team" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Teléfono: +593 099 280 7988", href: "tel:+593099280798" },
                { label: "Dirección: Av. Principal, Guayaquil", href: "#" },
                { label: "Email: info@rukitogrill.ec", href: "mailto:info@rukitogrill.ec" },
                { label: "Reservaciones", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cancelación", href: "#" },
                { label: "Contacto", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}