"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Briefcase, Clock, Home, MapPin, Truck, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Sobre Nosotros",          id: "about"},
        {
          name: "Servicios",          id: "services"},
        {
          name: "Menú",          id: "menu"},
        {
          name: "Reseñas",          id: "reviews"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      brandName="Pizzería Eileen"
      button={{
        text: "Pedir Ahora",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "rotated-rays-static"}}
      title="Pizzería Eileen – Los Multis"
      description="La pizza que Azua esperaba 🍕"
      buttons={[
        {
          text: "Ver Menú",          href: "#menu"},
        {
          text: "Pedir Ahora",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-pizza-while-being-home-alone_23-2149527947.jpg"
      imageAlt="Una pizza artesanal recién horneada con el nombre del restaurante"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Auténtico Sabor Dominicano en Cada Rebanada"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Consumo en el Lugar",          description: "Disfruta de un ambiente cálido y familiar en nuestro acogedor local.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg",            imageAlt: "Gente comiendo pizza en un ambiente acogedor"},
          items: [
            {
              icon: Home,
              text: "Ambiente Familiar"},
            {
              icon: Utensils,
              text: "Mesas Disponibles"},
          ],
          reverse: false,
        },
        {
          title: "Para Llevar",          description: "Recoge tu pedido fresco y caliente, listo para disfrutar donde quieras.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-brown-box-hand-holding-brown-box-female-hand-pink-background-color-food-package_140725-15878.jpg",            imageAlt: "Caja de pizza lista para llevar"},
          items: [
            {
              icon: Briefcase,
              text: "Recogida Rápida"},
            {
              icon: Clock,
              text: "Ahorra Tiempo"},
          ],
          reverse: true,
        },
        {
          title: "Entrega a Domicilio",          description: "Tu pizza favorita, directamente en la puerta de tu casa u oficina.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-red-tomatoes-olives-all-sliced-inside-with-oil-flour-grey-desk-pizza-dough-italian_140725-22890.jpg?_wi=1",            imageAlt: "Moto de reparto de pizza"},
          items: [
            {
              icon: Truck,
              text: "Entrega Express"},
            {
              icon: MapPin,
              text: "Cobertura en Azua"},
          ],
          reverse: false,
        },
      ]}
      title="Conveniencia a tu Gusto"
      description="Pensando en ti, ofrecemos múltiples maneras para que disfrutes tu pizza favorita."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "pollo-pepperoni",          name: "Mitad Pollo / Mitad Pepperoni con Maíz",          price: "Desde $350 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-red-tomatoes-olives-all-sliced-inside-with-oil-flour-grey-desk-pizza-dough-italian_140725-22890.jpg?_wi=2",          imageAlt: "Pizza mitad pollo, mitad pepperoni con maíz"},
        {
          id: "napoletana",          name: "Pizza Napolitana",          price: "Desde $280 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-margherita-pizza-topped-with-rocket_141793-2150.jpg",          imageAlt: "Pizza napolitana clásica"},
        {
          id: "cuatro-quesos",          name: "Pizza Cuatro Quesos",          price: "Desde $380 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cheese-pizza-with-tomatoes-wooden-plate_141793-2940.jpg",          imageAlt: "Pizza de cuatro quesos"},
        {
          id: "vegetales",          name: "Pizza de Vegetales Frescos",          price: "Desde $300 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/pizza-caezar-lettuce-parmesan-cherry-tomato-chicken-crackers-side-view_141793-3788.jpg",          imageAlt: "Pizza con vegetales frescos"},
        {
          id: "pepperoni-clasica",          name: "Pizza Pepperoni Clásica",          price: "Desde $250 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-overhead-shot-delicious-pizza-outdoor-environment_181624-28951.jpg",          imageAlt: "Pizza de pepperoni clásica"},
        {
          id: "refresco",          name: "Refrescos Fríos",          price: "Desde $50 DOP",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-clear-water-drops-surface_23-2148635106.jpg",          imageAlt: "Botella de refresco frío"},
      ]}
      title="Nuestro Delicioso Menú"
      description="Explora nuestras especialidades, desde clásicos hasta creaciones únicas. ¡Siempre con el toque dominicano!"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "¡Excelente calidad y atenciones!",          quote: "Excelente calidad, excelentes atenciones. 10/10",          name: "Jamport Lara",          role: "Cliente Satisfecho",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-partying-with-food_23-2149525599.jpg",          imageAlt: "Foto de Jamport Lara"},
        {
          id: "2",          title: "Productos frescos y sabor inigualable",          quote: "Buenas atenciones, productos frescos, excelentes precios y un inigualable sabor, la recomiendo al 100%",          name: "Joel Segura",          role: "Cliente Satisfecho",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-203718.jpg",          imageAlt: "Foto de Joel Segura"},
        {
          id: "3",          title: "Buen servicio y comida deliciosa",          quote: "Excelente servicio, buena comida y buen servicio",          name: "Reyna Orquídea De León",          role: "Cliente Satisfecha",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",          imageAlt: "Foto de Reyna Orquídea De León"},
        {
          id: "4",          title: "Siempre volvemos por más",          quote: "La mejor pizza de Azua, siempre fresca y con ese sabor casero que nos encanta. ¡Un 10!",          name: "Ana Rodríguez",          role: "Cliente Frecuente",          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg",          imageAlt: "Foto de Ana Rodríguez"},
        {
          id: "5",          title: "Una experiencia culinaria que encanta",          quote: "El equipo de Pizzería Eileen es súper amable y la pizza es simplemente espectacular. ¡Recomendado para todos!",          name: "Carlos Pérez",          role: "Entusiasta de la Pizza",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",          imageAlt: "Foto de Carlos Pérez"},
        {
          id: "6",          title: "Perfecto para toda la familia",          quote: "Cada vez que pedimos, la pizza llega a tiempo y deliciosa. ¡Mis hijos la aman!",          name: "Laura Guzmán",          role: "Madre de Familia",          imageSrc: "http://img.b2bpic.net/free-photo/parents-spending-time-with-their-daughter-grandson_23-2149050694.jpg",          imageAlt: "Foto de Laura Guzmán"},
      ]}
      title="Lo que dicen nuestros clientes"
      description="La satisfacción de quienes nos visitan es nuestra mayor recompensa. ¡Mira por qué nos aman!"
    />
  </div>

  <div id="rating" data-section="rating">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Google Reviews",        "Clientes Satisfechos",        "Sabor Auténtico",        "Calidad Superior",        "Servicio Amable",        "Precios Justos",        "Fresco y Delicioso"]}
      title="Orgullosamente 4.3 estrellas"
      description="Más de 324 clientes satisfechos en Google nos recomiendan. ¡Tu opinión es nuestra prioridad!"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="¡Visítanos o contáctanos!\n\nDirección: Respaldo Carretera Sánchez esq, C. Abraham Ortíz #1, Azua 71000\nTeléfono: (809) 521-2640\nHorario: Jueves a Martes, 3:00 PM – 11:00 PM\n\n¡Escríbenos por WhatsApp o encuéntranos fácilmente en Google Maps para pedir tu pizza o visitarnos! (El mapa de Google Maps se integrará aquí)."
      buttons={[
        {
          text: "Llamar Ahora",          href: "tel:+18095212640"},
        {
          text: "Enviar WhatsApp",          href: "https://wa.me/18095212640"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Pizzería Eileen"
      columns={[
        {
          title: "Enlaces Rápidos",          items: [
            {
              label: "Inicio",              href: "#hero"},
            {
              label: "Menú",              href: "#menu"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          title: "Síguenos",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
        {
          title: "Información",          items: [
            {
              label: "Dirección: Azua 71000",              href: "#"},
            {
              label: "Teléfono: (809) 521-2640",              href: "tel:+18095212640"},
            {
              label: "Horario: 3:00 PM – 11:00 PM",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Pizzería Eileen – Los Multis. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}