"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Cake, Coffee, Soup, Star, Utensils, MapPin, ParkingSquare, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="large"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Nosotros",          id: "about"},
        {
          name: "Menú",          id: "menu"},
        {
          name: "Galería",          id: "gallery"},
        {
          name: "Promociones",          id: "promotions"},
        {
          name: "Reservar",          id: "reservations"},
        {
          name: "Testimonios",          id: "testimonials"},
        {
          name: "Ubicación",          id: "location"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/take-away-food-composition-with-slate_23-2147805016.jpg"
      logoAlt="Central Café Logo"
      brandName="Central Café"
      button={{
        text: "Reservar Ahora",        href: "#reservations"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Bienvenidos a Central Café"
      description="Comida increíble y ambiente relajado en el corazón de Santiago."
      buttons={[
        {
          text: "Ver Menú",          href: "#menu"},
        {
          text: "Reservar Mesa",          href: "#reservations"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-pistachios_140725-7357.jpg"
      imageAlt="Modern cafe interior with coffee, gourmet food, and cocktails"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-looking-front-smiliung-cheerfully-showing-ok-sign-standing-orange-wall_141793-96581.jpg",          alt: "Profesional amigable"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80836.jpg",          alt: "Joven entusiasta"},
        {
          src: "http://img.b2bpic.net/free-photo/young-friendly-waiter-looking-camera-sincerely-smiling-against-colorful-background-attractive-bearded-man-apron-looking-happy-work_574295-6068.jpg",          alt: "Sonrisa acogedora"},
        {
          src: "http://img.b2bpic.net/free-photo/barber-man-apron-confused-very-anxious-standing-pink-wall_141793-61552.jpg",          alt: "Cliente satisfecho"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-friendly-woman-holding-shopping-bags_1098-1574.jpg",          alt: "Visitante feliz"},
      ]}
      avatarText="+10K Clientes Satisfechos"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Sobre Central Café"
      description="En Central Café ofrecemos una experiencia única donde combinamos excelente café, deliciosa gastronomía y cócteles especiales en un ambiente moderno y acogedor para toda la familia."
      metrics={[
        {
          value: "5+",          title: "Años de Experiencia"},
        {
          value: "10K+",          title: "Clientes Felices"},
        {
          value: "200+",          title: "Platos Únicos"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
      imageAlt="Interior view of Central Café"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Desayunos",          description: "Comienza tu día con energía con nuestras opciones frescas y deliciosas.",          icon: Coffee,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/plate-with-healthy-sandwich_23-2148590164.jpg",              imageAlt: "Gourmet breakfast plate"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissants-with-raspberry-jam-raspberry-fruits_114579-11543.jpg",              imageAlt: "Fluffy pancakes with berries"},
          ]
        },
        {
          title: "Almuerzos",          description: "Platos equilibrados y sabrosos, ideales para tu pausa del mediodía.",          icon: Utensils,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-pasta-with-cheese-broccoli-light-gray-background-photo-color-dough-dish-meal-food-green-italy_140725-160398.jpg",              imageAlt: "Delicious pasta dish"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/grain-with-rice-berry-roast-pork_1339-2957.jpg",              imageAlt: "Gourmet sandwich with salad"},
          ]
        },
        {
          title: "Cenas",          description: "Experiencias gastronómicas memorables para tus noches especiales.",          icon: Soup,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg",              imageAlt: "Fine dining steak"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-originally-served-salad-stands-dark-wooden-t_1304-4651.jpg",              imageAlt: "Elegant salmon dish"},
          ]
        },
        {
          title: "Cafés Especiales",          description: "Descubre el arte del café con nuestras creaciones únicas y aromáticas.",          icon: Coffee,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/rustic-coffee-table-sets-frothy-latte-mood-generated-by-ai_188544-18577.jpg",              imageAlt: "Latte art in a coffee cup"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-drink-with-marshmallows_53876-123138.jpg",              imageAlt: "Barista preparing espresso shot"},
          ]
        },
        {
          title: "Postres",          description: "El toque dulce perfecto para cerrar tu experiencia en Central Café.",          icon: Cake,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/homemade-mini-apple-pie-with-cinnamon_114579-13583.jpg",              imageAlt: "Chocolate lava cake with ice cream"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mocktail_1203-2931.jpg",              imageAlt: "Creamy cheesecake with berries"},
          ]
        },
        {
          title: "Cócteles",          description: "Refrescantes y sofisticados, perfectos para cualquier momento del día.",          icon: Star,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-redhead-woman-sitting-cafe_171337-15626.jpg",              imageAlt: "Classic Mojito cocktail"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg",              imageAlt: "Colorful tropical cocktail"},
          ]
        }
      ]}
      title="Nuestro Menú Exclusivo"
      description="Explora nuestras categorías de platos y bebidas, cuidadosamente preparadas para ti, desde desayunos energéticos hasta cócteles especiales."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "gallery-coffee-1",          brand: "Café",          name: "Latte Art",          price: "",          rating: 5,
          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-redhead-woman-sitting-cafe_171337-15626.jpg",          imageAlt: "Artistic latte art in a cup"},
        {
          id: "gallery-dish-1",          brand: "Plato",          name: "Salmón Grillado",          price: "",          rating: 5,
          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg",          imageAlt: "Exquisite grilled salmon dish"},
        {
          id: "gallery-cocktail-1",          brand: "Cóctel",          name: "Mojito Clásico",          price: "",          rating: 5,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-drinking-cocktail-beach_23-2148165041.jpg",          imageAlt: "Classic Mojito cocktail with mint and lime"},
        {
          id: "gallery-ambiance-1",          brand: "Ambiente",          name: "Interior Moderno",          price: "",          rating: 5,
          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg",          imageAlt: "Modern interior of Central Café"},
        {
          id: "gallery-coffee-2",          brand: "Café",          name: "Espresso Doble",          price: "",          rating: 5,
          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg",          imageAlt: "Double espresso shot"},
        {
          id: "gallery-dish-2",          brand: "Plato",          name: "Tacos de Camarón",          price: "",          rating: 5,
          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/indian-butter-chicken-black-bowl-wooden-table_123827-20755.jpg",          imageAlt: "Delicious shrimp tacos"},
        {
          id: "gallery-cocktail-2",          brand: "Cóctel",          name: "Margarita",          price: "",          rating: 5,
          reviewCount: "17",          imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-with-ice-bronze-glass-bar-table_627829-6434.jpg",          imageAlt: "Refreshing Margarita cocktail"},
        {
          id: "gallery-ambiance-2",          brand: "Ambiente",          name: "Área Exterior",          price: "",          rating: 5,
          reviewCount: "28",          imageSrc: "http://img.b2bpic.net/free-photo/cooking-process-asian-restaurant-cook-is-fry-vegetables-with-spices-sauce-wok_613910-19809.jpg",          imageAlt: "Outdoor seating area of Central Café"},
      ]}
      title="Nuestra Galería Visual"
      description="Una mirada a la calidad, la creatividad y el ambiente único de Central Café a través de nuestras fotografías."
    />
  </div>

  <div id="promotions" data-section="promotions">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "happy-hour",          title: "Happy Hour Diario",          price: "50% OFF",          period: "En cócteles seleccionados",          features: [
            "Válido de 4 PM a 6 PM",            "Aplica en bebidas específicas",            "Ambiente relajado"],
          button: {
            text: "Ver Bebidas"},
          imageSrc: "http://img.b2bpic.net/free-photo/shot-smiling-woman-showing-banner-winter-sale_329181-7383.jpg",          imageAlt: "Happy Hour Cocktails"},
        {
          id: "combo-especial",          title: "Combo Especial",          price: "$15.99",          period: "Plato principal + bebida",          features: [
            "Selección de platos del día",            "Incluye refresco o café",            "Disponible toda la semana"],
          button: {
            text: "Pedir Combo"},
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-white-plate-with-bowls-dry-flowers-cookies-grey-ground_140725-52860.jpg",          imageAlt: "Combo Meal Special"},
        {
          id: "descuento-semanal",          title: "Descuento Semanal",          price: "10% OFF",          period: "En todo el menú los Martes",          features: [
            "Aplica en comida y bebida",            "Excluye promociones",            "Solo los días Martes"],
          button: {
            text: "Ver Menú"},
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-pizza-copy-space_23-2148247933.jpg",          imageAlt: "Weekly Discount Offer"},
      ]}
      title="Promociones Especiales"
      description="No te pierdas nuestras ofertas exclusivas y disfruta más de la experiencia Central Café con promociones irresistibles."
    />
  </div>

  <div id="reservations" data-section="reservations">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "¿Cómo hago una reserva?",          content: "Puede realizar una reserva llamándonos al 950-8891, o enviando un correo a info@centralcafe.com con los detalles de su visita. También puede visitarnos en persona."},
        {
          id: "faq-2",          title: "¿Puedo modificar o cancelar mi reserva?",          content: "Sí, para modificar o cancelar su reserva, por favor contáctenos con al menos 24 horas de antelación. Agradecemos su comprensión."},
        {
          id: "faq-3",          title: "¿Hay un mínimo de personas para reservar?",          content: "No hay un mínimo de personas para reservar, sin embargo, para grupos grandes (más de 6 personas) recomendamos reservar con antelación para garantizar disponibilidad."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/autumn-season-change-falling-calendar-organization-clover-concept_53876-124410.jpg"
      imageAlt="Online reservation illustration"
      mediaAnimation="slide-up"
      title="Reservaciones y Consultas"
      description="Para asegurar su mesa, por favor complete el formulario de reserva con sus datos, o contáctenos directamente. Confirmaremos su solicitud a la brevedad posible. Para preguntas frecuentes sobre reservas, consulte a continuación."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Ana García",          role: "Entusiasta de la comida",          company: "Comunidad Local",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1351.jpg",          imageAlt: "Ana García, satisfied customer"},
        {
          id: "2",          name: "Juan Pérez",          role: "Visitante Habitual",          company: "Empresario",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",          imageAlt: "Juan Pérez, regular customer"},
        {
          id: "3",          name: "María Rodríguez",          role: "Amante del Café",          company: "Aficionada",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-outdoor-sitting_23-2148883612.jpg",          imageAlt: "María Rodríguez, coffee lover"},
        {
          id: "4",          name: "Carlos Sánchez",          role: "Crítico Gastronómico",          company: "Blog de Comida",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg",          imageAlt: "Carlos Sánchez, food critic"},
        {
          id: "5",          name: "Sofía Morales",          role: "Organizadora de Eventos",          company: "Eventos Panamá",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-person-ready-give-hug_23-2148576171.jpg",          imageAlt: "Sofía Morales, event organizer"},
        {
          id: "6",          name: "David Flores",          role: "Explorador Culinario",          company: "Viajero",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg",          imageAlt: "David Flores, culinary explorer"},
      ]}
      title="Lo que dicen nuestros clientes"
      description="Opiniones reales de quienes han disfrutado de la experiencia Central Café y se han enamorado de nuestro ambiente y sabor."
    />
  </div>

  <div id="location" data-section="location">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "location-1",          value: "📍",          title: "Ubicación Central",          description: "Estamos en el corazón de la ciudad, un punto de referencia fácil de encontrar para todos.",          icon: MapPin
        },
        {
          id: "location-2",          value: "🅿️",          title: "Fácil Acceso",          description: "Contamos con acceso conveniente y opciones de estacionamiento cercano para nuestros visitantes.",          icon: ParkingSquare
        },
        {
          id: "location-3",          value: "✨",          title: "Ambiente Vibrante",          description: "Disfruta de un entorno moderno y acogedor, perfecto para cualquier ocasión y con conexión a Google Maps.",          icon: Sparkles
        },
      ]}
      title="Encuéntranos en Santiago"
      description="Central Café está convenientemente ubicado en Avenida Central, Santiago de Veraguas, Panamá. Nuestro local es el punto de encuentro ideal, fácil de acceder y con un ambiente que te encantará."
      buttons={[
        {
          text: "Ver en Google Maps",          href: "https://www.google.com/maps/search/Central+Caf%C3%A9,+Avenida+Central,+Santiago+de Veraguas,+Panam%C3%A1"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Contacto"
      title="Estamos Aquí Para Ayudarte"
      description="No dudes en contactarnos para cualquier consulta, evento especial o sugerencia. ¡Tu opinión es importante para nosotros y valoramos cada interacción!"
      buttons={[
        {
          text: "Llamar Ahora (950-8891)",          href: "tel:9508891"},
        {
          text: "Envíanos un Correo",          href: "mailto:info@centralcafe.com"},
        {
          text: "Síguenos en Instagram",          href: "https://instagram.com/centralcafestgo"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/take-away-food-composition-with-slate_23-2147805016.jpg"
      logoAlt="Central Café Logo"
      columns={[
        {
          items: [
            {
              label: "Inicio",              href: "#hero"},
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Nuestro Menú",              href: "#menu"},
            {
              label: "Promociones",              href: "#promotions"},
          ],
        },
        {
          items: [
            {
              label: "Reservaciones",              href: "#reservations"},
            {
              label: "Testimonios",              href: "#testimonials"},
            {
              label: "Ubicación",              href: "#location"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Instagram",              href: "https://instagram.com/centralcafestgo"},
            {
              label: "WhatsApp",              href: "https://wa.me/5079508891"},
            {
              label: "Términos y Condiciones",              href: "#"},
            {
              label: "Política de Privacidad",              href: "#"},
          ],
        },
      ]}
      logoText="Central Café"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}