"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Menú",          id: "#menu"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      button={{
        text: "Reserva tu mesa",        href: "#contact"}}
      logoSrc="http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749932.jpg"
      logoAlt="La Parrilla Gaucha Logo"
      brandName="La Parrilla Gaucha"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="La Parrilla Gaucha"
      description="Cocina española auténtica en el corazón de Usera"
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/greek-vegetable-casserole-with-rice-tomatoes_127032-3146.jpg",          imageAlt: "Traditional Spanish paella"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-steak-piece-served-with-sour-sauce_140725-5273.jpg",          imageAlt: "Grilled steak in a restaurant"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tasting-wine_23-2149428834.jpg",          imageAlt: "Rustic Spanish wine cellar"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-cutlery_23-2150168084.jpg",          imageAlt: "Assortment of Spanish tapas"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-senior-with-delicious-food_23-2150854210.jpg",          imageAlt: "Chef preparing a Spanish dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg",          imageAlt: "Warm and cozy restaurant interior"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-toast-with-vegetable-salad-slice-lemon-with-glass-beer_141793-4126.jpg",          imageAlt: "Grilled octopus dish"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187236.jpg",          imageAlt: "Happy couple dining in restaurant"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/toasted-sandwiches-with-thyme-peppercorn-salt-wooden-board_23-2147922300.jpg",          imageAlt: "Spanish cheese and charcuterie board"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-flamenco-lady_23-2148235205.jpg",          imageAlt: "Flamenco show in a restaurant"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187209.jpg",          imageAlt: "Red wine being poured into a glass"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/freshly-cooked-homemade-meal-rustic-table-generative-ai_188544-12153.jpg",          imageAlt: "Churros with chocolate dessert"},
      ]}
      buttons={[
        {
          text: "Reserva tu mesa",          href: "#contact"},
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg",          alt: "Two men discussing content on a laptop at a cafe"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",          alt: "Attractive fashionable young man in trendy headwear sitting at wooden table of coffee shop"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",          alt: "Close up smiley people at table"},
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-man-using-spices-while-preparing-food-kitchen_637285-3456.jpg",          alt: "Young happy man using spices while preparing food in the kitchen"},
        {
          src: "http://img.b2bpic.net/free-photo/excellent-idea-nice-job-portrait-supportive-delighted-happy-charming-female-friend-showing-th_1258-143019.jpg",          alt: "Excellent idea nice job portrait of supportive delighted and happy charming female friend showing th"},
      ]}
      avatarText="Más de 1000 clientes satisfechos"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-greece-salad-fresh-vitamine-riched-yummy-with-sliced-vegetables-inside-black-plate-along-with-bread-dark-surface_140725-14551.jpg",          alt: "Top view greece salad fresh vitamine riched yummy with sliced vegetables inside black plate and along with bread on the dark surface"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-grill-vegetable-salad-with-tomatoes-bread_141793-4051.jpg",          alt: "Top view grill vegetable salad with tomatoes and bread"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/chicken-breast-with-cheese-arugula-grilled-vegetables_141793-562.jpg",          alt: "Chicken breast with cheese arugula and grilled vegetables"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081869.jpg",          alt: "People having dinner in luxurious restaurants"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg",          alt: "Close up of woman dipping steak piece into sour sauce"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Nuestra Pasión por la Auténtica Cocina Española"
      description={[
        "En La Parrilla Gaucha, nos dedicamos a ofrecer una experiencia culinaria inigualable con los sabores más puros de España. Cada plato es una celebración de la tradición, preparado con ingredientes frescos y el corazón de nuestros chefs.",        "Nuestro compromiso con la excelencia se extiende a cada detalle, desde la selección de los mejores productos hasta el servicio excepcional que hace que cada visita sea memorable. Descubre la verdadera esencia de la gastronomía española, donde la calidad y el sabor auténtico son nuestra promesa."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          label: "Ingredientes Frescos",          title: "Calidad Inigualable",          items: [
            "Seleccionamos lo mejor del mercado español",            "Productos de temporada y proximidad",            "Garantía de frescura en cada plato"],
          buttons: [
            {
              text: "Ver más"},
          ],
        },
        {
          id: "f2",          label: "Servicio Excepcional",          title: "Experiencia Memorable",          items: [
            "Atención personalizada y amable",            "Ambiente cálido y acogedor",            "Cuidamos cada detalle de tu visita"],
          buttons: [
            {
              text: "Leer testimonios",              href: "#testimonials"},
          ],
        },
        {
          id: "f3",          label: "Maestría Culinaria",          title: "Tradición y Pasión",          items: [
            "Recetas ancestrales con toque moderno",            "Chefs expertos en cocina española",            "El sabor auténtico de España en tu mesa"],
          buttons: [
            {
              text: "Explorar menú",              href: "#menu"},
          ],
        },
      ]}
      title="¿Por qué elegirnos?"
      description="Nuestra dedicación a la tradición, la calidad y el servicio nos distingue."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Excelente relación calidad-precio",          quote: "La relación calidad-precio del menú es de lo mejor que he visto",          name: "Cliente Satisfecho 1",          role: "Diner"
        },
        {
          id: "t2",          title: "Servicio y comida de 10",          quote: "El trato fue excepcional y la comida, deliciosa",          name: "Cliente Satisfecho 2",          role: "Diner"
        }
      ]}
      title="Lo que dicen nuestros clientes"
      tag="Experiencias Auténticas"
      textboxLayout="default"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "m1",          name: "Patatas Bravas",          price: "€6.50",          variant: "Entrante",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-appetizer-prepared-with-fresh-organic-vegetables-generated-by-ai_188544-10205.jpg",          imageAlt: "Patatas Bravas"},
        {
          id: "m2",          name: "Gambas al Ajillo",          price: "€12.00",          variant: "Entrante",          imageSrc: "http://img.b2bpic.net/free-photo/tails-shrimps-with-fresh-lemon-rosemary-white-bowl_2829-18171.jpg",          imageAlt: "Gambas al Ajillo"},
        {
          id: "m3",          name: "Chuletón de Buey (500g)",          price: "€35.00",          variant: "Principal",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-with-cutlery-salad_23-2148611066.jpg",          imageAlt: "Chuletón de Buey"},
        {
          id: "m4",          name: "Cordero Asado",          price: "€28.00",          variant: "Principal",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-with-greens-baked-plums-inside-plate-brown-wooden-desk-food-meal-meat-dish-dinner_140725-34532.jpg",          imageAlt: "Cordero Asado"},
        {
          id: "m5",          name: "Lubina a la Sal",          price: "€26.00",          variant: "Pescado",          imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-arrangement-cooking_23-2148950176.jpg",          imageAlt: "Lubina a la Sal"},
        {
          id: "m6",          name: "Tarta de Queso",          price: "€7.50",          variant: "Postre",          imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-ganache-cake-with-cup-herbal-tea_114579-26571.jpg",          imageAlt: "Tarta de Queso"},
        {
          id: "m7",          name: "Crema Catalana",          price: "€6.00",          variant: "Postre",          imageSrc: "http://img.b2bpic.net/free-photo/french-pastry-served-copper-pan_140725-5810.jpg",          imageAlt: "Crema Catalana"},
      ]}
      title="Nuestro Menú: Sabores de España"
      description="Explora nuestra exquisita selección de platos, desde entrantes tradicionales hasta carnes a la brasa y pescados frescos, todo preparado con maestría y pasión."
    />
  </div>


  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contacto y Ubicación"
      title="Visítanos en Madrid"
      description="Estamos ubicados en el corazón de Usera, listos para recibirte. Llámanos para cualquier consulta o para hacer una reserva. Dirección: C. de Gainza 315, Usera, 28041 Madrid, España. Llámanos para reservar tu mesa. Consulta nuestros horarios llamándonos directamente."
      inputPlaceholder="Tu email para novedades"
      buttonText="Suscribirse"
      termsText="Al suscribirte, aceptas nuestra política de privacidad."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Explorar",          items: [
            {
              label: "Inicio",              href: "#hero"},
            {
              label: "Nosotros",              href: "#about"},
            {
              label: "Menú",              href: "#menu"},
            {
              label: "Testimonios",              href: "#testimonials"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "C. de Gainza 315, Usera, 28041 Madrid",              href: "https://www.google.com/maps/search/Calle+de+Gainza+315,+Usera,+Madrid"},
            {
              label: "Llámanos para reservar tu mesa",              href: "tel:+34912345678"},
            {
              label: "info@laparrillagaucha.com",              href: "mailto:info@laparrillagaucha.com"},
          ],
        },
        {
          title: "Síguenos",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/laparrillagaucha"},
            {
              label: "Facebook",              href: "https://facebook.com/laparrillagaucha"},
            {
              label: "Twitter",              href: "https://twitter.com/laparrillagaucha"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749932.jpg"
      logoAlt="La Parrilla Gaucha Logo"
      logoText="La Parrilla Gaucha"
      copyrightText="© 2024 La Parrilla Gaucha. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
