"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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Globe, Lightbulb, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Produtos",          id: "#products"},
        {
          name: "Funcionalidades",          id: "#features"},
        {
          name: "Sobre",          id: "#about"},
        {
          name: "Testemunhos",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contato",          id: "#contact"},
      ]}
      brandName="Bazar Express 3D"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Galaxy Universe"
      description="Explora o ecossistema Samsung como nunca antes visto. Inovação 3D ao seu alcance."
      buttons={[
        {
          text: "Ver Produtos",          href: "#products"},
        {
          text: "Saber Mais",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-man-with-vr-glasses_23-2148932823.jpg"
      imageAlt="Galaxy Universe 3D"
      showDimOverlay={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Ecrã Dynamic AMOLED 2X",          description: "Cores vivas e uma taxa de atualização que redefine a fluidez para uma experiência visual sem precedentes.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901294.jpg",            imageAlt: "Dynamic AMOLED 2X display"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg",            imageAlt: "Smartphone internal processor"}
        },
        {
          title: "Performance Incomparável",          description: "Processadores de última geração para gaming e multitasking sem limites, otimizados para realidade 3D.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg",            imageAlt: "Powerful smartphone processor"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-camera-lens-blue-light_23-2152011747.jpg",            imageAlt: "Pro-grade camera module"}
        },
        {
          title: "Câmara Pro-Grade com IA",          description: "Capture momentos com detalhes incríveis e funcionalidades avançadas de IA, elevando a sua fotografia a outro nível.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-food-photo-with-phone_23-2149294487.jpg",            imageAlt: "Vibrant AMOLED display"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/gradientglass-phone-16-pro-max_187299-46831.jpg?_wi=1",            imageAlt: "AI camera holographic projection"}
        },
      ]}
      showStepNumbers={true}
      title="Descobre as Inovações do Universo Galaxy"
      description="Tecnologia de ponta que redefine a sua experiência móvel e digital, com visualizações imersivas em 3D."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",          name: "Galaxy S24 Ultra",          price: "1.399€",          variant: "Titanium Gray",          imageSrc: "http://img.b2bpic.net/free-photo/gradientglass-phone-16-pro-max_187299-46831.jpg?_wi=2",          imageAlt: "Samsung Galaxy S24 Ultra"},
        {
          id: "product-2",          name: "Galaxy Z Fold5",          price: "1.899€",          variant: "Phantom Black",          imageSrc: "http://img.b2bpic.net/free-photo/orange-smartphone-black-background_187299-46934.jpg",          imageAlt: "Samsung Galaxy Z Fold5"},
        {
          id: "product-3",          name: "Galaxy Tab S9 Ultra",          price: "1.099€",          variant: "Graphite",          imageSrc: "http://img.b2bpic.net/free-photo/office-workspace-with-floating-clipboard-keyboard-other-office-supplies_187299-48027.jpg",          imageAlt: "Samsung Galaxy Tab S9 Ultra"},
        {
          id: "product-4",          name: "Galaxy Watch6 Classic",          price: "399€",          variant: "Silver",          imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg",          imageAlt: "Samsung Galaxy Watch6 Classic"},
        {
          id: "product-5",          name: "Galaxy Buds2 Pro",          price: "229€",          variant: "Bora Purple",          imageSrc: "http://img.b2bpic.net/free-photo/pink-headphones-wireless-digital-device_53876-96804.jpg",          imageAlt: "Samsung Galaxy Buds2 Pro"},
        {
          id: "product-6",          name: "Galaxy Book4 Pro",          price: "1.799€",          variant: "Moonstone Gray",          imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-green-striped-background_58702-6392.jpg",          imageAlt: "Samsung Galaxy Book4 Pro"},
      ]}
      title="Nossos Produtos Galaxy"
      description="Explore a nossa seleção exclusiva de smartphones, tablets, wearables e acessórios Samsung, apresentados em 3D para uma experiência de compra única."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="A Revolução 3D do Bazar Express"
      description="No Bazar Express 3D, transformamos a sua jornada de compra de tecnologia Samsung. Mergulhe em um universo interativo onde cada produto é apresentado com detalhes 3D e animações cativantes, garantindo uma experiência de exploração sem precedentes. Descubra o futuro das compras online."
      imageSrc="http://img.b2bpic.net/free-photo/digital-environment-scene_23-2151873117.jpg"
      imageAlt="3D immersive shopping experience"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          value: "+95%",          title: "Satisfação do Cliente",          description: "Nossos clientes adoram a experiência e os produtos Galaxy.",          icon: Smile,
        },
        {
          id: "metric-2",          value: "100+",          title: "Inovações Patenteadas",          description: "Liderando o caminho com tecnologias exclusivas e disruptivas.",          icon: Lightbulb,
        },
        {
          id: "metric-3",          value: "150+",          title: "Países Alcançados",          description: "A nossa tecnologia transforma vidas em todo o mundo.",          icon: Globe,
        },
      ]}
      title="Impacto e Inovação Galaxy"
      description="Números que falam por si sobre a excelência e a liderança tecnológica dos produtos Samsung no mercado global."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Sofia Almeida",          role: "Designer Gráfica",          testimonial: "A qualidade do ecrã do meu novo Galaxy é surreal. As cores são incríveis e a performance para edição 3D é impecável!",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-having-videoconference_23-2147859216.jpg",          imageAlt: "Sofia Almeida"},
        {
          id: "t-2",          name: "João Pereira",          role: "Engenheiro de Software",          testimonial: "A navegação em 3D no Bazar Express é algo que nunca vi. É super fácil encontrar o que preciso, e o meu Galaxy S24 é um monstro!",          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-florist-apron-pink-gloves-holding-hands-flower-pot-joyfully-looking-camera-while-working-greenhouse_574295-857.jpg",          imageAlt: "João Pereira"},
        {
          id: "t-3",          name: "Marta Costa",          role: "Empreendedora",          testimonial: "Adoro a forma como posso visualizar os produtos. O Galaxy Z Fold5 mudou a minha produtividade, e a compra foi uma experiência divertida.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-using-laptop-while-couch-home-together_23-2148793531.jpg",          imageAlt: "Marta Costa"},
        {
          id: "t-4",          name: "Ricardo Silva",          role: "Streamer de Jogos",          testimonial: "Para gaming, o Galaxy Tab S9 é imbatível. E o serviço de apoio ao cliente do Bazar Express 3D é de primeira linha. Recomendo!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-night-city-lights_23-2149024736.jpg",          imageAlt: "Ricardo Silva"},
        {
          id: "t-5",          name: "Ana Rodrigues",          role: "Professora Universitária",          testimonial: "Comprei o Galaxy Watch6 e estou impressionada com as funcionalidades de saúde. A plataforma 3D tornou a escolha muito mais clara.",          imageSrc: "http://img.b2bpic.net/free-photo/super-cool-product-buy-it-happy-enthusiastic-cheerful-pretty-redhead-girl-nightwear-wearing-s_1258-132956.jpg",          imageAlt: "Ana Rodrigues"},
      ]}
      title="O Que Dizem Nossos Clientes"
      description="Histórias reais de quem já se rendeu à magia da tecnologia Samsung e à experiência imersiva do Bazar Express 3D."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Samsung",        "Google",        "Microsoft",        "Qualcomm",        "Adobe",        "Spotify",        "Netflix"]}
      title="Parceiros de Excelência"
      description="Orgulhamo-nos de colaborar com as marcas líderes do setor tecnológico para oferecer a melhor tecnologia e serviços aos nossos clientes."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Como funciona a visualização 3D dos produtos?",          content: "A nossa plataforma utiliza tecnologia avançada para renderizar os produtos em modelos 3D interativos. Pode girá-los, ampliar e ver detalhes como se estivesse a manuseá-los na vida real."},
        {
          id: "faq-2",          title: "Posso experimentar os produtos em realidade aumentada?",          content: "Sim, estamos a desenvolver uma funcionalidade de Realidade Aumentada (RA) que permitirá projetar virtualmente os produtos no seu ambiente, através da câmara do seu dispositivo. Fique atento às atualizações!"},
        {
          id: "faq-3",          title: "Quais são as opções de pagamento disponíveis?",          content: "Aceitamos diversas opções de pagamento, incluindo cartões de crédito/débito (Visa, MasterCard), transferência bancária e soluções de pagamento digital. A segurança das suas transações é a nossa prioridade."},
      ]}
      title="Perguntas Frequentes"
      description="Encontre respostas para as suas dúvidas mais comuns sobre produtos Samsung, o processo de compra e a experiência 3D do Bazar Express."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contato"
      title="Pronto para Explorar o Futuro?"
      description="A nossa equipa está disponível para ajudar na sua jornada pelo universo Galaxy. Contacte-nos hoje para uma experiência personalizada e tire todas as suas dúvidas."
      buttons={[
        {
          text: "Enviar Mensagem",          href: "mailto:info@bazarexpress3d.ao"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/3d-modern-background-with-connecting-flowing-lines-dots_1048-12209.jpg"
      imageAlt="Futuristic digital network background"
      logoText="Bazar Express 3D"
      columns={[
        {
          title: "Empresa",          items: [
            {
              label: "Sobre Nós",              href: "#about"},
            {
              label: "Carreiras",              href: "#"},
            {
              label: "Parceiros",              href: "#social-proof"},
          ],
        },
        {
          title: "Produtos",          items: [
            {
              label: "Smartphones",              href: "#products"},
            {
              label: "Tablets",              href: "#products"},
            {
              label: "Wearables",              href: "#products"},
          ],
        },
        {
          title: "Ajuda",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Suporte",              href: "#contact"},
            {
              label: "Termos de Uso",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Bazar Express 3D. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
