"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardTwentyEight from "@/components/sections/feature/FeatureCardTwentyEight";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Leaf, ChefHat, Home, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"hover-bubble"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"pill"}
      contentWidth={"medium"}
      sizing={"largeSmallSizeLargeTitles"}
      background={"circleGradient"}
      cardStyle={"gradient-radial"}
      primaryButtonStyle={"diagonal-gradient"}
      secondaryButtonStyle={"glass"}
      headingFontWeight={"semibold"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName={"Comida Coreana"}
          navItems={[
            { name: "Inicio", id: "#hero" },
            { name: "Nosotros", id: "#about" },
            { name: "Nuestra Carta", id: "#menu" },
            { name: "Experiencia", id: "#features" },
            { name: "Precios", id: "#pricing" },
            { name: "Reseñas", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contacto", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText={"Comida Coreana"}
          description={
            "Auténtico sabor de Corea en el corazón de Curicó. Sumérgete en una experiencia culinaria inolvidable con nuestros platos tradicionales y ambiente acogedor."
          }
          buttons={[
            { text: "Ver Carta", href: "#menu" },
            { text: "Reservar Ahora", href: "#contact" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/chinese-new-year-reunion-dinner-scene-with-delicious-food_23-2151040624.jpg", imageAlt: "Bibimbap coreano con verduras y huevo" },
            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678737.jpg", imageAlt: "Ramen coreano picante con fideos y caldo" },
            { imageSrc: "http://img.b2bpic.net/free-photo/tofu-yolk-boiled-spicy-soup_1150-42898.jpg", imageAlt: "Kimchi Jjigae hirviendo en una olla" },
            { imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg", imageAlt: "Bulgogi (BBQ Coreano) en la parrilla" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-meal-black-plate-dinner-dark-background_140725-94451.jpg", imageAlt: "Tteokbokki (pastel de arroz picante) con queso" },
            { imageSrc: "http://img.b2bpic.net/free-photo/salted-pickled-mustard-salad-thai-food_1150-23109.jpg", imageAlt: "Japchae (fideos de vidrio) con verduras" }
          ]}
          useInvertedBackground={false}
        />
      </div>
      <div id="about" data-section="about">
        <SplitAbout
          title={"Nuestra Pasión por la Cocina Coreana"}
          description={
            "En Comida Coreana, nos dedicamos a traer los sabores vibrantes y auténticos de Corea directamente a tu mesa. Cada plato es preparado con ingredientes frescos y recetas tradicionales que han sido perfeccionadas a lo largo de generaciones. Disfruta de una experiencia culinaria genuina y un servicio excepcional."
          }
          bulletPoints={[
            {
              title: "Ingredientes Frescos",              description:
                "Seleccionamos los mejores productos locales y de importación para garantizar la máxima calidad en cada bocado.",              icon: Leaf
            },
            {
              title: "Recetas Auténticas",              description:
                "Nuestros chefs utilizan técnicas culinarias coreanas tradicionales, asegurando una experiencia gastronómica fiel a sus raíces.",              icon: ChefHat
            },
            {
              title: "Ambiente Acogedor",              description:
                "Disfruta de un espacio cómodo y tranquilo, perfecto para compartir con familiares y amigos.",              icon: Home
            }
          ]}
          imageSrc={"http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg"}
          imageAlt={"Interior acogedor de restaurante coreano"}
          mediaAnimation={"slide-up"}
          textboxLayout={"default"}
          useInvertedBackground={true}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyEight
          title={"Una Experiencia Culinaria Única"}
          description={
            "Más allá de la comida, ofrecemos un servicio atento y un ambiente que te transportará a Corea. Descubre por qué somos el restaurante favorito de muchos."
          }
          features={[
            {
              id: "f1",              title: "Servicio Excepcional",              subtitle:
                "Siempre preocupados por tu bienestar y satisfacción, nuestro personal está listo para atender tus necesidades.",              category: "Atención",              value: "Personalizado"
            },
            {
              id: "f2",              title: "Platos Generosos y Deliciosos",              subtitle:
                "Nuestras porciones son abundantes y cada plato está lleno de sabor, preparado con dedicación para deleitar tu paladar.",              category: "Calidad",              value: "Garantizada"
            },
            {
              id: "f3",              title: "Opciones para Todos",              subtitle:
                "Adaptamos nuestros platos a tus preferencias. ¿No te gusta el picante? No hay problema, te damos la opción de no agregarlo a tu comida.",              category: "Flexibilidad",              value: "A Tu Medida"
            }
          ]}
          textboxLayout={"default"}
          useInvertedBackground={false}
          animationType={"slide-up"}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardThree
          title={"Nuestra Exquisita Carta Coreana"}
          description={
            "Explora una variedad de platos tradicionales y modernos, cada uno con su propio encanto y sabor inconfundible."
          }
          products={[
            {
              id: "p1",              name: "Bibimbap Clásico",              price: "$7.500",              imageSrc:
                "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-space-copying_127032-2783.jpg",              imageAlt: "Bibimbap con verduras y huevo"
            },
            {
              id: "p2",              name: "Ramen Picante",              price: "$6.800",              imageSrc:
                "http://img.b2bpic.net/free-photo/delicious-japanese-ramen-noodle-soup-with-pork-egg_84443-85689.jpg",              imageAlt: "Ramen con caldo picante y fideos"
            },
            {
              id: "p3",              name: "Kimchi Jjigae",              price: "$8.200",              imageSrc:
                "http://img.b2bpic.net/free-photo/kimchi-jikae-kimchi-soup-ready-eat-bowl_1150-42847.jpg",              imageAlt: "Estofado de Kimchi"
            },
            {
              id: "p4",              name: "Bulgogi (BBQ Coreano)",              price: "$9.000",              imageSrc:
                "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151053741.jpg",              imageAlt: "Carne de res marinada Bulgogi"
            },
            {
              id: "p5",              name: "Tteokbokki",              price: "$5.500",              imageSrc:
                "http://img.b2bpic.net/free-photo/kimchi-salad-korean-food_1232-1784.jpg",              imageAlt: "Pastel de arroz picante Tteokbokki"
            },
            {
              id: "p6",              name: "Japchae (Fideos de Vidrio)",              price: "$6.200",              imageSrc:
                "http://img.b2bpic.net/free-photo/stir-fried-peas-frying-pan-noodles-spicy-bowl-with-ingredients-black-cement-surface_1150-19785.jpg",              imageAlt: "Fideos de vidrio salteados con verduras"
            }
          ]}
          gridVariant={"three-columns-all-equal-width"}
          textboxLayout={"default"}
          useInvertedBackground={true}
          animationType={"slide-up"}
        />
      </div>
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title={"Planes y Degustaciones"}
          description={
            "Nuestros precios están diseñados para ofrecerte la mejor experiencia coreana, con opciones para cada gusto y presupuesto, entre $5.000 y $10.000 por persona."
          }
          plans={[
            {
              id: "plan-1",              name: "Menú Individual",              price: "$7.000",              buttons: [{ text: "Pedir Ahora", href: "#menu" }],
              features: [
                "Un plato principal a elección",                "Bebida no alcohólica",                "Postre pequeño"
              ]
            },
            {
              id: "plan-2",              name: "Menú Duo",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$12.000",              buttons: [{ text: "Reservar Mesa", href: "#contact" }],
              features: [
                "Dos platos principales a elección",                "Dos bebidas no alcohólicas",                "Dos postres",                "Entrada compartida"
              ]
            },
            {
              id: "plan-3",              name: "Experiencia Familiar",              price: "$25.000",              buttons: [{ text: "Consultar", href: "#contact" }],
              features: [
                "Cuatro platos principales a elección",                "Cuatro bebidas no alcohólicas",                "Selección de postres",                "Dos entradas grandes",                "Arroz ilimitado"
              ]
            }
          ]}
          textboxLayout={"default"}
          useInvertedBackground={false}
          animationType={"slide-up"}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title={"La Voz de Nuestros Clientes Felices"}
          description={
            "Estamos orgullosos de las experiencias positivas que nuestros comensales comparten. Tu satisfacción es nuestra mayor recompensa."
          }
          testimonials={[
            {
              id: "t1",              name: "Laura",              handle: "@laura.explora",              testimonial:
                "Agradable lugar, cómodo y tranquilo, la comida es abundante y deliciosa, la persona que sirvió todo siempre preocupada de que estuviera todo bien con nuestra comida, o si necesitaba alguna modificación, (yo no como picante) y te dan la opción de no agregar picante a tu comida, muchas gracias.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-delicious-asian-food_23-2149333981.jpg",              imageAlt: "Foto de Laura, cliente satisfecha"
            },
            {
              id: "t2",              name: "Hillary Jelvez",              handle: "@hillaryjelvez",              testimonial:
                "La comida es muy sabrosa, buena calidad de los ingredientes 😋. ¡Totalmente recomendado para los amantes de la comida coreana!",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-with-chopsticks_23-2149008753.jpg",              imageAlt: "Foto de Hillary Jelvez, Local Guide"
            },
            {
              id: "t3",              name: "Romina Runco",              handle: "@romina_foodie",              testimonial:
                "¡Buenísimo! Excelente servicio, muy atentos 🫶🏻 y la comida una delicia. Siempre volvemos por más.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-delicious-beef-burger-giving-thumbs-up_114579-47715.jpg",              imageAlt: "Foto de Romina Runco, cliente"
            },
            {
              id: "t4",              name: "Javier Soto",              handle: "@javier_soto_chef",              testimonial:
                "Un verdadero viaje a Corea en cada bocado. El Bibimbap es espectacular y el Kimchi es auténtico. Un must para quienes buscan calidad.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/medium-shot-man-with-paper-wrapped-sandwich_23-2151309935.jpg",              imageAlt: "Foto de Javier Soto, cliente"
            },
            {
              id: "t5",              name: "Carolina Pérez",              handle: "@caroperez.travels",              testimonial:
                "El ambiente es perfecto para una cena relajada. Me encantó la flexibilidad para ajustar el picante, y el Ramen es de otro nivel. ¡Volveré pronto!",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg",              imageAlt: "Foto de Carolina Pérez, cliente"
            }
          ]}
          showRating={true}
          textboxLayout={"default"}
          useInvertedBackground={true}
          animationType={"slide-up"}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title={"Nuestra Comunidad Culinaria"}
          description={
            "Amado por nuestros clientes y reconocido por la calidad de nuestro servicio y la autenticidad de nuestros sabores."
          }
          names={[
            "Amantes del Kimchi",            "Exploradores Gastronómicos",            "Familias Felices",            "Críticos Locales",            "Cenas de Amigos",            "Eventos Especiales",            "Comensales Habituales"
          ]}
          useInvertedBackground={false}
          textboxLayout={"default"}
          animationType={"opacity"}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          title={"Preguntas Frecuentes"}
          description={
            "¿Tienes dudas? Aquí respondemos a las preguntas más comunes sobre nuestro restaurante y servicios."
          }
          faqs={[
            {
              id: "q1",              title: "¿Es necesario hacer una reserva?",              content:
                "Recomendamos hacer una reserva, especialmente los fines de semana y festivos, para asegurar tu mesa. Puedes reservar llamando a nuestro teléfono o a través de nuestra página de contacto."
            },
            {
              id: "q2",              title: "¿Ofrecen opciones vegetarianas o veganas?",              content:
                "Sí, tenemos varias opciones vegetarianas y veganas en nuestra carta. Por favor, consulta a nuestro personal para conocer las alternativas disponibles o si tienes alguna dieta especial."
            },
            {
              id: "q3",              title: "¿Puedo pedir comida para llevar o a domicilio?",              content:
                "Absolutamente. Ofrecemos servicio de comida para llevar y entrega a domicilio. Puedes hacer tu pedido directamente en el restaurante o llamando a nuestro número."
            },
            {
              id: "q4",              title: "¿Cuál es el horario de atención?",              content:
                "Estamos cerrados los martes. Abrimos de miércoles a lunes, de 1 p.m. a 10 p.m. Consulta nuestros horarios en la sección de información para cualquier actualización."
            },
            {
              id: "q5",              title: "¿Tienen estacionamiento disponible?",              content:
                "Contamos con estacionamiento limitado en las cercanías. También hay opciones de estacionamiento público en los alrededores."
            }
          ]}
          textboxLayout={"default"}
          useInvertedBackground={true}
          faqsAnimation={"slide-up"}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text={
            "Visítanos y prueba el verdadero sabor de Corea. Estamos ubicados en M. Rodriguez 658, Curicó. Llámanos al +56 9 8186 5938 para reservas o pedidos."
          }
          buttons={[
            {
              text: "Cómo llegar",              href:
                "https://www.google.com/maps/dir/?api=1&destination=M.+Rodriguez+658,+3341723+Curic%C3%B3,+Maule"
            },
            { text: "Llamar Ahora", href: "tel:+56981865938" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          animationType={"entrance-slide"}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia
          videoSrc={"http://img.b2bpic.net/free-photo/selective-focus-hand-young-asian-woman-cooking-her-friend-enjoy-make-meal-pan-they-are-talk-laugh-with-fun-together-while-camping-nature-park_1150-61746.jpg?_wi=1"}
          videoAriaLabel={"Cocina coreana en acción"}
          imageSrc={"http://img.b2bpic.net/free-photo/selective-focus-hand-young-asian-woman-cooking-her-friend-enjoy-make-meal-pan-they-are-talk-laugh-with-fun-together-while-camping-nature-park_1150-61746.jpg?_wi=2"}
          imageAlt={"Footer video placeholder"}
          logoText={"Comida Coreana"}
          columns={[
            {
              title: "Menú",              items: [
                { label: "Bibimbap", href: "#menu" },
                { label: "Ramen", href: "#menu" },
                { label: "Kimchi Jjigae", href: "#menu" }
              ]
            },
            {
              title: "Nosotros",              items: [
                { label: "Nuestra Historia", href: "#about" },
                { label: "Reseñas", href: "#testimonials" },
                { label: "Preguntas Frecuentes", href: "#faq" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Ubicación", href: "#contact" },
                { label: "Reservas", href: "#contact" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            }
          ]}
          copyrightText={"© 2024 Comida Coreana | Todos los derechos reservados."}
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}
