"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Coffee, ShoppingBag, Truck, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "#inicio",
        },
        {
          name: "Experiencia",
          id: "#experiencia",
        },
        {
          name: "Carta",
          id: "#carta",
        },
        {
          name: "Reseñas",
          id: "#resenas",
        },
        {
          name: "Ubicación",
          id: "#ubicacion",
        },
        {
          name: "Contacto",
          id: "#contacto",
        },
      ]}
      button={{
        text: "Llamar ahora",
        href: "tel:78675784",
      }}
      brandName="Restaurante Doña Goya"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Sabor casero en el corazón de Flores"
      description="Disfruta desayunos completos, almuerzos caseros y una atención cálida en Restaurante Doña Goya. ⭐ 4.4 / 5 · 1,045 reseñas. Rango: Q50 - Q100 por persona."
      buttons={[
        {
          text: "Llamar al restaurante",
          href: "tel:78675784",
        },
        {
          text: "Cómo llegar",
          href: "#ubicacion",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-dinner-assortment-table_23-2149055456.jpg"
      imageAlt="Desayuno tradicional en Doña Goya"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/baked-chicken-with-vegetables-table_23-2147954360.jpg",
          alt: "Cliente satisfecho",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tasty-food-table-assortment-flat-lay_23-2149139466.jpg",
          alt: "Comensal feliz",
        },
        {
          src: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-food_23-2148941560.jpg",
          alt: "Turista disfrutando",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-sitting-table-with-different-food_23-2147947955.jpg",
          alt: "Familia local",
        },
        {
          src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
          alt: "Visitante del restaurante",
        },
      ]}
      avatarText="Más de 1,000 clientes nos recomiendan"
      marqueeItems={[
        {
          type: "text",
          text: "Ingredientes Frescos",
        },
        {
          type: "text-icon",
          text: "Tradición Local",
          icon: Utensils,
        },
        {
          type: "text",
          text: "Ambiente Familiar",
        },
        {
          type: "text-icon",
          text: "Calidad Garantizada",
          icon: Award,
        },
        {
          type: "text",
          text: "Sabor Casero",
        },
      ]}
    />
  </div>

  <div id="beneficios" data-section="beneficios">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Desayunos Completos",
          subtitle: "Porciones generosas y llenas de sabor.",
          category: "Calidad",
          value: "Garantizada",
        },
        {
          id: "f2",
          title: "Ambiente Familiar",
          subtitle: "Ideal para compartir con los tuyos.",
          category: "Entorno",
          value: "Acogedor",
        },
        {
          id: "f3",
          title: "Atención Amable",
          subtitle: "Sabor local y calidez en cada detalle.",
          category: "Servicio",
          value: "Excepcional",
        },
        {
          id: "f4",
          title: "Para Llevar",
          subtitle: "Disfruta donde prefieras.",
          category: "Opción",
          value: "Práctica",
        },
      ]}
      title="Por qué visitarnos"
      description="Una experiencia auténtica y familiar en la Isla de Flores."
    />
  </div>

  <div id="experiencia" data-section="experiencia">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Una experiencia auténtica en Flores"
      description={[
        "Restaurante Doña Goya es una opción familiar y auténtica en Flores, ideal para disfrutar un desayuno completo, un almuerzo casero o una comida tranquila con buena atención y precios justos.",
      ]}
    />
  </div>

  <div id="carta" data-section="carta">
      <ProductCardThree
      animationType="opacity"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Desayunos completos",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg",
        },
        {
          id: "p2",
          name: "Avena",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-healthy-desserts-with-mixture-fruits_23-2148650293.jpg",
        },
        {
          id: "p3",
          name: "Café de la casa",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-latte-with-frothy-foam-with-cookie-wooden-table_23-2147898245.jpg",
        },
        {
          id: "p4",
          name: "Jugos naturales",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148079551.jpg",
        },
        {
          id: "p5",
          name: "Almuerzos caseros",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-delicious-food_23-2150347477.jpg",
        },
        {
          id: "p6",
          name: "Menú del día",
          price: "Consulta en sitio",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-greens-sliced-cabbage-bell-peppers-dark-table_140725-143020.jpg",
        },
      ]}
      title="Sabores favoritos"
      description="Consulta disponibilidad directamente en el restaurante."
    />
  </div>

  <div id="servicios" data-section="servicios">
      <MetricCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          title: "En el lugar",
          value: "Comedor",
          icon: Coffee,
        },
        {
          id: "m2",
          title: "Para llevar",
          value: "Rápido",
          icon: ShoppingBag,
        },
        {
          id: "m3",
          title: "Entrega",
          value: "Sin contacto",
          icon: Truck,
        },
      ]}
      title="Nuestros Servicios"
      description="Adaptados a tus necesidades."
    />
  </div>

  <div id="resenas" data-section="resenas">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Visitante Local",
          handle: "@doñagoya",
          testimonial: "Desayunos completos, porciones generosas y atención amable.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153758.jpg",
        },
        {
          id: "t2",
          name: "Turista Feliz",
          handle: "@doñagoya",
          testimonial: "Un lugar limpio, agradable, con buenos precios y ricos jugos naturales.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153699.jpg",
        },
        {
          id: "t3",
          name: "Cliente Frecuente",
          handle: "@doñagoya",
          testimonial: "Comida casera, ambiente familiar y una ubicación ideal en Flores.",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg",
        },
        {
          id: "t4",
          name: "Viajero",
          handle: "@doñagoya",
          testimonial: "Excelente opción para desayunar en la isla, muy recomendable.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-st-patrick-s-day_23-2151930769.jpg",
        },
        {
          id: "t5",
          name: "Local",
          handle: "@doñagoya",
          testimonial: "Sabor auténtico y trato siempre muy amable.",
          imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-dinner-assortment-table_23-2149055456.jpg",
        },
      ]}
      title="Lo que opinan nuestros visitantes"
      description="⭐ 4.4 de calificación · Más de 1,000 reseñas"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "¿Tienen servicio a domicilio?",
          content: "Consulta directamente llamando al 7867 5784 para conocer nuestras opciones actuales.",
        },
        {
          id: "q2",
          title: "¿Hasta qué hora están abiertos?",
          content: "Estamos abiertos todos los días, cerrando a las 10:00 p. m.",
        },
        {
          id: "q3",
          title: "¿Tienen opciones para niños?",
          content: "Nuestro menú casero es apto para toda la familia.",
        },
      ]}
      title="Ven a conocernos"
      description="Estamos listos para atenderte con sabor y cariño local."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="ubicacion" data-section="ubicacion">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Calle 15 de Septiembre, Flores, Petén, Guatemala. Referencia: W4H5+CJ Flores."
      buttons={[
        {
          text: "Llamar: 7867 5784",
          href: "tel:78675784",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
      logoText="Restaurante Doña Goya"
      columns={[
        {
          title: "Contacto",
          items: [
            {
              label: "Calle 15 de Septiembre, Flores, Petén",
              href: "#",
            },
            {
              label: "Tel: 7867 5784",
              href: "tel:78675784",
            },
          ],
        },
        {
          title: "Servicios",
          items: [
            {
              label: "Consumo en el lugar",
              href: "#",
            },
            {
              label: "Para llevar",
              href: "#",
            },
            {
              label: "Entrega sin contacto",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Restaurante Doña Goya. Sabor casero en Flores, Petén."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
