"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Leaf, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarLayoutFloatingInline
              navItems={[
                { name: "Inicio", id: "hero" },
                { name: "Menú", id: "menu" },
                { name: "Ubicación", id: "contact" },
              ]}
              brandName="NANU"
              button={{
                text: "📞 Llamar ahora",                href: "tel:02215545199"}}
            />
        </div>

        <div id="hero" data-section="hero">
            <HeroSplitTestimonial
              useInvertedBackground={false}
              background={{ variant: "gradient-bars" }}
              title="NANU Comidas Rápidas: Sabor casero en Gonnet"
              description="Disfrutá de las mejores milanesas, pizzas y empanadas artesanales. Calidad de rotisería, abundante y lista para tu cena ideal."
              testimonials={[
                { name: "Juan Perez", handle: "@juanp", testimonial: "Las mejores milanesas de Gonnet, siempre abundantes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=1" },
                { name: "Maria Lopez", handle: "@marial", testimonial: "Excelente atención y todo siempre fresco.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006633.jpg?_wi=1" }
              ]}
              buttons={[
                { text: "Ver Menú", href: "#menu" },
                { text: "Pedir Ahora", href: "tel:02215545199" },
              ]}
              imageSrc="http://img.b2bpic.net/free-photo/wiener-schnitzel-with-fried-potatoes-wooedn-table_123827-22945.jpg"
              mediaAnimation="slide-up"
            />
        </div>

        <div id="menu" data-section="menu">
            <ProductCardTwo
              animationType="slide-up"
              textboxLayout="split"
              gridVariant="three-columns-all-equal-width"
              title="Nuestro Menú"
              description="Selección de clásicos argentinos preparados en el momento."
              products={[
                { id: "m1", brand: "Rotisería", name: "Milanesa Napolitana", price: "$12.500", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-french-toast-from-brown-bread_140725-7138.jpg?_wi=1" },
                { id: "p1", brand: "Horno", name: "Pizza Especial", price: "$9.800", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6526.jpg?_wi=1" },
                { id: "e1", brand: "Casero", name: "Empanadas Fritas", price: "$1.200", rating: 4, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-pies_1122-1226.jpg" }
              ]}
            />
        </div>

        <div id="metric" data-section="metric">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            title="Nuestra Calidad"
            description="Comprometidos con el sabor y la frescura desde el primer día."
            metrics={[
              { id: "m1", value: "10+", title: "Años de trayectoria", description: "Experiencia en el rubro gastronómico.", icon: Star },
              { id: "m2", value: "500+", title: "Pedidos mensuales", description: "Clientes eligen nuestro sabor.", icon: Utensils },
              { id: "m3", value: "100%", title: "Fresco y casero", description: "Ingredientes de máxima calidad.", icon: Leaf },
            ]}
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardFive
            animationType="slide-up"
            textboxLayout="default"
            title="Promociones"
            description="Combos diseñados para compartir con familia y amigos."
            plans={[
              { id: "p1", tag: "Popular", price: "$15.000", period: "Combo", description: "Combo individual", button: { text: "Pedir", href: "tel:02215545199" }, featuresTitle: "Incluye:", features: ["1 Milanesa", "Porción de fritas", "Bebida"] },
              { id: "p2", tag: "Ideal Familia", price: "$25.000", period: "Combo", description: "Combo familiar", button: { text: "Pedir", href: "tel:02215545199" }, featuresTitle: "Incluye:", features: ["2 Pizzas grandes", "1 Docena empanadas", "Bebidas grandes"] },
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            title="Ubicación y Pedidos"
            description="Estamos en Calle 495, Gonnet. Abrimos desde las 19:30. ¡Contactanos para realizar tu pedido o consultarnos!"
            inputs={[
              { name: "nombre", type: "text", placeholder: "Tu Nombre", required: true },
              { name: "pedido", type: "text", placeholder: "Detalle de tu pedido", required: true },
            ]}
            textarea={{ name: "comentarios", placeholder: "Comentarios adicionales" }}
            buttonText="Enviar Pedido"
            imageSrc="http://img.b2bpic.net/free-photo/female-client-interacts-with-storekeeper_482257-102083.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="NANU"
            columns={[
              { title: "Menú", items: [{ label: "Milanesas", href: "#menu" }, { label: "Pizzas", href: "#menu" }, { label: "Empanadas", href: "#menu" }] },
              { title: "Contacto", items: [{ label: "Llamar: 0221 554-5199", href: "tel:02215545199" }, { label: "Calle 495, Gonnet", href: "#" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}