"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Inicio", id: "hero" },
        { name: "Menú", id: "menu" },
        { name: "Testimonios", id: "reviews" },
        { name: "Contacto", id: "contact" },
      ]}
      brandName="Candela Express"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{ variant: "gradient-bars" }}
      title="LA MILANESA MÁS GIGANTE DE MONTEVIDEO."
      description="Comida casera, abundante y ridículamente rica. Si te vas con hambre, revisate."
      buttons={[
        { text: "🍟 Ver Menú", href: "#menu" },
        { text: "📍 Cómo Llegar", href: "#contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beef-steak-garnished-with-creamy-sauce-served-with-fried-aubergine-ketcup_140725-225.jpg"
      imageAlt="giant milanesa plate delicious"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/tacos-vegetables-dish-near-houseplants-napkin-table_23-2148132088.jpg", alt: "Tacos among vegetables" },
        { src: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-with-different-seasonings-grey-desk-beef-dolma-food-vegetables-meat_140725-74510.jpg", alt: "Top view cooked bell-peppers" },
        { src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-cakes-blue-tray-biscuits-dark-background_140725-91970.jpg", alt: "Delicious cakes on blue tray" },
        { src: "http://img.b2bpic.net/free-photo/salad-with-fried-eggplants-tomatoes-olives-chopped-scallion-sesame-seeds_140725-8039.jpg", alt: "Salad with fried eggplants" },
        { src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Happy customer dining out" },
      ]}
      marqueeItems={[
        { type: "text", text: "PORCIONES GIGANTES" },
        { type: "text", text: "SABOR URUGUAYO" },
        { type: "text", text: "AMBIENTE CALENTITO" },
        { type: "text", text: "PRECIOS POPULARES" },
        { type: "text", text: "SERVICIO VELOZ" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Porciones absurdas. Sabor criminal."
      description={[
        "No servimos comida, servimos desafíos físicos.",        "Cada plato está pensado para quien viene con hambre de verdad. Vení y comprobá por qué somos la cantina preferida de Montevideo."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "1", title: "Porciones Monstruosas", tags: ["abundante"], imageSrc: "http://img.b2bpic.net/free-photo/tasty-pasta-with-meat-pieces-white-plate_114579-72470.jpg" },
        { id: "2", title: "Precios de Campeón", tags: ["barato"], imageSrc: "http://img.b2bpic.net/free-photo/black-friday-label-board_23-2147695982.jpg" },
        { id: "3", title: "Ambiente Futbolero", tags: ["deportes"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-economist_23-2150132271.jpg" },
        { id: "4", title: "Atención God", tags: ["rápido"], imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-coffee-couple-who-is-eating-cake-cafe_637285-9100.jpg" },
      ]}
      title="Por qué somos leyenda"
      description="Más que una parrilla, un estilo de vida."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        { id: "1", brand: "Especial", name: "Milanesa XL", price: "$750", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-radish-meal-with-meat-inside-white-plate-table-food-meal-dinner-restaurant_140725-28248.jpg" },
        { id: "2", brand: "Pizza", name: "Pizza Candela", price: "$600", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-parmesan-cutter_23-2148753762.jpg" },
        { id: "3", brand: "Sandwich", name: "Chivito Explosivo", price: "$850", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg" },
        { id: "4", brand: "Snack", name: "Papas Infernales", price: "$400", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-plate-with-ketchup-bowl_23-2148701491.jpg" },
        { id: "5", brand: "Combo", name: "Milanesa Clásica", price: "$500", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
        { id: "6", brand: "Postre", name: "Flan con dulce", price: "$250", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-feast-first-day-passover-seder_23-2150247750.jpg" },
      ]}
      title="Nuestros Legendarios"
      description="Si no está en la carta, es que no existe."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Pedimos una M para dos y podían comer cuatro. Muy abundante, MUY abundante."
      rating={5}
      author="Andrés, Cliente real"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Reviewer" },
        { src: "http://img.b2bpic.net/free-photo/photo-overjoyed-dark-skinned-girl-has-bushy-hair-laughs-looks-aside-uses-cell-phone-online-communication-messaging-with-friends-drinks-smoothie-cozy-cafeteria_273609-29417.jpg", alt: "Reviewer" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg", alt: "Reviewer" },
        { src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "Reviewer" },
        { src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Reviewer" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        { id: "1", value: "2000+", title: "Milanesas mensuales", items: ["Satisfechas", "Gigantes", "Crujientes"] },
        { id: "2", value: "150kg", title: "Papas fritas al mes", items: ["Dorado", "Salado", "Poder"] },
        { id: "3", value: "100%", title: "Felicidad asegurada", items: ["Sabor", "Queso", "Amor"] },
      ]}
      title="Números que pesan"
      description="La realidad no miente, la báscula sí."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Ubicación"
      title="Vení con hambre."
      description="Montevideo, Uruguay. Sí, un poquito lejos, pero vale el viaje."
      imageSrc="http://img.b2bpic.net/free-photo/travel-concept-with-map-background_23-2147982081.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }] },
        { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
        { title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
      ]}
      logoText="Candela Express"
      copyrightText="Candela Express no se responsabiliza por cinturones explotados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
