"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Crown, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",          id: "#inicio"},
        {
          name: "Sobre Nosotros",          id: "#sobre-nosotros"},
        {
          name: "Menú",          id: "#menu"},
        {
          name: "Especiales",          id: "#especiales"},
        {
          name: "Opiniones",          id: "#opiniones"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contacto"},
      ]}
      brandName="Casa Românească"
      button={{
        text: "Reservar Mesa",        href: "#contacto"}}
      animateOnLoad={true}
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Saborea la Auténtica Cocina Rumana"
      description="Bienvenido a Casa Românească, donde cada plato cuenta una historia de tradición y pasión. Descubre los sabores de Rumanía en un ambiente cálido y acogedor."
      tag="Delicias de Rumanía"
      buttons={[
        {
          text: "Explora Nuestro Menú",          href: "#menu"},
        {
          text: "Haz tu Reserva",          href: "#contacto"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-grape-leaves-dolma-table_141793-1580.jpg",          imageAlt: "Plato de Sarmale y Mămăligă"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lentil-soup-traditional-azerbaijani-soup-with-lemon-dry-mint_140725-11396.jpg",          imageAlt: "Variedad de platos rumanos"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="5 Estrellas en Google y TripAdvisor"
    />
  </div>

  <div id="sobre-nosotros" data-section="sobre-nosotros">
      <AboutMetric
      useInvertedBackground={false}
      title="Nuestra Historia de Sabor y Tradición"
      metrics={[
        {
          icon: Award,
          label: "Años de Experiencia",          value: "25+"},
        {
          icon: Users,
          label: "Clientes Felices",          value: "10K+"},
        {
          icon: Sparkles,
          label: "Platos Auténticos",          value: "50+"},
        {
          icon: Star,
          label: "Estrellas Michelin",          value: "1"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="platos-estrella" data-section="platos-estrella">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      features={[
        {
          title: "Sarmale",          description: "Rollos de col rellenos de carne picada y arroz, cocidos a fuego lento y servidos con mămăligă cremosa y nata agria.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-meal-rolled-inside-cabbage-with-tomatoes-dark-blue-desk-meat-food-dinner-calorie-vegetable-cooking_140725-64476.jpg",          imageAlt: "Sarmale, rollos de col rellenos"},
        {
          title: "Mici (Mititei)",          description: "Salchichas a la parrilla de carne de cerdo y ternera, especiadas con ajo y tomillo. Perfectas con mostaza casera.",          imageSrc: "http://img.b2bpic.net/free-photo/georgian-kupati-wooden-board_140725-9217.jpg",          imageAlt: "Mici a la parrilla con mostaza"},
        {
          title: "Ciorbă de Burtă",          description: "La famosa sopa de callos rumana, un plato reconfortante y lleno de sabor, ideal para cualquier momento del día.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-potatoes-rice-inside-little-plate-dark-surface-dish-dinner-food-horizontal-meat-meal-cooking-table_140725-158691.jpg",          imageAlt: "Ciorbă de Burtă, sopa de callos"},
        {
          title: "Papanași",          description: "Deliciosos donuts de queso frito, servidos con mermelada de cereza y nata agria. Un postre rumano clásico e irresistible.",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-19440.jpg",          imageAlt: "Papanași con mermelada"},
      ]}
      title="Nuestros Platos Estrella"
      description="Descubre los sabores icónicos de Rumanía, preparados con recetas tradicionales y los ingredientes más frescos. Una experiencia culinaria inolvidable te espera."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "mititei",          name: "Mititei (Mici)",          price: "€12.50",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-basturma-kebab-with-tomato-hot-pepper-grill-with-onion-sumac_141793-4074.jpg",          imageAlt: "Mititei con mostaza"},
        {
          id: "sarmale",          name: "Sarmale con Mămăligă",          price: "€15.00",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-hands-opening-clay-pot-with-traditional-grape-leaves-dolma_140725-11502.jpg",          imageAlt: "Sarmale tradicional"},
        {
          id: "ciorba-fasole",          name: "Ciorbă de Fasole",          price: "€9.00",          imageSrc: "http://img.b2bpic.net/free-photo/view-tomato-soup-brown-cutting-board-mixed-color-table_140725-86479.jpg",          imageAlt: "Ciorbă de Fasole"},
        {
          id: "tocana-vita",          name: "Tocană de Vită",          price: "€17.50",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370863.jpg",          imageAlt: "Tocană de Vită"},
        {
          id: "mamaliga",          name: "Mămăligă cu Brânză y Smântână",          price: "€8.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-dish_23-2150165729.jpg",          imageAlt: "Mămăligă"},
        {
          id: "gulas",          name: "Goulash Rumano",          price: "€16.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370842.jpg",          imageAlt: "Goulash caliente"},
        {
          id: "papanași",          name: "Papanași con Smântână y Dulceață",          price: "€7.00",          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-cafe-holding-cup-cappuccino-eating-tasty-cake_285396-1102.jpg",          imageAlt: "Papanași postre"},
      ]}
      title="Descubre Nuestro Menú Completo"
      description="Una selección cuidadosamente elaborada de platos rumanos, desde entrantes tradicionales hasta postres irresistibles. ¡Hay algo para cada paladar!"
    />
  </div>

  <div id="especiales" data-section="especiales">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "menu-tradicional",          badge: "Popular",          badgeIcon: Sparkles,
          price: "€35",          subtitle: "Experiencia Culinaria Completa",          buttons: [
            {
              text: "Ver Detalles"},
          ],
          features: [
            "Entrante tradicional",            "Plato principal a elegir",            "Postre del día",            "Bebida incluida"],
        },
        {
          id: "menu-gourmet",          badge: "Exclusivo",          badgeIcon: Crown,
          price: "€50",          subtitle: "Un Viaje Gastronómico",          buttons: [
            {
              text: "Reservar Ahora"},
          ],
          features: [
            "Selección de entrantes",            "Plato gourmet exclusivo",            "Postre especial del chef",            "Selección de vinos rumanos"],
        },
      ]}
      title="Nuestras Ofertas Especiales"
      description="Disfruta de nuestros menús degustación y ofertas exclusivas, diseñadas para que experimentes lo mejor de la cocina rumana a un precio especial."
    />
  </div>

  <div id="opiniones" data-section="opiniones">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="¡La comida en Casa Românească es simplemente espectacular! Me sentí como en casa, cada plato estaba lleno de sabor y el servicio fue impecable. ¡Definitivamente volveremos!"
      rating={5}
      author="Maria Popescu"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-girl-smiling-shopping-center_23-2148225680.jpg",          alt: "Foto de Maria Popescu"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2980.jpg",          alt: "Foto de Andrei Ionescu"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-with-friends-while-drinking-beer-communicating-tavern_637285-2421.jpg",          alt: "Foto de Elena Dumitrescu"},
        {
          src: "http://img.b2bpic.net/free-photo/content-man-posing-camera-headphones_23-2147747825.jpg",          alt: "Foto de Bogdan Stan"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-woman-with-trendy-hairstyle_23-2149883722.jpg",          alt: "Foto de Raluca Georgescu"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "¿Necesito reservar mesa?",          content: "Recomendamos encarecidamente reservar mesa, especialmente los fines de semana y festivos, para asegurar su lugar y una experiencia sin esperas."},
        {
          id: "2",          title: "¿Ofrecen opciones vegetarianas/veganas?",          content: "Sí, tenemos varias opciones vegetarianas y veganas deliciosas. Por favor, consulte a nuestro personal para conocer las especialidades del día."},
        {
          id: "3",          title: "¿Tienen menú para niños?",          content: "Sí, contamos con un menú especial para los más pequeños, con platos adaptados a sus gustos y porciones. Pregunte a nuestros camareros."},
        {
          id: "4",          title: "¿Disponen de aparcamiento?",          content: "Ofrecemos aparcamiento privado gratuito para nuestros clientes. Por favor, consulte con nuestro personal al llegar para más información."},
        {
          id: "5",          title: "¿Se pueden organizar eventos privados?",          content: "Sí, disponemos de espacios para eventos privados y celebraciones. Contáctenos para discutir sus necesidades y le ayudaremos a planificar su evento."},
      ]}
      sideTitle="Preguntas Frecuentes"
      sideDescription="¿Tienes dudas sobre nuestro restaurante o menú? Aquí respondemos a las preguntas más comunes para ayudarte a planificar tu visita."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contáctanos"
      title="Haz Tu Reserva o Pregunta"
      description="Estamos listos para recibirte. Utiliza el formulario a continuación para reservar tu mesa o enviarnos cualquier consulta que tengas."
      inputPlaceholder="Tu dirección de correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al enviar, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg"
      imageAlt="Ambiente acogedor del restaurante"
      logoText="Casa Românească"
      columns={[
        {
          title: "Explora",          items: [
            {
              label: "Inicio",              href: "#inicio"},
            {
              label: "Menú",              href: "#menu"},
            {
              label: "Especiales",              href: "#especiales"},
            {
              label: "Opiniones",              href: "#opiniones"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "Reservas",              href: "#contacto"},
            {
              label: "Ubicación",              href: "#"},
            {
              label: "Empleo",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos de Servicio",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Casa Românească. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
