"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Box, Calendar, Feather, Gift, Leaf, MessageCircle, Palette, Scissors, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Estilos",          id: "#styles"},
        {
          name: "Galería",          id: "#gallery"},
        {
          name: "Nosotras",          id: "#about"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="Trenzas Africanas Buenos Aires"
      button={{
        text: "Reservar turno",        href: "https://wa.me/+541171245393?text=Hola! Quiero reservar un turno para trenzas"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Tu cambio de look empieza acá"
      description="Especialistas en trenzas africanas en el corazón de Buenos Aires. Todo tipo de trenzas, con o sin extensiones. Vive una experiencia premium con técnica auténtica y atención personalizada."
      testimonials={[
        {
          name: "Sofía G.",          handle: "@sofia_g",          testimonial: "¡Mi lugar favorito para trenzas! Siempre salgo feliz con el resultado. Son unas verdaderas artistas.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",          imageAlt: "Client testimonial Sofía"},
        {
          name: "Martina R.",          handle: "@martina_r",          testimonial: "La atención es de primera y las trenzas duran muchísimo. Profesionales y súper detallistas.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pensive-blonde-woman-black-attire-posing-blur-street-background-tanned-lady-with-braids-wears-pink-sunglasses_197531-20842.jpg",          imageAlt: "Client testimonial Martina"},
        {
          name: "Camila S.",          handle: "@camilas",          testimonial: "Siempre busqué un lugar así en Buenos Aires. Autenticidad y calidad en cada trenza. ¡Recomendadísimo!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-beautiful-blond-woman-boho-summer-outfit-posing-oudoor-wearing-stylish-necklace-tropical-mood_273443-5074.jpg",          imageAlt: "Client testimonial Camila"},
        {
          name: "Elena L.",          handle: "@elenal_",          testimonial: "Increíble experiencia, las trenzas quedaron perfectas y la atención fue muy amable. ¡Súper contenta!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-latin-woman-wearing-casual-clothes-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-24724.jpg",          imageAlt: "Client testimonial Elena"},
        {
          name: "Romina V.",          handle: "@rominav",          testimonial: "Desde que descubrí este lugar, no voy a otro. Profesionalismo y un ambiente genial. ¡Mis trenzas siempre impecables!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-makes-hopeful-please-gesture-smiles-gladfully-keeps-eyes-closed-wears-spectacles-turtleneck-leather-jacket-isolated-pink-background-makes-wish-prays-about-something_273609-57434.jpg",          imageAlt: "Client testimonial Romina"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Reservá tu turno por WhatsApp",          href: "https://wa.me/+541171245393?text=Hola! Quiero reservar un turno para trenzas"},
        {
          text: "Mirá nuestro Instagram",          href: "https://instagram.com/trenzas_africanas_argentina_ba"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-black-woman-with-dreadlocks-hair_53876-20705.jpg"
      imageAlt="Woman with elegant African braids smiling"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/photorealistic-portrait-young-person-with-braids_23-2151570138.jpg",          alt: "Happy client smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman_23-2149150981.jpg",          alt: "Satisfied customer"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-stylish-clothes-wears-earrings-concentrated-away-has-trendy-hairstyle-vivid-makeup-poses-youth-fashion-vogue-concept_273609-56138.jpg",          alt: "Client enjoying her new look"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-girl-with-braids_23-2147666878.jpg",          alt: "Young woman with braids"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-college-girl-smiling_176420-31159.jpg",          alt: "Stylishly braided woman"},
      ]}
      avatarText="Más de 500 clientas felices"
      marqueeItems={[
        {
          type: "text",          text: "Box Braids"},
        {
          type: "text",          text: "Trenzas Cosidas"},
        {
          type: "text",          text: "Diseños Personalizados"},
        {
          type: "text",          text: "Mantenimiento"},
        {
          type: "text",          text: "Productos Exclusivos"},
      ]}
    />
  </div>

  <div id="styles" data-section="styles">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Box Braids",          description: "Clásicas, versátiles y siempre a la moda. Largas o cortas, con o sin extensiones, para un look impactante y duradero.",          icon: Box,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-brown-sweater-posing_246466-10.jpg",              imageAlt: "Detail of Box Braids hairstyle"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-showing-off-her-hair-while-city_23-2149442534.jpg",              imageAlt: "Woman with Box Braids"},
          ]
        },
        {
          title: "Trenzas Cosidas",          description: "También conocidas como Cornrows, diseños pegados al cuero cabelludo. Ideales para protección y bases de pelucas o tejidos. Con diseños geométricos o más simples.",          icon: Scissors,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-girl-pink-pants-red-dreads-posed-outdoor-against-fountains_627829-3663.jpg",              imageAlt: "Detail of Cornrows hairstyle pattern"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-young-person-with-braids_23-2151570159.jpg",              imageAlt: "Woman with Cornrows hairstyle"},
          ]
        },
        {
          title: "Trenzas con Extensiones",          description: "Añadí largo, volumen y color a tus trenzas. Trabajamos con cabello sintético y natural para lograr el look que soñás, sin dañar tu cabello.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182536.jpg",              imageAlt: "Braids with extensions detail"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2081.jpg",              imageAlt: "Woman with long braids extensions"},
          ]
        },
        {
          title: "Trenzas sin Extensiones",          description: "Realzamos la belleza de tu cabello natural. Trenzados protectores y estilos que celebran tu textura y fuerza, sin necesidad de añadir volumen extra.",          icon: Leaf,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-showing-off-her-hair-while-city_23-2149442535.jpg",              imageAlt: "Natural hair braids without extensions"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148661329.jpg",              imageAlt: "Woman with braids on natural hair"},
          ]
        },
        {
          title: "Diseños Personalizados",          description: "Tu visión, nuestra creación. Diseñamos trenzas únicas y exclusivas, desde patrones geométricos complejos hasta combinaciones de estilos que reflejen tu personalidad.",          icon: Palette,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/trails-neon-light_23-2147785919.jpg",              imageAlt: "Geometric braids design pattern"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-style-portrait-young-people-with-braids-hairstyle_23-2151570081.jpg",              imageAlt: "Woman with custom geometric braids"},
          ]
        },
        {
          title: "Trenzas para Niñas y Niños",          description: "Estilos divertidos y seguros para los más pequeños. Protegemos su cabello con trenzas cómodas y adorables, perfectas para su día a día y eventos especiales.",          icon: Gift,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-person-portrait-photorealistic-style-with-braids_23-2151570224.jpg",              imageAlt: "Kids braids hairstyle playful"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-romantic-garden_23-2150317012.jpg",              imageAlt: "Child with stylish braids happy"},
          ]
        }
      ]}
      title="Nuestros Estilos"
      description="Explorá la variedad de trenzas africanas que ofrecemos, con técnica auténtica y diseños para cada personalidad. Todos nuestros servicios son personalizables para vos."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "galeria-1",          name: "Box Braids Clásicas",          price: "Consultar",          variant: "Largo medio",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-reading-cafe_23-2149966984.jpg",          imageAlt: "Elegant woman with classic box braids"},
        {
          id: "galeria-2",          name: "Cornrows Geométricas",          price: "Consultar",          variant: "Diseño detallado",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-multiracial-woman-with-blonde-afro-hairstyle-braids-zizi-street-cafe-yellow-sunglasses-bright-makeup-hippie-style_1321-2075.jpg",          imageAlt: "Intricate geometric cornrows pattern"},
        {
          id: "galeria-3",          name: "Trenzas con Extensiones",          price: "Consultar",          variant: "Volumen extra",          imageSrc: "http://img.b2bpic.net/free-photo/african-red-haired-volunteer-woman-with-clipboard-park-africa-volunteering-charity-people-ecology-concept_627829-13849.jpg",          imageAlt: "Glamorous long braids with extensions"},
        {
          id: "galeria-4",          name: "Trenzas Individuales",          price: "Consultar",          variant: "Cabello natural",          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2041.jpg",          imageAlt: "Natural individual braids styled"},
        {
          id: "galeria-5",          name: "Diseño Tribal",          price: "Consultar",          variant: "Personalizado",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-with-hippie-clothes-dreadlocks_23-2149085216.jpg",          imageAlt: "Unique tribal braids design on scalp"},
        {
          id: "galeria-6",          name: "Trenzas Twists",          price: "Consultar",          variant: "Largo hasta la cintura",          imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1686.jpg",          imageAlt: "Stylish woman with long twist braids"},
      ]}
      title="Nuestros trabajos"
      description="Una muestra de nuestro arte. Explorá la galería de trabajos de trenzas africanas que hemos creado. Cada estilo es una expresión única de belleza y autenticidad."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Nosotras"
      description="En Trenzas Africanas Buenos Aires, nuestra pasión es realzar tu belleza con la auténtica tradición del trenzado africano. Cada trenza es una obra de arte, creada con dedicación y respeto por tu cabello. Somos especialistas, no un salón generalista, y eso marca la diferencia en cada detalle."
      metrics={[
        {
          value: "Técnica auténtica",          title: "Dominamos los métodos tradicionales de trenzado, asegurando resultados impecables y duraderos que respetan la salud de tu cabello."},
        {
          value: "Variedad de estilos",          title: "Desde Box Braids clásicas hasta Cornrows complejas y diseños personalizados, ofrecemos un abanico de opciones para cada gusto y ocasión."},
        {
          value: "Atención personalizada",          title: "Te escuchamos y asesoramos en cada paso, garantizando una experiencia cómoda y un look que realmente ames. Tu satisfacción es nuestra prioridad."},
      ]}
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/hairstylist-combing-customer-hair_23-2148256929.jpg"
      imageAlt="Braiding hands on client hair"
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "paso-1",          icon: MessageCircle,
          title: "Escribinos por WhatsApp",          value: "Contactanos al +54 11 7124-5393 para empezar tu asesoramiento."},
        {
          id: "paso-2",          icon: Feather,
          title: "Elegí tu estilo",          value: "Te asesoramos en la elección del trenzado perfecto para vos, con o sin extensiones."},
        {
          id: "paso-3",          icon: Calendar,
          title: "Reservá tu turno",          value: "Coordinamos una fecha y hora que se adapte a tu agenda, de Lunes a Sábado."},
        {
          id: "paso-4",          icon: Sparkles,
          title: "Lucí tus trenzas",          value: "Disfrutá de tu nuevo look impactante y sentite radiante con tus trenzas africanas."},
      ]}
      title="¿Cómo funciona?"
      description="Reservar tu turno para un cambio de look espectacular es fácil y rápido. Seguí estos 4 simples pasos y preparate para lucir tus nuevas trenzas."
    />
  </div>

  <div id="instagram-feed" data-section="instagram-feed">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Seguinos en Instagram"
      description="Inspirate con nuestros últimos trabajos, novedades y consejos. ¡Formá parte de nuestra comunidad en @trenzas_africanas_argentina_ba!"
      buttons={[
        {
          text: "Seguinos en Instagram",          href: "https://instagram.com/trenzas_africanas_argentina_ba"},
      ]}
      blogs={[
        {
          id: "insta-1",          category: "Instagram",          title: "Nuevo estilo de Box Braids",          excerpt: "Descubrí nuestro último diseño.",          imageSrc: "http://img.b2bpic.net/free-photo/young-person-portrait-photorealistic-style-with-braids_23-2151570075.jpg",          imageAlt: "Instagram post of a new Box Braids style",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-done-beauty-salon_23-2148976114.jpg",          date: "Hace 1 día"},
        {
          id: "insta-2",          category: "Instagram",          title: "Trenzas Cosidas con diseño",          excerpt: "Arte en tu cabello.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639823.jpg",          imageAlt: "Instagram post of patterned Cornrows",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-woman-braiding-sister-s-hair-against-white-background_23-2147890545.jpg",          date: "Hace 3 días"},
        {
          id: "insta-3",          category: "Instagram",          title: "Clienta Feliz",          excerpt: "Nos encanta verlas radiantes.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-unhappy-frustrated-woman-purses-lips-looks-sadly-camera-has-depressed-facial-expression-poses-against-pink-studio-wall-feels-sorrowful-negative-human-emotions-concept_273609-58256.jpg",          imageAlt: "Instagram post of a happy client with braids",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/black-woman-with-pony-tail-from-braids_633478-1402.jpg",          date: "Hace 5 días"},
        {
          id: "insta-4",          category: "Instagram",          title: "Detalles que enamoran",          excerpt: "La calidad en cada hebra.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-accessories_23-2147778942.jpg",          imageAlt: "Instagram post showing close-up braid detail",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg",          date: "Hace 1 semana"},
        {
          id: "insta-5",          category: "Instagram",          title: "Transformación Total",          excerpt: "Un antes y después inspirador.",          imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",          imageAlt: "Instagram post of a hair transformation",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/woman-with-golden-shape-heart-face_633478-2575.jpg",          date: "Hace 1 semana"},
        {
          id: "insta-6",          category: "Instagram",          title: "Mantenimiento de trenzas",          excerpt: "Consejos para cuidar tu look.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-styling-hair_23-2149173177.jpg",          imageAlt: "Instagram post with braid care tips",          authorName: "Trenzas Africanas BA",          authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-black-woman-with-short-haircut_633478-679.jpg",          date: "Hace 2 semanas"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "resena-1",          name: "Lucía P.",          role: "Clienta recurrente",          testimonial: "¡Las mejores trenzas que he tenido en Buenos Aires! El trato es excelente y la calidad del trabajo es insuperable. Me siento como una reina cada vez que voy.",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",          imageAlt: "Lucía P. with her braids"},
        {
          id: "resena-2",          name: "Andrea M.",          role: "Nueva clienta",          testimonial: "Primera vez que me hago trenzas africanas y no podría estar más feliz. Me asesoraron genial y el resultado superó mis expectativas. ¡Volveré sin duda!",          imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-wavy-hairstyle-posing_344912-2815.jpg",          imageAlt: "Andrea M. happy with her new braids"},
        {
          id: "resena-3",          name: "Florencia G.",          role: "Clienta satisfecha",          testimonial: "Un espacio cálido y profesional. Se nota el amor y la dedicación en cada trenza. Es un verdadero salón premium con raíz cultural. ¡Totalmente recomendable!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairstyle-sticks-out-tongue-dressed-fashionable-clothes-thinks-about-something-pleasant-applies-blue-eyeliner-poses-has-good-mood_273609-56155.jpg",          imageAlt: "Florencia G. expressing satisfaction"},
        {
          id: "resena-4",          name: "Julieta R.",          role: "Fashion Blogger",          testimonial: "Mi look para el evento fue un éxito gracias a sus trenzas. Modernas, elegantes y con ese toque único que tanto busco. Son unas verdaderas artistas del cabello.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-afro-dreadlocks_23-2149462187.jpg",          imageAlt: "Julieta R. with her unique braids"},
        {
          id: "resena-5",          name: "Valeria S.",          role: "Empresaria",          testimonial: "Necesitaba un peinado duradero y estiloso para mis viajes de negocios, y las trenzas africanas son la solución perfecta. El servicio es impecable y los resultados son fantásticos.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-yellow-cloth-nature_23-2148170286.jpg",          imageAlt: "Valeria S. with her braids"},
      ]}
      title="Lo que dicen nuestras clientas"
      description="La satisfacción de quienes confían en nosotros es nuestro mayor orgullo. Leé las reseñas y descubrí por qué nos eligen en Buenos Aires."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contacto"
      title="Agendá tu turno"
      description="Estamos en Av. Belgrano 1345, Monserrat, C1093 CABA, Argentina. Abrimos de Lunes a Sábado con turno previo. ¡Te esperamos para tu transformación! Podés vernos en el mapa de Google Maps aquí (este es un placeholder, el mapa se insertará en el código)."
      tagAnimation="opacity"
      inputPlaceholder="Tu nombre y estilo deseado"
      buttonText="Enviar consulta por WhatsApp"
      termsText="Al hacer clic, aceptas que nos contactemos contigo por WhatsApp."
      onSubmit={() => window.open('https://wa.me/+541171245393?text=Hola! Quiero reservar un turno para trenzas', '_blank')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Av. Belgrano 1345, CABA",              href: "#"},
            {
              label: "Lunes a Sábado (con turno)",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "WhatsApp: +54 11 7124-5393",              href: "https://wa.me/+541171245393"},
            {
              label: "Instagram: @trenzas_africanas_argentina_ba",              href: "https://instagram.com/trenzas_africanas_argentina_ba"},
          ],
        },
        {
          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos y Condiciones",              href: "#"},
            {
              label: "Copyright © 2024",              href: "#"},
          ],
        },
      ]}
      logoText="Trenzas Africanas Buenos Aires"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
