"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Car, Code, Cog, Flame, Gauge, Grip, Headphones, Phone, Sparkles, Star, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Sobre",          id: "#about"},
        {
          name: "Serviços",          id: "#services"},
        {
          name: "Galeria",          id: "#gallery"},
        {
          name: "Depoimentos",          id: "#testimonials"},
        {
          name: "Contato",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bgljio"
      logoAlt="Atomic Motorsport Logo"
      brandName="Atomic Motorsport"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "downward-rays-animated-grid"}}
      title="Performance, Potência e Tecnologia para seu Veículo"
      description="Especialistas em remapeamento, preparação automotiva, escapamentos esportivos, suspensão e upgrades de performance."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1574.jpg",          alt: "Mecânico Especialista"},
        {
          src: "http://img.b2bpic.net/free-photo/female-mechanic-smiling-while-servicing-car_1170-1239.jpg",          alt: "Engenheira Automotiva"},
        {
          src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",          alt: "Cliente Satisfeito"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",          alt: "Cliente Entusiasmada"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",          alt: "Feliz Mecânico Africano Americano"},
      ]}
      avatarText="Mais de 10 anos de experiência"
      buttons={[
        {
          text: "Solicitar Orçamento",          href: "#contact"},
        {
          text: "Falar no WhatsApp",          href: "https://wa.me/5543999916566"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Potência Aumentada",          icon: Gauge,
        },
        {
          type: "text-icon",          text: "Resposta Imediata",          icon: Gauge,
        },
        {
          type: "text-icon",          text: "Dirigibilidade Aprimorada",          icon: Car,
        },
        {
          type: "text-icon",          text: "Ronco Esportivo",          icon: Headphones,
        },
        {
          type: "text-icon",          text: "Tecnologia de Ponta",          icon: Code,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Sobre a Empresa"
      tagIcon={Sparkles}
      title="Quem Somos"
      description="A Atomic Motorsport é especializada em performance automotiva, oferecendo soluções completas para quem busca mais potência, dirigibilidade e exclusividade. Trabalhamos com equipamentos de última geração e profissionais qualificados para entregar resultados de alto nível."
      subdescription="Nossa paixão por carros e tecnologia nos impulsiona a superar expectativas em cada projeto, garantindo que seu veículo atinja seu potencial máximo com segurança e precisão."
      icon={Gauge}
      imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg"
      imageAlt="Mecânico trabalhando em motor de alta performance"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Remapeamento de ECU",          description: "Ganho de potência, melhor resposta do acelerador e otimização de desempenho para uma condução superior.",          bentoComponent: "reveal-icon",          icon: Code
        },
        {
          title: "Pedal Power",          description: "Elimina o delay do acelerador, proporcionando resposta imediata e uma experiência de direção mais dinâmica e emocionante.",          bentoComponent: "reveal-icon",          icon: Car
        },
        {
          title: "Suspensão",          description: "Troca e manutenção para mais estabilidade, conforto e segurança em todas as condições de estrada.",          bentoComponent: "reveal-icon",          icon: Grip
        },
        {
          title: "Escapamentos Personalizados",          description: "Projetos sob medida com ronco esportivo refinado e acabamento premium para um visual e som únicos.",          bentoComponent: "reveal-icon",          icon: Flame
        },
        {
          title: "EGR / DPF",          description: "Soluções especializadas e diagnóstico avançado para a otimização e manutenção desses sistemas críticos.",          bentoComponent: "reveal-icon",          icon: Cog
        },
        {
          title: "Oficina Full Service",          description: "Manutenção completa, revisões e diagnóstico eletrônico para garantir a saúde e longevidade do seu veículo.",          bentoComponent: "reveal-icon",          icon: Wrench
        }
      ]}
      title="Nossos Serviços"
      description="Conheça a gama completa de serviços que oferecemos para otimizar o desempenho e a estética do seu veículo."
      tag="Performance e Exclusividade"
      tagIcon={Sparkles}
    />
  </div>

  <div id="differentials" data-section="differentials">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "differential-1",          value: "✓",          title: "Equipamentos Profissionais",          description: "Utilizamos ferramentas e tecnologia de ponta para cada serviço.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg",          imageAlt: "Equipamentos profissionais"},
        {
          id: "differential-2",          value: "✓",          title: "Atendimento Especializado",          description: "Nossa equipe oferece consultoria personalizada e suporte técnico dedicado.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg",          imageAlt: "Atendimento especializado"},
        {
          id: "differential-3",          value: "✓",          title: "Projetos Personalizados",          description: "Desenvolvemos soluções sob medida para atender às suas necessidades e expectativas.",          imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg",          imageAlt: "Projetos personalizados"},
        {
          id: "differential-4",          value: "✓",          title: "Peças e Acessórios Premium",          description: "Trabalhamos apenas com as melhores marcas do mercado para garantir a qualidade.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-blue-light_23-2149413365.jpg",          imageAlt: "Peças e acessórios premium"},
        {
          id: "differential-5",          value: "✓",          title: "Tecnologia de Última Geração",          description: "Investimos em inovações para oferecer os serviços mais avançados e eficientes.",          imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg",          imageAlt: "Tecnologia de última geração"},
        {
          id: "differential-6",          value: "✓",          title: "Garantia de Qualidade",          description: "Comprometimento com a excelência e a sua total satisfação em todos os serviços.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-buying-new-car_342744-708.jpg",          imageAlt: "Garantia de qualidade"},
      ]}
      title="Nossos Diferenciais"
      description="O que nos torna a escolha ideal para a preparação automotiva do seu veículo."
      tag="Compromisso com a Excelência"
      tagIcon={Sparkles}
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",          name: "Carro Esportivo Tunado",          price: "Projeto Custom",          variant: "Performance",          imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg",          imageAlt: "Carro esportivo tunado em estúdio"},
        {
          id: "g2",          name: "Oficina Moderna",          price: "Tecnologia",          variant: "Estrutura",          imageSrc: "http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg",          imageAlt: "Vista aérea de oficina moderna"},
        {
          id: "g3",          name: "Suspensão Esportiva",          price: "Upgrade",          variant: "Dirigibilidade",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-wheel-system_23-2147897831.jpg",          imageAlt: "Detalhe de suspensão esportiva"},
        {
          id: "g4",          name: "Escapamento Personalizado",          price: "Artesanal",          variant: "Design e Som",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-screws_23-2148557965.jpg",          imageAlt: "Escapamento de titânio personalizado"},
        {
          id: "g5",          name: "Remapeamento de ECU",          price: "Otimização",          variant: "Potência",          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137517.jpg",          imageAlt: "Remapeamento de ECU via laptop"},
        {
          id: "g6",          name: "Veículo em Manutenção",          price: "Cuidado",          variant: "Manutenção",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1482.jpg",          imageAlt: "Carro em manutenção na rampa"},
      ]}
      title="Nossa Galeria"
      description="Explore alguns dos nossos projetos e veja a qualidade e paixão em cada detalhe."
      tag="Inspiração Automotiva"
      tagIcon={Sparkles}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "João Silva",          role: "Entusiasta Automotivo",          testimonial: "“Atendimento impecável e resultado acima das expectativas. Meu carro nunca esteve tão potente e preciso!”",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-with-smile-face-with-crossed-arms-standing-pink-wall_141793-81954.jpg",          imageAlt: "Foto de João Silva"},
        {
          id: "t2",          name: "Mariana Santos",          role: "Gerente de Vendas",          testimonial: "“Meu carro ficou muito mais responsivo após o remapeamento. A diferença na dirigibilidade é impressionante, recomendo a todos!”",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          imageAlt: "Foto de Mariana Santos"},
        {
          id: "t3",          name: "Carlos Rodrigues",          role: "Empresário",          testimonial: "“Estrutura moderna e profissionais extremamente capacitados. A atenção aos detalhes e o conhecimento técnico são fora de série.”",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-grey-haired-european-man-looks-with-strict-face-expression-through-round-glasses-wears-formal-white-shirt-bowtie_273609-33935.jpg",          imageAlt: "Foto de Carlos Rodrigues"},
        {
          id: "t4",          name: "Ana Paula",          role: "Designer Gráfica",          testimonial: "“Sempre tive dúvidas sobre preparação, mas a equipe da Atomic Motorsport me explicou tudo com clareza e entregou um serviço excepcional!”",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-young-brunette-woman-pink-summer-clothes-looks-side-through-glasses-standing-city-street_197531-33266.jpg",          imageAlt: "Foto de Ana Paula"},
        {
          id: "t5",          name: "Fernando Lima",          role: "Engenheiro",          testimonial: "“O upgrade na suspensão transformou a experiência de dirigir. Mais segurança e estabilidade, com certeza voltarei para outros serviços.”",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-arms-closed-home_23-2150656205.jpg",          imageAlt: "Foto de Fernando Lima"},
      ]}
      title="O que Nossos Clientes Dizem"
      description="A satisfação dos nossos clientes é a nossa maior recompensa. Veja alguns depoimentos sobre a experiência Atomic Motorsport."
      tag="Sua Confiança, Nossa Prioridade"
      tagIcon={Star}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      tag="Fale Conosco"
      title="Solicite seu orçamento"
      description="Entre em contato conosco para agendar uma consultoria personalizada ou tirar suas dúvidas sobre nossos serviços e upgrades de performance."
      tagIcon={Phone}
      inputPlaceholder="Seu nome ou email"
      buttonText="Enviar Mensagem"
      termsText="📍 Av. Maringá, 1765 | 📱 WhatsApp: (43) 99991-6566"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Atomic Motorsport"
      columns={[
        {
          title: "Navegação",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Sobre",              href: "#about"},
            {
              label: "Serviços",              href: "#services"},
            {
              label: "Galeria",              href: "#gallery"},
            {
              label: "Depoimentos",              href: "#testimonials"},
            {
              label: "Contato",              href: "#contact"},
          ],
        },
        {
          title: "Contato",          items: [
            {
              label: "WhatsApp: (43) 99991-6566",              href: "https://wa.me/5543999916566"},
            {
              label: "Endereço: Av. Maringá, 1765",              href: "#"},
          ],
        },
        {
          title: "Redes Sociais",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/atomic.ldb"},
          ],
        },
      ]}
      copyrightText="© 2024 Atomic Motorsport. Performance • Tecnologia • Exclusividade. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
