"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { CheckCircle, Diamond, ShoppingCart, Sparkles, Star, Tag } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",
          id: "#home",
        },
        {
          name: "Colección",
          id: "#products",
        },
        {
          name: "Sobre Nosotros",
          id: "#about",
        },
        {
          name: "Ubicaciones",
          id: "#contact",
        },
        {
          name: "FAQs",
          id: "#faq",
        },
      ]}
      brandName="GRENOBIL CARACAS"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Bolsos de Calidad para Tu Estilo Caracas"
      description="Discover premium handbags and accessories from Distribuidora GRENOBIL CARACAS. Shop online, visit our multiple locations, or connect with our team today."
      buttons={[
        {
          text: "Explorar Colección",
          href: "#products",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-woman-piles-bags_23-2150871350.jpg?_wi=1",
          imageAlt: "Elegant handbag display in a luxury fashion store",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-wall-with-handback_158538-14729.jpg?_wi=1",
          imageAlt: "Woman with a modern handbag on a city street",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669573.jpg?_wi=1",
          imageAlt: "Close up view of detailed handbag texture and stitching",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-shopping-bags_23-2148238177.jpg",
          imageAlt: "Interior of a stylish bag retail store with organized displays",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-money-her-shopping-bags_23-2148302823.jpg",
          imageAlt: "Woman selecting a handbag in a boutique store",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg",
          imageAlt: "Various handbags arranged neatly on shelves in a showroom",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Nuestra Pasión por la Moda y Calidad"
      description="En Distribuidora GRENOBIL CARACAS, nos dedicamos a ofrecer bolsos y accesorios de la más alta calidad que complementan tu estilo único. Con años de experiencia y una cuidadosa selección, garantizamos piezas que perduran en el tiempo y marcan tendencia."
      metrics={[
        {
          value: "20+",
          title: "Años de Experiencia",
        },
        {
          value: "150+",
          title: "Estilos Exclusivos",
        },
        {
          value: "98%",
          title: "Satisfacción del Cliente",
        },
        {
          value: "3",
          title: "Ubicaciones en Caracas",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-talking-by-mobyle-phone-red-dress_273443-4220.jpg"
      imageAlt="Stylish woman carrying an elegant handbag in an urban setting"
      mediaAnimation="entrance-slide"
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Artesanía Superior",
          description: "Cada bolso es una obra de arte, elaborado con precisión y los mejores materiales para asegurar durabilidad y un acabado impecable.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186758.jpg",
              imageAlt: "Close up of leather stitching detail on a handbag",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-stapler_23-2147688605.jpg",
              imageAlt: "Various high quality fabrics and materials for bag making",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-woman-piles-bags_23-2150871350.jpg?_wi=2",
          imageAlt: "close up leather stitching handbag detail",
        },
        {
          title: "Variedad de Estilos",
          description: "Desde elegantes clutches hasta prácticas totes, nuestra colección abarca una amplia gama de estilos para cada ocasión y preferencia personal.",
          icon: CheckCircle,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-mobile-phone_158595-976.jpg",
              imageAlt: "Woman trying different handbag styles in front of a mirror",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-stairs-holding-headphones-hands-backpack-long-legs-high-heel-shoes-tanned-skin-close-up-details-accessories_285396-3781.jpg",
              imageAlt: "Diverse group of women showcasing different handbag styles",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-wall-with-handback_158538-14729.jpg?_wi=2",
          imageAlt: "close up leather stitching handbag detail",
        },
        {
          title: "Experiencia de Compra Única",
          description: "Ofrecemos compra online fácil, retiro en tienda y un equipo de atención al cliente siempre listo para ayudarte a encontrar el bolso perfecto.",
          icon: ShoppingCart,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vintage-lifestyle-minimalist-femininity-e-shopping-concept_53876-23202.jpg",
              imageAlt: "Secure payment gateway interface for online shopping",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cargo-delivery-vehicle_1048-17764.jpg",
              imageAlt: "Delivery person handling a package containing a handbag",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669573.jpg?_wi=2",
          imageAlt: "close up leather stitching handbag detail",
        },
      ]}
      title="Diseño y Funcionalidad en Cada Detalle"
      description="Descubre lo que hace a nuestros bolsos la elección perfecta para la mujer moderna de Caracas."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          name: "Tote Clásica de Cuero",
          price: "Bs. 500",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-with-bag-his-shoulder-hurry-airport_146671-18143.jpg",
          imageAlt: "Elegant black leather tote bag",
        },
        {
          id: "2",
          name: "Bandolera Moderna",
          price: "Bs. 350",
          imageSrc: "http://img.b2bpic.net/free-photo/street-fashion-details-woman-posing-europe-city-center-autumn-spring-time-stylish-coat-unusual-backpack-soft-colors_291049-1271.jpg",
          imageAlt: "Chic brown cross-body bag",
        },
        {
          id: "3",
          name: "Clutch de Noche",
          price: "Bs. 280",
          imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-with-red-handbag-posed-near-vintage-house_627829-10025.jpg",
          imageAlt: "Vibrant red clutch bag",
        },
        {
          id: "4",
          name: "Bolso Estructurado Blanco",
          price: "Bs. 420",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-wearing-summer-hipster-biker-leather-jacket-clothes-sunglasses-posing-near-wall-sitting-floor_158538-8917.jpg",
          imageAlt: "Modern white structured handbag",
        },
        {
          id: "5",
          name: "Bandolera Vaquera Casual",
          price: "Bs. 290",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-hanging-bag_23-2151008997.jpg",
          imageAlt: "Classic blue denim shoulder bag",
        },
        {
          id: "6",
          name: "Satchel Rosa Pastel",
          price: "Bs. 380",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-accessories-woman-stylish-apparel-walking-street-sunglasses-handbag-pink-jacket-trendy-colors-spring-summer-fashion-trend-elegant-style-drinking-coffee_285396-4404.jpg",
          imageAlt: "Elegant pastel pink satchel bag",
        },
        {
          id: "7",
          name: "Bolso Cadena Dorado",
          price: "Bs. 600",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560600.jpg",
          imageAlt: "Luxurious gold chain strap shoulder bag",
        },
        {
          id: "8",
          name: "Mini Bolso Metálico",
          price: "Bs. 310",
          imageSrc: "http://img.b2bpic.net/free-photo/black-leather-baguette-bag-women-rsquo-s-apparel-shoot_53876-102290.jpg",
          imageAlt: "Sleek silver metallic crossbody bag",
        },
      ]}
      title="Nuestra Exclusiva Colección de Bolsos"
      description="Explora nuestra selección cuidadosamente curada de bolsos, donde la elegancia y la calidad se encuentran para realzar tu estilo."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          badge: "Oferta",
          badgeIcon: Tag,
          price: "20% OFF",
          subtitle: "En tu primera compra online",
          buttons: [
            {
              text: "Comprar Ahora",
              href: "#products",
            },
          ],
          features: [
            "Válido en toda la colección",
            "Envío gratis en Caracas",
            "Acceso anticipado a rebajas",
          ],
        },
        {
          id: "pro",
          badge: "Premium",
          badgeIcon: Star,
          price: "Bs. 750",
          subtitle: "Colección de Diseño",
          buttons: [
            {
              text: "Ver Colección",
              href: "#products",
            },
          ],
          features: [
            "Bolsos de diseñador exclusivos",
            "Materiales de lujo garantizados",
            "Garantía extendida de 2 años",
          ],
        },
        {
          id: "enterprise",
          badge: "Mayorista",
          badgeIcon: Diamond,
          price: "Contáctanos",
          subtitle: "Para compras al mayor",
          buttons: [
            {
              text: "Solicitar Cotización",
              href: "#contact",
            },
          ],
          features: [
            "Precios especiales por volumen",
            "Asesoría personalizada",
            "Catálogo exclusivo para distribuidores",
          ],
        },
      ]}
      title="Ofertas Exclusivas y Colecciones Especiales"
      description="Aprovecha nuestras promociones únicas y descubre colecciones de edición limitada para destacar aún más tu estilo."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Moda Glamour",
        "Estilo Caracas",
        "Tendencia Latina",
        "Fashion Hub VZLA",
        "Accesorios Elite",
        "Boutique Chic",
        "Diseños Exclusivos",
        "Pieles de Lujo",
        "Glam Bags",
      ]}
      title="Confianza y Estilo, Valorado por Nuestros Clientes"
      description="Nos enorgullece ser la elección de distinguidas tiendas y colaboradores en la industria de la moda."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Distribuidora GRENOBIL CARACAS tiene la mejor selección de bolsos en la ciudad. ¡Siempre encuentro lo que necesito para complementar mi estilo!"
      rating={5}
      author="María Alejandra"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg",
          alt: "María Alejandra, Satisfecha Cliente",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-lady-drinking-coffee-her-office_197531-24046.jpg",
          alt: "Laura Gómez, Asesora de Moda",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-dancing_1187-3140.jpg",
          alt: "Ana Lucía, Influencer de Estilo",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-renaissance-dress-hat-closing-ears-with-annoyed-expression-being-irritated-blue_141793-130074.jpg",
          alt: "Sofía Pérez, Empresaria",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-brunette-woman-model-casual-summer-clothes-with-no-makeup-isolated-gray-wall_158538-14687.jpg",
          alt: "Elena Rodríguez, Diseñadora",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "¿Cómo puedo realizar un pedido online?",
          content: "Puedes explorar nuestra colección en la sección 'Colección', añadir los bolsos deseados al carrito y seguir los pasos para completar tu compra de forma segura.",
        },
        {
          id: "2",
          title: "¿Cuáles son las opciones de envío en Caracas?",
          content: "Ofrecemos envío estándar gratuito dentro de Caracas para todas las compras. También puedes optar por recoger tu pedido en cualquiera de nuestras tiendas físicas.",
        },
        {
          id: "3",
          title: "¿Se ofrecen garantías en los productos?",
          content: "Sí, todos nuestros bolsos cuentan con una garantía de 1 año contra defectos de fabricación. Las colecciones premium tienen una garantía extendida de 2 años.",
        },
        {
          id: "4",
          title: "¿Puedo devolver o cambiar un bolso?",
          content: "Aceptamos devoluciones y cambios dentro de los 15 días posteriores a la compra, siempre y cuando el producto se encuentre en su estado original y con el comprobante de compra.",
        },
        {
          id: "5",
          title: "¿Dónde están ubicadas sus tiendas físicas?",
          content: "Nuestras tiendas están convenientemente ubicadas en los principales centros comerciales de Caracas. Encuentra nuestras direcciones completas y horarios en la sección de Contacto.",
        },
      ]}
      title="Preguntas Frecuentes"
      description="¿Tienes dudas? Aquí resolvemos las preguntas más comunes sobre nuestros productos y servicios."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contacto"
      title="Encuéntranos o Contáctanos Hoy"
      description="Estamos listos para ayudarte con tus consultas o para que visites nuestras tiendas en Caracas. ¡Esperamos verte pronto!"
      buttons={[
        {
          text: "Visitar Tiendas",
          href: "#",
        },
        {
          text: "Escríbenos",
          href: "mailto:info@grenobilcaracas.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="asset://logo"
      logoText="GRENOBIL CARACAS"
      leftLink={{
        text: "Términos y Condiciones",
        href: "#",
      }}
      rightLink={{
        text: "Política de Privacidad",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
