"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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { CalendarDays, Users, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      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="Tu cervecería artesanal de referencia. Sabores auténticos, hamburguesas XL y el mejor ambiente en Castelar."
      buttons={[
        { text: "Ver nuestra carta", href: "#products" },
      ]}
      buttonAnimation="slide-up"
      imageSrc="https://img.b2bpic.net/free-photo/glass-beer-with-foam-table_144627-21623.jpg?w=800"
      imageAlt="Cerveza artesanal servida en mesa"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Nuestra Pasión"
      description="En El Desembarco Castelar, nos dedicamos a la cultura de la cerveza artesanal. Desde nuestra apertura, buscamos el equilibrio perfecto entre una cocina de autor intensa y las mejores variedades locales de cerveza. Un refugio para quienes aman comer bien y compartir buenos momentos."
      bulletPoints={[
        { title: "Cerveza Artesanal", description: "Selección rotativa de los mejores productores.", icon: Wine },
        { title: "Hamburguesas XL", description: "Carnes seleccionadas y combinaciones audaces.", icon: Users },
        { title: "Ambiente Cervecero", description: "Ideal para after-office o salidas con amigos.", icon: CalendarDays },
      ]}
      imageSrc="https://img.b2bpic.net/free-photo/view-young-people-hanging-out-bar_23-2148731776.jpg?w=800"
      imageAlt="Ambiente de bar y amigos compartiendo"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Variedad de Estilos", description: "Desde IPA a Stout, tenemos lo que buscas.", bentoComponent: "reveal-icon", icon: Wine },
        { title: "Papas Cheddar", description: "Nuestra especialidad: papas fritas con cheddar fundido y toppings.", bentoComponent: "reveal-icon", icon: CalendarDays },
        { title: "Eventos Cervecero", description: "Catas guiadas y noches especiales.", bentoComponent: "reveal-icon", icon: Users },
      ]}
      title="La Experiencia"
      description="Mucho más que una cervecería. Vení a descubrir por qué todos eligen nuestro desembarco."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "1", name: "Hamburguesa XL Clásica", price: "$12,500", imageSrc: "https://img.b2bpic.net/free-photo/close-up-burger-with-bacon-wooden-table_23-2148731776.jpg?w=500", imageAlt: "Hamburguesa XL" },
        { id: "2", name: "Papas Cheddar & Bacon", price: "$7,800", imageSrc: "https://img.b2bpic.net/free-photo/french-fries-with-cheese-bacon-top-view_140725-6364.jpg?w=500", imageAlt: "Papas con cheddar" },
        { id: "3", name: "Pinta Artesanal IPA", price: "$4,200", imageSrc: "https://img.b2bpic.net/free-photo/beer-glass-table_144627-21645.jpg?w=500", imageAlt: "Cerveza Artesanal" },
      ]}
      title="Nuestros Preferidos"
      description="Lo mejor de la casa que no podés dejar de probar."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "1", value: "20+", description: "Estilos de cerveza rotativos" },
        { id: "2", value: "500+", description: "Hamburguesas XL servidas semanalmente" },
        { id: "3", value: "15+", description: "Variedades de papas gourmet" },
      ]}
      title="Nuestra dedicación"
      description="Calidad artesanal medida por nuestros clientes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="blur-reveal"
      gridVariant="three-columns-all-equal-width"
      testimonials={[
        { id: "1", name: "Martín R.", role: "Cervecero", company: "Cliente", rating: 5 },
        { id: "2", name: "Valeria S.", role: "Foodie", company: "Cliente", rating: 5 },
        { id: "3", name: "Diego P.", role: "Local", company: "Cliente", rating: 5 },
      ]}
      title="Lo que dicen nuestros clientes"
      description="La opinión de quienes comparten nuestra pasión por la buena cerveza y las hamburguesas XL."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="Contacto"
      title="Reservá tu Pinta"
      description="Estamos en Castelar, listos para servirte. Dejanos tu email para enterarte de nuestros eventos y promociones."
      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>
  );
}