"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Beneficios",          id: "#features"},
        {
          name: "Menú",          id: "#menu"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/top-view-words-food-shape_23-2151900865.jpg"
      logoAlt="Sushi Town Logo"
      brandName="Sushi Town"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "downward-rays-static-grid"}}
      title="El auténtico sabor del sushi en Jalpa. Frescura garantizada, momentos inolvidables."
      description="En Sushi Town, cada platillo es una obra maestra. Disfruta en nuestro local, pide para llevar o te lo llevamos hasta tu puerta."
      buttons={[
        {
          text: "Ver Menú y Ordenar por WhatsApp",          href: "https://wa.me/524639554800?text=Hola,%20me%20gustaría%20ordenar%20del%20menú."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-sushi-plate_23-2149964976.jpg"
      imageAlt="Plato de sushi gourmet"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860331.jpg",          alt: "Cliente satisfecho"},
        {
          src: "http://img.b2bpic.net/free-photo/pleased-adult-male-cook-wearing-chef-uniform-glasses-holding-glass-water-with-orange-it-looking-front-isolated-white-wall_141793-119930.jpg",          alt: "Chef experto"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tasty-food_23-2150168091.jpg",          alt: "Comensal feliz"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-arab-woman-posing-indoors_23-2150757143.jpg",          alt: "Colaborador sonriente"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-screaming-with-hands-chin_1187-3200.jpg",          alt: "Visitante entusiasta"},
      ]}
      avatarText="+1000 Clientes Felices"
      marqueeItems={[
        {
          type: "text",          text: "Sushi Fresco Diariamente"},
        {
          type: "text",          text: "Entrega Rápida a Domicilio"},
        {
          type: "text",          text: "Ingredientes de Calidad Premium"},
        {
          type: "text",          text: "Especialidades Únicas de Jalpa"},
        {
          type: "text",          text: "Ambiente Familiar y Acogedor"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Nuestra Pasión por el Sushi Auténtico"
      description="En Sushi Town, fusionamos la tradición japonesa con el corazón de Jalpa. Cada ingrediente es seleccionado con esmero para ofrecerte una experiencia culinaria inigualable. Ven y descubre el arte de la cocina abierta en un ambiente que se siente como en casa, donde la calidad y el sabor son nuestra prioridad."
      metrics={[
        {
          value: "10+",          title: "Años de Experiencia"},
        {
          value: "5 Estrellas",          title: "En Google Reviews"},
        {
          value: "100%",          title: "Ingredientes Frescos"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-cook-preparing-meal-with-seaweed_23-2150695242.jpg"
      imageAlt="Chef preparando sushi fresco en una cocina abierta"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Frescura Garantizada",          description: "Platillos preparados al momento con ingredientes seleccionados de la más alta calidad, directamente de proveedores confiables.",          imageSrc: "http://img.b2bpic.net/free-photo/chef-adding-dressing-salad_23-2148491277.jpg",          imageAlt: "Ingredientes frescos para sushi"},
        {
          title: "Servicio Veloz",          description: "Tu comida lista rápidamente, ya sea para disfrutar aquí o para llevar, sin largas esperas. Eficiencia sin sacrificar calidad.",          imageSrc: "http://img.b2bpic.net/free-photo/male-courier-mask-bike-holding-food-box-yellow_179666-38489.jpg",          imageAlt: "Platillo siendo servido rápidamente"},
        {
          title: "Ambiente Único",          description: "Un lugar limpio, agradable y familiar con nuestra cocina abierta, creando una experiencia inmersiva y acogedora para todos.",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg",          imageAlt: "Interior acogedor de restaurante"},
      ]}
      title="Descubre la Experiencia Sushi Town"
      description="Innovación y calidad en cada bocado, diseñado para tu satisfacción."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "jalpita-la-bella",          name: "Jalpita la Bella",          price: "$180",          variant: "Especialidad de la Casa",          imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-soy-sauce-wooden-board_114579-3159.jpg",          imageAlt: "Rollo de sushi Jalpita la Bella"},
        {
          id: "rollos-tempura",          name: "Rollos Tempura",          price: "$150",          variant: "Crujientes Delicias",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-fresh-sushi-rolls-white-background_114579-14766.jpg",          imageAlt: "Rollos Tempura"},
        {
          id: "rollos-california",          name: "Rollos California",          price: "$130",          variant: "Clásico Favorito",          imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-roll_74190-231.jpg",          imageAlt: "Rollos California"},
        {
          id: "spicy-tuna-roll",          name: "Spicy Tuna Roll",          price: "$170",          variant: "Para los Amantes del Picante",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-spicy-sushi-roll_123827-37541.jpg",          imageAlt: "Spicy Tuna Roll"},
        {
          id: "pollo-naranja",          name: "Pollo a la Naranja",          price: "$160",          variant: "Platillo Caliente",          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-chicken-with-cashew-nuts_1203-2695.jpg",          imageAlt: "Pollo a la Naranja"},
        {
          id: "chow-mein-mixto",          name: "Chow Mein Mixto",          price: "$140",          variant: "Platillo Caliente",          imageSrc: "http://img.b2bpic.net/free-photo/stir-fry-spaghetti-put-pork-bowl_1150-24198.jpg",          imageAlt: "Chow Mein Mixto"},
        {
          id: "sopa-miso",          name: "Sopa Miso",          price: "$90",          variant: "Platillo Caliente",          imageSrc: "http://img.b2bpic.net/free-photo/french-onion-soup-wooden-table_123827-19708.jpg",          imageAlt: "Sopa Miso"},
        {
          id: "super-arroz",          name: "Super Arroz",          price: "$160",          variant: "Platillo Caliente",          imageSrc: "http://img.b2bpic.net/free-photo/porridge-with-chicken-meat-fresh-cut-vegetables-blue-plate-wooden-table_181624-20737.jpg",          imageAlt: "Super Arroz"},
        {
          id: "aguachiles",          name: "Aguachiles",          price: "$190",          variant: "Para Compartir",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-chilli_23-2148614415.jpg",          imageAlt: "Aguachiles"},
        {
          id: "bomboncito",          name: "Bomboncito",          price: "$80",          variant: "Postre Especial",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549958.jpg",          imageAlt: "Postre Bomboncito"},
        {
          id: "cervezas-micheladas",          name: "Cervezas/Micheladas",          price: "$70",          variant: "Bebidas",          imageSrc: "http://img.b2bpic.net/free-photo/glass-refreshment-citrus-table-punch_1203-5786.jpg",          imageAlt: "Cerveza o Michelada"},
      ]}
      title="Nuestro Menú: Sabores que Conquistan"
      description="Una selección cuidadosamente elaborada de nuestros favoritos, desde los clásicos hasta nuestras creaciones únicas. ¡Precios aproximados en MXN!"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ana G.",          role: "Cliente Frecuente",          company: "Local Guide",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",          imageAlt: "Avatar de Ana G."},
        {
          id: "2",          name: "Carlos M.",          role: "Explorador Gastronómico",          company: "Comunidad Jalpa",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-using-mobile-phone-cafe_1301-4657.jpg",          imageAlt: "Avatar de Carlos M."},
        {
          id: "3",          name: "Sofía R.",          role: "Amante del Sushi",          company: "Visitante Regular",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-cozy-sweater-happily-showing-ok-gesture-winking-camera-blue-background_574295-2499.jpg",          imageAlt: "Avatar de Sofía R."},
        {
          id: "4",          name: "David L.",          role: "Fan de la Cocina Oriental",          company: "Reseñador Experto",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-with-partner_1157-21042.jpg",          imageAlt: "Avatar de David L."},
        {
          id: "5",          name: "Laura P.",          role: "Madre de Familia",          company: "Familia de Sushi Town",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-skeptical-young-hispanic-man-rate-something-normal-quality-show-okay-sign-grimacing_1258-113392.jpg",          imageAlt: "Avatar de Laura P."},
        {
          id: "6",          name: "Miguel A.",          role: "Emprendedor Local",          company: "Apoyando Negocios",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",          imageAlt: "Avatar de Miguel A."},
      ]}
      kpiItems={[
        {
          value: "5/5",          label: "Calificación Promedio"},
        {
          value: "+200",          label: "Reseñas Positivas"},
        {
          value: "100%",          label: "Satisfacción"},
      ]}
      title="Nuestros Clientes lo Confirman"
      description="Historias reales de quienes disfrutan la calidad y el servicio excepcional de Sushi Town."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Google Maps",        "TripAdvisor",        "Uber Eats",        "Rappi",        "Sin Delantal",        "Comunidad Jalpa",        "Guía Gastronómica"]}
      title="Comunidad y Confianza"
      description="Orgullosos de ser el sushi preferido en Jalpa y sus alrededores, avalados por nuestra comunidad."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid"}}
      tag="Visítanos o Contáctanos"
      title="Tu Sushi Favorito te Espera"
      description="Estamos listos para atenderte en nuestro local o llevarte la mejor experiencia a tu hogar.\n\n📍 **Dirección:** J. Mota Padilla 508, San Antonio, 99600 Jalpa, Zac.\n📞 **Teléfono:** 463 955 4800\n\n**Horarios:**\nAbierto todos los días de 1:00 PM a 10:00 PM.\n\n**Servicios:**\n✔️ Consumo en el lugar\n✔️ Para llevar\n✔️ Espacio accesible para sillas de ruedas\n✔️ Sillas altas para niños\n\n[Cómo llegar con Google Maps](https://www.google.com/maps/dir/?api=1&destination=Sushi+Town+Jalpa)"
      imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg"
      imageAlt="Exterior de Sushi Town en Jalpa"
      mediaAnimation="opacity"
      mediaPosition="right"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Sushi Town"
      columns={[
        {
          title: "Menú",          items: [
            {
              label: "Especialidades",              href: "#menu"},
            {
              label: "Platillos Calientes",              href: "#menu"},
            {
              label: "Para Compartir",              href: "#menu"},
            {
              label: "Postres y Bebidas",              href: "#menu"},
          ],
        },
        {
          title: "Info Útil",          items: [
            {
              label: "Ubicación",              href: "#contact"},
            {
              label: "Horarios",              href: "#contact"},
            {
              label: "WhatsApp",              href: "https://wa.me/524639554800"},
            {
              label: "Cómo llegar",              href: "https://www.google.com/maps/dir/?api=1&destination=Sushi+Town+Jalpa"},
          ],
        },
      ]}
      copyrightText="© 2024 Sushi Town. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
