"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ContactText from '@/components/sections/contact/ContactText';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Sparkles, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Laurent"
          navItems={[
            { name: "Menú", id: "menu" },
            { name: "Sobre Laurent", id: "about" },
            { name: "Nuestros Productos", id: "products" },
            { name: "Por qué Laurent", id: "quality" },
            { name: "Pedidos", id: "ordering" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{
            text: "Pedir Ahora",            href: "#ordering"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Laurent"
          description="Panadería artesanal de lujo en Uruapan. Tradición francesa, ingredientes premium, atención al detalle. Cada producto es una obra maestra."
          buttons={[
            { text: "Ver Menú", href: "#menu" },
            { text: "Pedir Ahora", href: "#ordering" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg"
          imageAlt="Laurent Bakery - Panadería artesanal de lujo"
          mediaAnimation="slide-up"
          background={{ variant: "aurora" }}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Sobre " },
            { type: "text", content: "Laurent" }
          ]}
          buttons={[
            { text: "Conocer más", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Nuestro Menú"
          description="Una selección cuidadosa de productos artesanales elaborados con ingredientes premium importados de Francia. Cada pieza es un reflejo de nuestro compromiso con la excelencia."
          tag="Especialidades Francesas"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "croissant",              brand: "Clásico",              name: "Croissant",              price: "$45",              rating: 5,
              reviewCount: "85",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-homemade-croissants_23-2148413993.jpg",              imageAlt: "Croissant mantequilla"
            },
            {
              id: "pain-chocolat",              brand: "Especialidad",              name: "Pain au Chocolat",              price: "$55",              rating: 5,
              reviewCount: "92",              imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-zebra-marble-cake_114579-29764.jpg",              imageAlt: "Pain au Chocolat"
            },
            {
              id: "macarons",              brand: "Gourmet",              name: "Macarons Assortidos",              price: "$120",              rating: 5,
              reviewCount: "78",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-macarons-with-roses_23-2148489039.jpg",              imageAlt: "Macarons franceses"
            },
            {
              id: "cake-custom",              brand: "Eventos",              name: "Pasteles Personalizados",              price: "Consultar",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-coffee-beans-book-high-quality-photo_114579-68014.jpg",              imageAlt: "Pastel personalizado"
            },
            {
              id: "bread",              brand: "Diario",              name: "Pan Artesanal",              price: "$65",              rating: 5,
              reviewCount: "64",              imageSrc: "http://img.b2bpic.net/free-photo/rye-sliced-bread-table_1112-1315.jpg",              imageAlt: "Pan artesanal variado"
            },
            {
              id: "special",              brand: "Temporada",              name: "Delicias de Temporada",              price: "Según oferta",              rating: 5,
              reviewCount: "43",              imageSrc: "http://img.b2bpic.net/free-vector/flat-organic-food-label-collection_23-2148116553.jpg",              imageAlt: "Especialidad de temporada"
            }
          ]}
          buttons={[
            { text: "Hacer Pedido", href: "#ordering" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="quality" data-section="quality">
        <FeatureCardSixteen
          title="Por Qué Elegir Laurent"
          description="En Laurent, la calidad no es una promesa, es nuestra esencia. Cada detalle cuenta."
          negativeCard={{
            items: [
              "Productos masivos sin alma",              "Ingredientes de baja calidad",              "Falta de personalización",              "Servicio impersonal"
            ]
          }}
          positiveCard={{
            items: [
              "Recetas artesanales auténticas",              "Ingredientes premium importados",              "Pedidos personalizados para ti",              "Atención personalizada y cuidadosa"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Diferencia Laurent"
          tagIcon={Award}
        />
      </div>

      <div id="ordering" data-section="ordering">
        <ContactText
          text="Realiza tu pedido en línea y disfruta de nuestras creaciones artesanales. Entregas en Uruapan y alrededores. Para pedidos especiales, consulta con nuestro equipo."
          animationType="entrance-slide"
          buttons={[
            { text: "Whatsapp", href: "https://wa.me/5215551234567" },
            { text: "Correo", href: "mailto:pedidos@laurentbakery.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Lo Que Dicen Nuestros Clientes"
          description="La satisfacción de nuestros clientes es el mayor reflejo de nuestro compromiso con la calidad."
          testimonials={[
            {
              id: "1",              name: "María González",              handle: "@maria_uruapan",              testimonial: "Los croissants de Laurent son lo mejor que he probado. La masa está perfecta, crujiente por fuera y suave por dentro. ¡Calidad francesa en Uruapan!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg",              imageAlt: "María González"
            },
            {
              id: "2",              name: "Carlos Mendoza",              handle: "@carlosmendoza",              testimonial: "Para el pastel de mi boda, Laurent fue la mejor decisión. El diseño, el sabor, cada detalle fue perfecto. Los ingredientes realmente son premium.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",              imageAlt: "Carlos Mendoza"
            },
            {
              id: "3",              name: "Ana Rodríguez",              handle: "@anarodriguez_uru",              testimonial: "El servicio de Laurent es excepcional. Te dan recomendaciones, personaliza tus pedidos y siempre están atentos a tus necesidades. Muy recomendado.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1744.jpg",              imageAlt: "Ana Rodríguez"
            },
            {
              id: "4",              name: "Roberto Flores",              handle: "@rfloresuru",              testimonial: "Cada vez que compro en Laurent sé que voy a llevar a casa una obra maestra. La dedicación del equipo al detalle es incomparable en la ciudad.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-restaurant-seaport_1157-2184.jpg",              imageAlt: "Roberto Flores"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <FaqSplitMedia
          title="Preguntas Frecuentes"
          description="Resolvemos tus dudas sobre nuestros productos y servicios."
          tag="Información"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-bread-tower-with-flour-sieve_23-2148695491.jpg"
          imageAlt="Interior de Laurent Bakery"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "¿Cuáles son tus horarios de atención?",              content: "Estamos abiertos de lunes a sábado de 7:00 AM a 8:00 PM, y domingos de 8:00 AM a 6:00 PM. Los pedidos especiales pueden realizarse en línea en cualquier momento."
            },
            {
              id: "2",              title: "¿Aceptan pedidos personalizados?",              content: "¡Por supuesto! Ofrecemos personalización en pasteles, macarons y otros productos. Contacta con nosotros con al menos 48 horas de anticipación para pedidos especiales."
            },
            {
              id: "3",              title: "¿Hacen entregas a domicilio?",              content: "Sí, realizamos entregas en Uruapan y alrededores. Los costos y tiempos de entrega varían según la zona. Consulta mediante WhatsApp o correo."
            },
            {
              id: "4",              title: "¿De dónde provienen tus ingredientes?",              content: "Utilizamos ingredientes premium importados de Francia cuando es posible, complementados con proveedores locales de confianza. La calidad es nuestra prioridad absoluta."
            },
            {
              id: "5",              title: "¿Tienen opciones sin gluten o alérgenos?",              content: "Contamos con opciones especiales. Por favor, comunica tus requerimientos especiales al hacer tu pedido para garantizar la mejor experiencia."
            },
            {
              id: "6",              title: "¿Cómo realizo un pedido en línea?",              content: "Puedes contactarnos vía WhatsApp, correo electrónico o visitando nuestra tienda. Especifica lo que deseas y coordinaremos los detalles de tu pedido."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          logoText="Laurent"
          copyrightText="© 2024 Laurent Bakery | Uruapan, Michoacán"
          imageSrc="http://img.b2bpic.net/free-photo/various-cakes-supermarket-shelves-sale_627829-7332.jpg"
          imageAlt="Laurent Bakery - Fachada"
          columns={[
            {
              title: "Ubicación",              items: [
                { label: "Uruapan, Michoacán", href: "#" },
                { label: "Teléfono", href: "tel:+5215551234567" },
                { label: "WhatsApp", href: "https://wa.me/5215551234567" }
              ]
            },
            {
              title: "Enlaces",              items: [
                { label: "Inicio", href: "#hero" },
                { label: "Menú", href: "#menu" },
                { label: "Contacto", href: "#contact" },
                { label: "Pedidos", href: "#ordering" }
              ]
            },
            {
              title: "Síguenos",              items: [
                { label: "Facebook", href: "https://facebook.com/LaurentRestaurante" },
                { label: "Instagram", href: "https://instagram.com/LaurentUruapan" },
                { label: "Correo", href: "mailto:info@laurentbakery.com" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Devoluciones", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}