"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Clock, Star, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Inicio", id: "hero" },
        { name: "Nuestra Historia", id: "about" },
        { name: "Nuestra Carta", id: "products" },
        { name: "Contacto", id: "contact" },
      ]}
      brandName="MORRELLI’S"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "gradient-bars" }}
      title="MORRELLI’S: Auténtico Sabor Tex-Mex en España"
      description="Disfruta de la verdadera esencia de Texas y México sin salir de aquí. Recetas tradicionales elaboradas con ingredientes frescos y el cariño de un servicio de toda la vida."
      testimonials={[
        { name: "Alex R.", handle: "@alexfoodie", testimonial: "¡Brutal! Los mejores tacos de la ciudad. Producto fresco y un toque picante que me encanta.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ddy3PLfHhRV6Obvdh5rOd7bDJ6/uploaded-1778626853285-w91ztcpn.png?_wi=1" },
        { name: "Sarah M.", handle: "@texmexlover", testimonial: "Como en casa, pero mejor. Nuestra parada obligatoria cada viernes para recargar pilas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg" },
        { name: "James K.", handle: "@foodiepro", testimonial: "Se nota que cuidan el producto al máximo. Un 10 en toda regla.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ddy3PLfHhRV6Obvdh5rOd7bDJ6/uploaded-1778626853285-w91ztcpn.png?_wi=2"
      imageAlt="Nuestros deliciosos postres y platos especiales"
      mediaAnimation="slide-up"
      avatarText="Únete a nuestra comunidad de más de 5.000 amantes del Tex-Mex"
      marqueeItems={[
        { type: "text", text: "Tortillas Artesanas" },
        { type: "text", text: "Salsa Fresca" },
        { type: "text", text: "Carnitas a Fuego Lento" },
        { type: "text", text: "Recetas de Familia" },
        { type: "text", text: "Postres Caseros" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        { type: "text", content: "Pasión por la tradición y el buen comer" },
        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ddy3PLfHhRV6Obvdh5rOd7bDJ6/uploaded-1778626853285-w91ztcpn.png", alt: "Detalle de nuestros postres artesanales" },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Tacos de Ternera", price: "12€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ddy3PLfHhRV6Obvdh5rOd7bDJ6/uploaded-1778626853285-w91ztcpn.png?_wi=3", imageAlt: "Tacos de ternera gourmet" },
        { id: "2", name: "Burrito Bowl", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg", imageAlt: "Burrito bowl fresco" },
        { id: "3", name: "Nachos con Queso", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg", imageAlt: "Nachos con queso fundido" },
        { id: "4", name: "Quesadillas", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg", imageAlt: "Quesadilla con salsa" },
        { id: "5", name: "Guacamole y Totopos", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg", imageAlt: "Guacamole y chips" },
        { id: "6", name: "Postre Especial Morrelli", price: "6€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ddy3PLfHhRV6Obvdh5rOd7bDJ6/uploaded-1778626853285-w91ztcpn.png?_wi=4", imageAlt: "Postre artesanal" },
      ]}
      title="Nuestra carta: un viaje de sabores"
      description="Desde nuestras carnes cocinadas a fuego lento hasta nuestros postres caseros, todo está diseñado para que disfrutes de una experiencia única."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="El equipo detrás de cada plato"
      tag="Gente que ama la cocina"
      membersAnimation="slide-up"
      members={[
        { id: "t1", name: "Chef Mario", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg" },
        { id: "t2", name: "Chef Elena", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg" },
        { id: "t3", name: "Sarah - Atención al cliente", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg" },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "ts1", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg" },
        { id: "ts2", name: "Julia P.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg" },
        { id: "ts3", name: "Robert D.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
      ]}
      cardTitle="Lo que dicen nuestros clientes"
      cardTag="Gracias por vuestra confianza"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", icon: Star, title: "Opiniones 5 Estrellas", value: "1.5K+" },
        { id: "m2", icon: Utensils, title: "Platos servidos", value: "50K+" },
        { id: "m3", icon: Clock, title: "Años de tradición", value: "10 años" },
      ]}
      title="Nuestra huella en la ciudad"
      description="Comprometidos con la calidad y la autenticidad desde el primer día."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "¿Ofrecéis catering para eventos?", content: "¡Sin duda! Nos adaptamos a cualquier celebración, ya sea un evento privado o una reunión de empresa." },
        { id: "f2", title: "¿Disponéis de opciones sin gluten o veganas?", content: "Sí, en nuestra carta tenemos varias propuestas pensadas para que nadie se quede con hambre." },
        { id: "f3", title: "¿Es recomendable reservar mesa?", content: "Sobre todo los fines de semana sí, para asegurar que tengáis vuestro sitio y podáis disfrutar tranquilos." },
      ]}
      title="¿Tienes alguna pregunta?"
      description="Resolvemos tus dudas sobre nuestra carta o reservas."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="¡Te esperamos!"
      title="¿Con antojo de auténtico Tex-Mex?"
      description="Reserva tu mesa ahora o pide a domicilio para disfrutar del mejor sabor sin moverte de casa."
      buttons={[
        { text: "Reservar Mesa", href: "#" },
        { text: "Pedir a Domicilio", href: "#" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Inicio", href: "#hero" }, { label: "Nuestra Carta", href: "#products" }] },
        { items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Contacto", href: "#contact" }] },
      ]}
      logoText="MORRELLI’S"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}