"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Nosotros",
          id: "#about",
        },
        {
          name: "Productos",
          id: "#products",
        },
        {
          name: "El Proceso",
          id: "#process",
        },
        {
          name: "Pedidos",
          id: "#main-cta",
        },
      ]}
      brandName="Olivia Panetteria"
      button={{
        text: "Ordenar ahora",
        href: "#main-cta",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="El pan que\nsiempre mereciste\nexistía."
      description="Masa madre viva. Fermentación lenta de 48 horas. Sin aditivos. Sin atajos. Solo pan honesto, hecho con las manos."
      testimonials={[
        {
          name: "Mariana G.",
          handle: "Diseñadora",
          testimonial: "Este pan cambió mi forma de ver la panadería. La calidad es inigualable, un verdadero placer para el paladar.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-643.jpg?_wi=1",
          imageAlt: "Mariana G. avatar",
        },
        {
          name: "Andrés C.",
          handle: "Chef Pastelero",
          testimonial: "Como profesional, aprecio el arte y la técnica. Olivia Panetteria domina ambos. Su sourdough es excepcional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-15335.jpg",
          imageAlt: "Andrés C. avatar",
        },
        {
          name: "Laura R.",
          handle: "Periodista Gastronómica",
          testimonial: "Una joya oculta en Guatemala. Cada mordisco es una experiencia que te transporta. ¡Imperdible!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-spending-time-summer-field_1157-36086.jpg",
          imageAlt: "Laura R. avatar",
        },
        {
          name: "Ricardo S.",
          handle: "Emprendedor",
          testimonial: "El mejor pan de masa madre que he probado en años. Siempre fresco y con un sabor profundo. ¡Altamente recomendado!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg",
          imageAlt: "Ricardo S. avatar",
        },
        {
          name: "Paula V.",
          handle: "Amante del buen comer",
          testimonial: "No hay nada como el pan recién horneado de Olivia. Es el acompañamiento perfecto para mis comidas y reuniones.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148504855.jpg",
          imageAlt: "Paula V. avatar",
        },
      ]}
      tag="Ciudad de Guatemala"
      buttons={[
        {
          text: "Ver el menú →",
          href: "#products",
        },
        {
          text: "Nuestra historia",
          href: "#about",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-young-man_1098-18401.jpg",
          alt: "Juan P. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2550.jpg",
          alt: "Ana M. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
          alt: "Pedro L. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
          alt: "Sofía C. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-lady-baker-standing-bakery-near-bread_171337-15994.jpg",
          alt: "Daniel H. avatar",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wine-religious-ceremony_23-2150322325.jpg"
      imageAlt="Pan de masa madre recién horneado"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatarText="+1000 clientes satisfechos"
    />
  </div>

  <div id="statement-metrics" data-section="statement-metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "48h",
          title: "Fermentación lenta",
          items: [],
        },
        {
          id: "2",
          value: "4",
          title: "Ingredientes únicamente",
          items: [],
        },
        {
          id: "3",
          value: "100%",
          title: "Artesanal",
          items: [],
        },
      ]}
      title="El pan industrial te quitó algo que ni sabías que habías perdido: el sabor real del pan. Nosotros lo devolvemos."
      description="— Olivia"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Olivia Panetteria",
          name: "Pan de Masa Madre",
          price: "Q.85",
          rating: 5,
          reviewCount: "250",
          imageSrc: "http://img.b2bpic.net/free-photo/slicing-artisan-bread-straw-lining-top-view-pieces-fresh-homemade-sourdough-bread-healthy-healthy-cuisine_166373-3248.jpg",
          imageAlt: "Pan de masa madre",
        },
        {
          id: "p2",
          brand: "Olivia Panetteria",
          name: "Focaccia Rosmarino",
          price: "Q.55",
          rating: 5,
          reviewCount: "180",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-cropped-pie-parchment_176420-3595.jpg",
          imageAlt: "Focaccia Rosmarino",
        },
        {
          id: "p3",
          brand: "Olivia Panetteria",
          name: "Croissant de Mantequilla",
          price: "Q.30",
          rating: 5,
          reviewCount: "300",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-homemade-cake-ready-be-served_23-2148461058.jpg",
          imageAlt: "Croissant de Mantequilla",
        },
        {
          id: "p4",
          brand: "Olivia Panetteria",
          name: "Pan Integral de Masa Madre",
          price: "Q.90",
          rating: 5,
          reviewCount: "100",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-slices-artisan-bread-lined-with-straw-pieces-fresh-homemade-sourdough-bread-wholesome-healthy-organic-food_166373-3257.jpg",
          imageAlt: "Pan Integral de Masa Madre",
        },
        {
          id: "p5",
          brand: "Olivia Panetteria",
          name: "Baguette Rústica",
          price: "Q.45",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-cloth_23-2148718992.jpg",
          imageAlt: "Baguette Rústica",
        },
        {
          id: "p6",
          brand: "Olivia Panetteria",
          name: "Cinnamon Roll de Masa Madre",
          price: "Q.35",
          rating: 5,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-cinnamon-rolls_23-2148779667.jpg",
          imageAlt: "Cinnamon Roll de Masa Madre",
        },
      ]}
      title="Elaborado con obsesión"
      description="Cada pieza que sale de nuestro horno es una decisión de no tomar atajos."
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      features={[
        {
          title: "La Masa Madre Viva",
          description: "Nuestra masa madre tiene más de 3 años de vida. La alimentamos cada día como si fuera parte de la familia. Sin ella, no hay Olivia.",
          imageSrc: "http://img.b2bpic.net/free-photo/jar-biscuits-tablecloth_114579-6937.jpg",
          imageAlt: "Masa madre burbujeante",
          titleImageSrc: "",
          buttonText: "Ver más",
          buttonHref: "#",
        },
        {
          title: "La Fermentación Lenta",
          description: "48 horas. Sin apuros. El tiempo hace lo que ningún aditivo puede: desarrollar sabor real, corteza real, digestibilidad real.",
          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-basket-inside-rectangular-frame-made-with-flour_23-2147872703.jpg",
          imageAlt: "Panes reposando",
          titleImageSrc: "",
          buttonText: "Ver más",
          buttonHref: "#",
        },
        {
          title: "El Horneado",
          description: "Horno de piedra. Alta temperatura. Vapor en el momento exacto. La corteza que suena cuando la tocás.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-baker-puts-croissants-dough-into-oven_1303-32285.jpg",
          imageAlt: "Pan en horno con vapor",
          titleImageSrc: "",
          buttonText: "Ver más",
          buttonHref: "#",
        },
      ]}
      title="El Proceso"
      description="Un viaje de paciencia y dedicación para cada hogaza."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Valentina M.",
          handle: "Zona 14, Guatemala",
          testimonial: "Hay antes y después de probar el pan de Olivia. Ya no puedo comprar pan en otro lado.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-643.jpg?_wi=2",
          imageAlt: "Valentina M. avatar",
        },
        {
          id: "t2",
          name: "Carlos R.",
          handle: "Zona 10, Guatemala",
          testimonial: "La focaccia es un vicio. La encargo cada semana sin excepción.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-leaning-fist-looking-camera_23-2148179009.jpg",
          imageAlt: "Carlos R. avatar",
        },
        {
          id: "t3",
          name: "Andrea L.",
          handle: "Cayalá, Guatemala",
          testimonial: "Por fin una panadería en Guatemala que entiende lo que es calidad real. La diferencia se nota en el primer mordisco.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-baker-wearing-mitt-holding-baked-muffins-tray_23-2148028070.jpg",
          imageAlt: "Andrea L. avatar",
        },
        {
          id: "t4",
          name: "Sofía P.",
          handle: "Antigua, Guatemala",
          testimonial: "Cada pan es una obra de arte. La consistencia y el sabor son incomparables. ¡Totalmente recomendado!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-casual-middle-aged-man-smiling-isolated-orange-wall_141793-109628.jpg",
          imageAlt: "Sofía P. avatar",
        },
        {
          id: "t5",
          name: "Javier D.",
          handle: "Zona 15, Guatemala",
          testimonial: "Mi familia y yo somos fans. El pan de masa madre de Olivia Panetteria es el mejor que hemos probado.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
          imageAlt: "Javier D. avatar",
        },
      ]}
      showRating={true}
      title="Lo que dicen quienes ya lo probaron"
      description="La satisfacción de nuestros clientes es la mejor prueba de nuestro compromiso con la calidad."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="La historia detrás del pan"
      title="Olivia nació de una obsesión simple: hacer el mejor pan de Guatemala."
      buttons={[
        {
          text: "Conocé más →",
          href: "#",
        },
      ]}
      description="Empezamos con una masa madre, un horno y la certeza de que la Ciudad de Guatemala merecía pan de verdad. Cada hogaza que hacemos es el resultado de años de práctica, fracasos y aprendizajes.\n\nNo somos una fábrica. Somos una panadería pequeña y honesta, donde cada pan pasa por nuestras manos antes de llegar a las tuyas."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "fq1",
          title: "¿Cómo funciona el sistema de pedidos?",
          content: "Los pedidos se realizan por Instagram o WhatsApp antes del jueves. Entregamos los sábados en puntos de la Ciudad de Guatemala.",
        },
        {
          id: "fq2",
          title: "¿Cuánto dura el pan de masa madre?",
          content: "La fermentación natural actúa como conservante. Dura 4-5 días a temperatura ambiente y hasta 2 semanas en la nevera.",
        },
        {
          id: "fq3",
          title: "¿Tienen punto de venta físico?",
          content: "Por ahora operamos solo con pedidos y entregas. ¡Seguinos en Instagram para novedades!",
        },
        {
          id: "fq4",
          title: "¿Tienen opciones sin gluten? (Celiacos)",
          content: "Nuestros panes contienen gluten. Pero el proceso de fermentación larga los hace más digestibles para la mayoría de personas. Sin embargo, no son aptos para celiacos.",
        },
        {
          id: "fq5",
          title: "¿Puedo hacer pedidos personalizados para eventos?",
          content: "Sí. Escribinos con al menos una semana de anticipación para coordinar tu pedido especial y asegurarte la frescura de nuestros productos.",
        },
      ]}
      title="Preguntas frecuentes"
      faqsAnimation="slide-up"
      description="Resolvemos tus dudas sobre nuestros productos, procesos y cómo hacer tus pedidos."
    />
  </div>

  <div id="instagram" data-section="instagram">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Seguinos en @oliviapanetteria"
      description="Descubre el día a día de nuestro horno y la magia detrás de cada hogaza. ¡No te pierdas ninguna de nuestras creaciones!"
      buttons={[
        {
          text: "Ver más en Instagram →",
          href: "https://www.instagram.com/oliviapanetteria",
        },
      ]}
      blogs={[
        {
          id: "i1",
          category: "Sourdough",
          title: "Corteza perfecta",
          excerpt: "El secreto de una corteza crujiente y dorada.",
          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-with-chicken-egg-flour-high-quality-photo_114579-40546.jpg",
          imageAlt: "Pan de masa madre recién horneado",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor-portrait_624325-3311.jpg",
          date: "Hace 1 día",
        },
        {
          id: "i2",
          category: "Focaccia",
          title: "Focaccia irresistible",
          excerpt: "Nuestra focaccia con romero y aceite de oliva.",
          imageSrc: "http://img.b2bpic.net/free-photo/food-packaged-cans_23-2151203035.jpg",
          imageAlt: "Focaccia con romero",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-croissants_23-2148933381.jpg",
          date: "Hace 3 días",
        },
        {
          id: "i3",
          category: "Croissant",
          title: "Mañanas crujientes",
          excerpt: "El croissant de mantequilla que te hará soñar.",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-tasty-homemade-croissants-with-raspberry-jam-grey-white-french-pastry_114579-4962.jpg",
          imageAlt: "Croissants dorados",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-girl-looking-straight-ahead-wearing-white-t-shirt-isolated-pink_141793-87006.jpg",
          date: "Hace 5 días",
        },
        {
          id: "i4",
          category: "Baguette",
          title: "La rústica",
          excerpt: "Ideal para acompañar cualquier comida.",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-homemade-desserts_140725-114407.jpg",
          imageAlt: "Baguette rústica",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-friendly-senior-man_1262-1729.jpg",
          date: "Hace 1 semana",
        },
        {
          id: "i5",
          category: "Cinnamon Roll",
          title: "Dulce tentación",
          excerpt: "Nuestro cinnamon roll de masa madre, una delicia.",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls-square_127032-2507.jpg",
          imageAlt: "Cinnamon roll glaseado",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-female-cook-wearing-white-cook-suit-holding-yellow-sign-green-wall_140725-58686.jpg",
          date: "Hace 1 semana",
        },
        {
          id: "i6",
          category: "Variedad",
          title: "Nuestra selección",
          excerpt: "Descubre todos los sabores que tenemos para ti.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-types-bread_23-2149233692.jpg",
          imageAlt: "Variedad de panes",
          authorName: "@oliviapanetteria",
          authorAvatar: "http://img.b2bpic.net/free-photo/casual-woman-with-denim-jacket-smiling_1187-1316.jpg",
          date: "Hace 2 semanas",
        },
      ]}
    />
  </div>

  <div id="main-cta" data-section="main-cta">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Momentos de Felicidad"
      title="¿Cuándo fue la última vez que un pan te hizo feliz?"
      description="Pedidos semanales. Entregas en Ciudad de Guatemala. Stock limitado.\n\n⏱ Los pedidos se cierran los jueves a las 8PM"
      buttonText="Hacé tu pedido esta semana →"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/two-pieces-donuts-sprinkled-with-powder-sugar_140725-6874.jpg"
      imageAlt="Panadería artesanal Olivia Panetteria"
      logoText="Olivia Panetteria"
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Nosotros",
              href: "#about",
            },
            {
              label: "Productos",
              href: "#products",
            },
            {
              label: "El Proceso",
              href: "#process",
            },
            {
              label: "Pedidos",
              href: "#main-cta",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Contacto",
          items: [
            {
              label: "Instagram",
              href: "https://www.instagram.com/oliviapanetteria",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/502xxxxxxxx",
            },
            {
              label: "Correo",
              href: "mailto:hola@oliviapanetteria.com",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Olivia Panetteria. Todos los derechos reservados.\nHecho con harina, agua, sal, tiempo — y las manos correctas."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
