"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="large"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",          id: "#home"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Menú",          id: "#menu"},
        {
          name: "Servicios",          id: "#services"},
        {
          name: "Opiniones",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="Angelina Café"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Angelina Café: Tu Rincón de Sabor y Tranquilidad"
      description="Disfruta de nuestros exquisitos cafés, sándwiches artesanales y ambiente acogedor en el corazón de Granadilla, Costa Rica. Un lugar donde cada visita se convierte en un momento especial."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-148997.jpg",          alt: "Cliente feliz 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg",          alt: "Cliente feliz 2"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-girl-with-messy-hair-braid-looking-down-with-cute-shy-smile_273609-9494.jpg",          alt: "Cliente feliz 3"},
        {
          src: "http://img.b2bpic.net/free-photo/excited-european-female-student-holding-glasses-posing-lectures-indoor-portrait-smiling-woman-standing-beside-asian-african-university-mates-seminar_197531-3753.jpg",          alt: "Cliente feliz 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-natural-woman-with-red-long-hair-laughing-looking-happy-gazing-aside-logo-standing-casual-clothes-plaid-shirt-white-background_176420-45546.jpg",          alt: "Cliente feliz 5"},
      ]}
      avatarText="Más de 300 clientes satisfechos en Granadilla"
      buttons={[
        {
          text: "Ver Menú",          href: "#menu"},
        {
          text: "Reservar Mesa",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Café de Origen Único"},
        {
          type: "text",          text: "Repostería Artesanal"},
        {
          type: "text",          text: "Ambiente Familiar"},
        {
          type: "text",          text: "Frescura Garantizada"},
        {
          type: "text",          text: "Experiencias Memorables"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Sobre Nosotros"
      title="Angelina Café: Más que una Cafetería"
      buttons={[
        {
          text: "Nuestra Historia",          href: "#"},
        {
          text: "Nuestro Equipo",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Tartare de Atún Fresco",          price: "₡8,500",          variant: "El favorito de la casa",          imageSrc: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4458.jpg",          imageAlt: "Tartare de atún gourmet"},
        {
          id: "p2",          name: "Sándwich de la Casa",          price: "₡6,000",          variant: "Con ingredientes locales",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-meal-black-desk-with-french-fries-sandwich-grey-floor_140725-14444.jpg",          imageAlt: "Sándwich artesanal"},
        {
          id: "p3",          name: "Desayuno Criollo",          price: "₡7,000",          variant: "Sabor auténtico de Costa Rica",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mexican-sweetness_23-2149666277.jpg",          imageAlt: "Desayuno criollo costarricense"},
        {
          id: "p4",          name: "Capuchino Clásico",          price: "₡2,500",          variant: "Con arte latte",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-spoon-wooden-table_107420-96310.jpg",          imageAlt: "Capuchino con arte latte"},
        {
          id: "p5",          name: "Café de Especialidad",          price: "₡3,000",          variant: "Grano 100% costarricense",          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31770.jpg",          imageAlt: "Café de especialidad"},
        {
          id: "p6",          name: "Postres Artesanales",          price: "Desde ₡3,500",          variant: "Variedad diaria",          imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37156.jpg",          imageAlt: "Exquisitos postres artesanales"},
      ]}
      title="Nuestro Menú Destacado"
      description="Descubre una selección de nuestros platos más populares, preparados con pasión y los mejores ingredientes locales para deleitar tu paladar."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Consumo en el Lugar",          description: "Disfruta de nuestro ambiente acogedor, ideal para relajarte, trabajar o compartir un buen momento con amigos y familia.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-qr-restaurant_23-2149357913.jpg",            imageAlt: "Gente comiendo en el restaurante"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dish-set-gilded-candlesticks_140725-2255.jpg",            imageAlt: "Interior moderno del restaurante"}
        },
        {
          title: "Para Llevar",          description: "Si tienes prisa, no te preocupes. Puedes pedir tus platos y bebidas favoritas para llevar, recién preparados y listos para disfrutar donde quieras.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-takeaway-food-delivery_23-2149025797.jpg",            imageAlt: "Taza de café para llevar"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/barkeepers-working_23-2147821267.jpg",            imageAlt: "Barista entregando pedido para llevar"}
        },
        {
          title: "Entrega sin Contacto",          description: "Con nuestra opción de entrega a domicilio, lleva la experiencia Angelina Café directamente a tu puerta de forma segura y conveniente.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-red-uniform-holding-brown-delivery-coffee-cups-showing-phone-pink-wall_140725-35685.jpg",            imageAlt: "Repartidor de comida en bicicleta"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-ready-sending-orders_482257-76141.jpg",            imageAlt: "Paquete de comida en la puerta"}
        },
      ]}
      showStepNumbers={true}
      title="Tu Experiencia en Angelina Café"
      description="Ofrecemos diversas opciones para que disfrutes de tu momento con nosotros, adaptándonos a tus necesidades y estilo de vida."
      tag="Nuestros Servicios"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "O. Ebanks",          role: "Local Guide",          company: "Google Maps",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",          imageAlt: "Retrato de O. Ebanks"},
        {
          id: "t2",          name: "Carolina Masís Calvo",          role: "Local Guide",          company: "Google Maps",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-overemotive-afro-american-woman-laughs-funny-joke-closes-eyes-from-joy-has-overjoyed-face-expression_273609-39147.jpg",          imageAlt: "Retrato de Carolina Masís Calvo"},
        {
          id: "t3",          name: "Daniel",          role: "Local Guide",          company: "Google Maps",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-669.jpg",          imageAlt: "Retrato de Daniel"},
        {
          id: "t4",          name: "María G.",          role: "Cliente Frecuente",          company: "Angelina Café",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",          imageAlt: "Retrato de María G."},
        {
          id: "t5",          name: "Carlos R.",          role: "Visitante",          company: "Angelina Café",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-friends-make-everything-easier_329181-2938.jpg",          imageAlt: "Retrato de Carlos R."},
      ]}
      title="Lo que dicen nuestros clientes"
      description="Nuestra mayor recompensa es la satisfacción de quienes nos visitan. Conoce sus experiencias y por qué Angelina Café es su lugar favorito."
      tag="Opiniones"
    />
  </div>

  <div id="values" data-section="values">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Ingredientes Frescos",        "Ambiente Acogedor",        "Atención Personalizada",        "Café de Especialidad",        "Soporte Local",        "Momentos Inolvidables",        "Comunidad Feliz"]}
      title="Nuestros Valores"
      description="En Angelina Café, cada detalle cuenta. Nos apasiona ofrecerte lo mejor en cada visita, sustentados en estos pilares."
      tag="Compromiso"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "¿Se necesita reservación?",          content: "Sí, recomendamos hacer reservación, especialmente durante los fines de semana, ya que el espacio es limitado. Puedes contactarnos por teléfono o a través de nuestro formulario."},
        {
          id: "faq2",          title: "¿Son pet friendly?",          content: "¡Absolutamente! Somos un lugar ideal para almorzar o tardear con tus mascotas. Contamos con áreas designadas para que disfrutes con tus compañeros peludos."},
        {
          id: "faq3",          title: "¿Qué tipo de bebidas alcohólicas ofrecen?",          content: "Ofrecemos una selección de vinos y otras bebidas alcohólicas de calidad para complementar tu experiencia, perfectas para un almuerzo o una tarde relajada."},
      ]}
      sideTitle="¿Tienes Preguntas?"
      sideDescription="Encuentra respuestas a las dudas más comunes sobre Angelina Café y planifica tu visita sin complicaciones."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visítanos o Contáctanos"
      description="Estamos en San José, Granadilla, Guayabos, Costa Rica. Consulta nuestro horario, envíanos un mensaje o reserva tu mesa para una experiencia inolvidable."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Tu Nombre",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Tu Correo Electrónico",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Tu Mensaje",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/outdoors-empty-cafe-tables-chairs-sunny-day_181624-2472.jpg"
      imageAlt="Exterior de Angelina Café"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Enviar Mensaje"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Inicio",              href: "#home"},
            {
              label: "Nosotros",              href: "#about"},
            {
              label: "Menú",              href: "#menu"},
          ],
        },
        {
          items: [
            {
              label: "Servicios",              href: "#services"},
            {
              label: "Opiniones",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contacto",              href: "#contact"},
            {
              label: "Teléfono: +506 7187 9414",              href: "tel:+50671879414"},
            {
              label: "Dirección: Granadilla, San José",              href: "https://www.google.com/maps/search/Angelina+Caf%C3%A9"},
          ],
        },
      ]}
      logoText="Angelina Café"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
