"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CalendarDays, Users, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Sobre Nosotros",
          id: "about",
        },
        {
          name: "Nuestra Carta",
          id: "products",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      brandName="El Desembarco"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="El Desembarco Castelar"
      description="Una experiencia culinaria única, donde los sabores de siempre se encuentran con la vanguardia en el corazón de Castelar."
      buttons={[
        {
          text: "Ver nuestra carta",
          href: "#products",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=1"
      imageAlt="Plato gourmet principal en El Desembarco"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Nuestra Historia"
      description="Nacido de la pasión por la buena mesa, El Desembarco es el refugio ideal para quienes buscan momentos inolvidables en Castelar. Seleccionamos los mejores ingredientes locales para ofrecerte una propuesta gastronómica que respeta la tradición e innova en cada detalle."
      bulletPoints={[
        {
          title: "Cocina de Autor",
          description: "Platos únicos creados con técnica y corazón.",
        },
        {
          title: "Ambiente Distinguido",
          description: "Un espacio diseñado para disfrutar en compañía.",
        },
        {
          title: "Ingredientes Locales",
          description: "Apoyamos a productores de la zona garantizando frescura.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1"
      imageAlt="Interior acogedor del restaurante"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Carta Estacional",
          description: "Platos que cambian con las estaciones.",
          bentoComponent: "reveal-icon",
          icon: CalendarDays,
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg",
          imageAlt: "Restaurant table in the private room with fireplace, wooden ceilings and brick walls",
        },
        {
          title: "Bodega Selecta",
          description: "Los mejores vinos para maridar tu elección.",
          bentoComponent: "reveal-icon",
          icon: Wine,
          imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=2",
          imageAlt: "Restaurant table in the private room with fireplace, wooden ceilings and brick walls",
        },
        {
          title: "Eventos Privados",
          description: "Tu celebración especial en el mejor lugar.",
          bentoComponent: "reveal-icon",
          icon: Users,
          imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=2",
          imageAlt: "Restaurant table in the private room with fireplace, wooden ceilings and brick walls",
        },
      ]}
      title="Por qué elegirnos"
      description="Más que un restaurante, un punto de encuentro con lo mejor de nuestra ciudad."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Ojo de Bife",
          price: "$18,000",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=1",
          imageAlt: "Ojo de Bife",
        },
        {
          id: "2",
          name: "Risotto de Hongos",
          price: "$14,500",
          imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=1",
          imageAlt: "Risotto",
        },
        {
          id: "3",
          name: "Pesca del Día",
          price: "$16,200",
          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=1",
          imageAlt: "Pesca",
        },
        {
          id: "4",
          name: "Pasta Artesanal",
          price: "$13,800",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-pasta-meal-blue-plate-dinner-ice-background_140725-142333.jpg",
          imageAlt: "Pasta",
        },
        {
          id: "5",
          name: "Ensalada Gourmet",
          price: "$11,500",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-greek-salad-with-christmas-toys-round-white-plate-table_176474-3370.jpg",
          imageAlt: "Ensalada",
        },
        {
          id: "6",
          name: "Postre del Chef",
          price: "$9,500",
          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-torching-dessert_23-2149720781.jpg",
          imageAlt: "Postre",
        },
      ]}
      title="Nuestra Selección"
      description="Platos destacados de nuestra cocina."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "10+",
          description: "Años de experiencia",
        },
        {
          id: "2",
          value: "1000+",
          description: "Clientes felices mensuales",
        },
        {
          id: "3",
          value: "50+",
          description: "Platos en nuestra historia",
        },
      ]}
      title="Nuestra trayectoria"
      description="Números que reflejan la confianza de nuestros clientes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Juan Perez",
          date: "10/2023",
          title: "Excelente",
          quote: "La comida es deliciosa y el ambiente inmejorable.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=3",
          imageAlt: "smiling person portrait",
        },
        {
          id: "2",
          name: "Ana G.",
          date: "11/2023",
          title: "Maravilloso",
          quote: "Una cena perfecta. Volveré sin duda.",
          tag: "Frecuente",
          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=3",
          imageAlt: "smiling person portrait",
        },
        {
          id: "3",
          name: "Carlos L.",
          date: "12/2023",
          title: "Impresionante",
          quote: "El servicio es de otro nivel en Castelar.",
          tag: "Nueva Visita",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=2",
          imageAlt: "smiling person portrait",
        },
        {
          id: "4",
          name: "Sofia V.",
          date: "01/2024",
          title: "Gran calidad",
          quote: "La pasta es casera y se nota el cariño.",
          tag: "Cliente",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-middleaged-brunette-woman-glasses_169016-26125.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=2",
          imageAlt: "smiling person portrait",
        },
        {
          id: "5",
          name: "Roberto M.",
          date: "02/2024",
          title: "Muy recomendado",
          quote: "El lugar ideal para una cita especial.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=2",
          imageAlt: "smiling person portrait",
        },
      ]}
      title="Lo que dicen de nosotros"
      description="Historias de quienes ya nos visitaron."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contacto"
      title="Reserva tu Mesa"
      description="Estamos en Castelar, listos para recibirte. Déjanos tu email para recibir novedades y reservas."
      buttonText="Enviar reserva"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="El Desembarco"
      leftLink={{
        text: "Privacidad",
        href: "#",
      }}
      rightLink={{
        text: "Términos",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
