"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, MessageSquare, Repeat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Início",
          id: "#hero",
        },
        {
          name: "Sobre",
          id: "#about",
        },
        {
          name: "Coleção",
          id: "#collection",
        },
        {
          name: "Como Funciona",
          id: "#how-it-works",
        },
        {
          name: "Aconselhamento",
          id: "#consulting",
        },
        {
          name: "Feedback",
          id: "#feedback",
        },
        {
          name: "Contactos",
          id: "#contact",
        },
      ]}
      brandName="JL Casual Wear"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Estilo com distinção."
      description="Descobre a JL Casual Wear e explora peças pensadas para quem valoriza imagem, conforto e personalidade."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478959.jpg",
          imageAlt: "T-shirts JL Casual Wear",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-13015.jpg",
          imageAlt: "Homem com fato bege elegante",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-80.jpg",
          imageAlt: "Saco da marca JL Casual Wear",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg",
          imageAlt: "Top view man's reflection in mirror",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669563.jpg",
          imageAlt: "Still life say no to fast fashion",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20579.jpg",
          imageAlt: "Mulher com look casual elegante",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-suit_1303-10303.jpg",
          imageAlt: "Detalhe de relógio e pulseiras",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy-against-graffiti-wall_627829-2724.jpg",
          imageAlt: "Homem com outfit casual moderno",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478992.jpg",
          imageAlt: "Still life of spring wardrobe switch over",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478950.jpg",
          imageAlt: "Still life of spring wardrobe switch over",
        },
      ]}
      buttons={[
        {
          text: "Ver Coleção",
          href: "#collection",
        },
        {
          text: "Pedir Informação",
          href: "https://instagram.com/jlcasualwear",
        },
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/new-york-manhattan-central-park-autumn-bridge-lake-young-man-walks-autumn-park-new-york_1321-2411.jpg",
          alt: "Man walking in an autumn park",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-romantic-guy-white-shirt-cap-suspenders-walks-city-revolves-around-lamppost-peaky-blinders-old-fashioned-retro_1321-2047.jpg",
          alt: "Young man in white shirt",
        },
        {
          src: "http://img.b2bpic.net/free-photo/musicians-standing-urban-environment_23-2147624429.jpg",
          alt: "Musicians in urban environment",
        },
        {
          src: "http://img.b2bpic.net/free-photo/african-american-student-walking-park_1303-15054.jpg",
          alt: "African american student",
        },
        {
          src: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-82.jpg",
          alt: "Man clothing concept",
        },
      ]}
      avatarText="+ 10K clientes satisfeitos"
      marqueeItems={[
        {
          type: "text",
          text: "Estilo com Confiança",
        },
        {
          type: "text",
          text: "Qualidade Premium",
        },
        {
          type: "text",
          text: "Aconselhamento Exclusivo",
        },
        {
          type: "text",
          text: "Design Autêntico",
        },
        {
          type: "text",
          text: "Moda Sustentável",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Sobre a JL Casual Wear"
      description={[
        "Na JL Casual Wear, acreditamos que o verdadeiro estilo reside na distinção e na confiança que cada peça confere. Somos uma marca de vestuário premium, dedicada a criar coleções que não só seguem as tendências, mas as definem, com um foco inabalável na qualidade e no detalhe.",
        "O nosso compromisso vai além da moda. Oferecemos um aconselhamento personalizado, ajudando cada cliente a encontrar as peças perfeitas que complementam a sua imagem e realçam a sua personalidade única. Cada escolha é uma declaração de estilo, e estamos aqui para garantir que a sua seja memorável.",
      ]}
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "JL Casual Wear",
          name: "T-shirt 'Allergic to Idiots' (Branca)",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "25",
          imageSrc: "http://img.b2bpic.net/free-photo/slim-inspired-girl-denim-pants-pretty-dancing-laughing-happy-black-young-woman-with-red-manicure-posing-with-hands-up-having-fun_197531-4212.jpg",
          imageAlt: "T-shirt branca 'Allergic to Idiots'",
        },
        {
          id: "p2",
          brand: "JL Casual Wear",
          name: "T-shirt 'Allergic to Idiots' (Preta)",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "20",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-sitting-chair_23-2149652005.jpg",
          imageAlt: "T-shirt preta 'Allergic to Idiots'",
        },
        {
          id: "p3",
          brand: "JL Casual Wear",
          name: "T-shirt 'Allergic to Idiots' (Bege)",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "22",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hello-spring-collage_23-2149319134.jpg",
          imageAlt: "T-shirt bege 'Allergic to Idiots'",
        },
        {
          id: "p4",
          brand: "JL Casual Wear",
          name: "Look Casual Elegante (Fato Bege)",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-street-outfit_1303-19653.jpg",
          imageAlt: "Homem com fato bege elegante",
        },
        {
          id: "p5",
          brand: "JL Casual Wear",
          name: "Hoodie Premium Preto",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-hoodie-rests-urban-place-after-workout-session-uses-modern-gadget-browsing-website-publication-looks-away-being-deep-thoughts_273609-55831.jpg",
          imageAlt: "Hoodie preto premium",
        },
        {
          id: "p6",
          brand: "JL Casual Wear",
          name: "T-shirt Oversize Leão",
          price: "Disponível por mensagem",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-vector/tattoo-fest-vintage-monochrome-poster_225004-1447.jpg",
          imageAlt: "T-shirt oversize com estampa de leão",
        },
      ]}
      title="Coleção em Destaque"
      description="Explora as nossas peças selecionadas, pensadas para quem procura estilo, conforto e exclusividade. Encontra o look perfeito para cada ocasião, com a garantia de qualidade JL Casual Wear."
      buttons={[
        {
          text: "Pedir por mensagem",
          href: "https://instagram.com/jlcasualwear",
        },
      ]}
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "1. Explora as Peças & Looks",
          description: "Navega pela nossa montra digital e descobre a coleção que criámos para ti, com looks inspiradores e peças exclusivas.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model_158538-18019.jpg",
            imageAlt: "Explorar coleção",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/low-angle-moder-woman-standing_23-2148415820.jpg",
            imageAlt: "Ver looks",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtyL6Iwl8wlOodhQnh3X1mQ2tN/uploaded-1781050619108-crojmbdw.png",
          imageAlt: "t-shirts premium casual wear",
        },
        {
          title: "2. Escolhe os Modelos Que Te Interessam",
          description: "Identifica as peças que mais te agradam. Pensa no teu estilo e nas ocasiões em que as queres usar. Estamos aqui para te ajudar!",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-elegant-groom-posing_23-2150327167.jpg",
            imageAlt: "Escolher peças",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29466.jpg",
            imageAlt: "Modelos em destaque",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtyL6Iwl8wlOodhQnh3X1mQ2tN/uploaded-1781050619109-dl7a3q13.png",
          imageAlt: "t-shirts premium casual wear",
        },
        {
          title: "3. Clica em 'Pedir por mensagem'",
          description: "Após a tua seleção, clica no botão 'Pedir por mensagem' que te direciona para o nosso Instagram ou Facebook. É simples e rápido.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-wearing-accessories_23-2149645105.jpg",
            imageAlt: "Botão 'Pedir por mensagem'",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg",
            imageAlt: "Contacto Instagram",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478959.jpg",
          imageAlt: "t-shirts premium casual wear",
        },
        {
          title: "4. Confirmamos Detalhes & Encomenda",
          description: "A nossa equipa vai entrar em contacto contigo para confirmar detalhes, verificar a disponibilidade e finalizar a tua encomenda de forma personalizada.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-helping-female-customer-try-new-dress-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11997.jpg",
            imageAlt: "Aconselhamento personalizado",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5384.jpg",
            imageAlt: "Confirmar detalhes",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-13015.jpg",
          imageAlt: "t-shirts premium casual wear",
        },
      ]}
      showStepNumbers={true}
      title="Como Funciona o Nosso Processo"
      description="Acreditamos num serviço direto e personalizado. Segue estes passos simples para teres as tuas peças JL Casual Wear."
    />
  </div>

  <div id="consulting" data-section="consulting">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "c1",
          title: "Ajudamos-te a escolher peças para o teu estilo",
          content: "A nossa equipa está disponível para te guiar na seleção de peças que se alinham perfeitamente com a tua personalidade e o teu estilo de vida, garantindo que te sintas sempre confiante e distinto.",
        },
        {
          id: "c2",
          title: "Descobre combinações únicas",
          content: "Vamos além do óbvio, sugerindo combinações e looks que talvez não tenhas considerado, para que possas expressar a tua individualidade de forma criativa e elegante.",
        },
        {
          id: "c3",
          title: "Experiência de compra sem pressão",
          content: "Desfruta de um ambiente descontraído onde o foco é a tua satisfação. O nosso objetivo é que faças as escolhas certas, sem pressas, com todo o apoio que precisas.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34835.jpg"
      imageAlt="Mulher a receber aconselhamento de estilo"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Aconselhamento Personalizado"
      description="Na JL Casual Wear, não vendemos apenas roupa; oferecemos uma experiência de estilo completa. Ajudamos-te a descobrir as peças que realmente falam por ti."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="important-info" data-section="important-info">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "Mensagem",
          title: "Pedidos Tratados por",
          description: "Todas as tuas questões e encomendas são processadas de forma rápida e eficiente através do Instagram/Facebook.",
          icon: MessageSquare,
        },
        {
          id: "m2",
          value: "Disponíveis",
          title: "Trocas",
          description: "Garantimos a possibilidade de troca de artigos, sujeita às nossas condições. Contacta-nos para mais detalhes.",
          icon: Repeat,
        },
        {
          id: "m3",
          value: "Confirmada",
          title: "Disponibilidade",
          description: "A disponibilidade dos artigos é confirmada por mensagem antes de finalizares qualquer encomenda.",
          icon: CheckCircle,
        },
      ]}
      title="Informações Essenciais"
      description="Transparência e clareza no nosso serviço, para que tenhas a melhor experiência com a JL Casual Wear."
    />
  </div>

  <div id="feedback" data-section="feedback">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Estilo Impecável e Atendimento Top!",
          quote: "Adorei cada peça da JL Casual Wear! A qualidade é superior e o aconselhamento de estilo fez toda a diferença. Sinto-me mais confiante.",
          name: "Ana Sofia",
          role: "Cliente Satisfeita",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-reddish-curly-man_158595-3838.jpg",
          imageAlt: "Ana Sofia",
        },
        {
          id: "t2",
          title: "Peças Exclusivas e Ótimo Suporte",
          quote: "Finalmente uma marca que entende o que procuro. As peças são únicas e o processo de contacto por mensagem é super eficiente. Recomendo!",
          name: "Diogo Costa",
          role: "Entusiasta de Moda",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-clothes_23-2149241337.jpg",
          imageAlt: "Diogo Costa",
        },
        {
          id: "t3",
          title: "Conforto e Distinção em Cada Detalhe",
          quote: "A JL Casual Wear superou as minhas expectativas. O conforto é incrível e as peças têm um toque de distinção que não se encontra em todo o lado. Cliente fiel!",
          name: "Marta Pereira",
          role: "Fã da Marca",
          imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-testing-fabric-swaps-client_23-2150461548.jpg",
          imageAlt: "Marta Pereira",
        },
        {
          id: "t4",
          title: "Serviço Personalizado Imbatível",
          quote: "Fiquei impressionado com o nível de personalização. Ajudaram-me a montar looks que se encaixam perfeitamente no meu estilo. É mais que roupa, é uma experiência.",
          name: "João Ribeiro",
          role: "Embaixador de Estilo",
          imageSrc: "http://img.b2bpic.net/free-photo/stunning-lady-wearing-dark-apparel-posing-with-hand-waist-black-studio-front-view-caucasian_7502-10526.jpg",
          imageAlt: "João Ribeiro",
        },
        {
          id: "t5",
          title: "Qualidade e Elegância Garantidas",
          quote: "Desde a primeira interação até à receção das peças, tudo foi impecável. A qualidade dos materiais é visível e a elegância dos designs é inegável. Parabéns!",
          name: "Catarina Santos",
          role: "Compradora Assídua",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10207.jpg",
          imageAlt: "Catarina Santos",
        },
      ]}
      title="O Que Dizem os Nossos Clientes"
      description="A satisfação dos nossos clientes é a nossa maior recompensa. Descobre o que pensam sobre a experiência JL Casual Wear."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Fale Connosco"
      title="A sua distinção está à distância de uma mensagem."
      description="Estamos sempre disponíveis para ajudar. Contacta-nos diretamente nas nossas redes sociais para informações, aconselhamento ou para fazer o teu pedido."
      buttons={[
        {
          text: "Falar no Instagram",
          href: "https://instagram.com/jlcasualwear",
        },
        {
          text: "Ver Facebook",
          href: "https://facebook.com/jlcasualwear",
        },
        {
          text: "Pedir Informação",
          href: "https://instagram.com/jlcasualwear",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avmg1u"
      logoAlt="Logótipo JL Casual Wear"
      columns={[
        {
          items: [
            {
              label: "Início",
              href: "#hero",
            },
            {
              label: "Sobre",
              href: "#about",
            },
            {
              label: "Coleção",
              href: "#collection",
            },
          ],
        },
        {
          items: [
            {
              label: "Como Funciona",
              href: "#how-it-works",
            },
            {
              label: "Aconselhamento",
              href: "#consulting",
            },
            {
              label: "Feedback",
              href: "#feedback",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/jlcasualwear",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/jlcasualwear",
            },
            {
              label: "Contactos",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="JL Casual Wear"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
