"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Link } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Serviços",          id: "services"},
        {
          name: "Processo",          id: "process"},
        {
          name: "Números",          id: "metrics"},
        {
          name: "Depoimentos",          id: "testimonials"},
        {
          name: "Tecnologias",          id: "techStack"},
        {
          name: "Contato",          id: "contact"},
      ]}
      brandName="Sinai Informática"
      button={{
        text: "Fale Conosco",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "animated-grid"}}
      title="Tecnologia que transforma negócios"
      description="Desenvolvimento de software, aplicativos e gestão de TI com inteligência e experiência."
      buttons={[
        {
          text: "Fale com um especialista",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-futuristic-3d-sphere-globe-composed-of-1774215663464-11b324fa.png",          imageAlt: "Futuristic 3D sphere representing data and neural networks"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-dynamic-3d-abstract-representation-of--1774215663099-97895a50.png",          imageAlt: "Dynamic 3D abstract digital network"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-sophisticated-3d-render-of-an-intercon-1774215662852-3694b7cf.png",          imageAlt: "Sophisticated 3D interconnected data cloud"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-conceptual-image-showing-glowing-abstr-1774215662946-5adf3bf4.png",          imageAlt: "Glowing abstract geometric tech network"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/an-intricate-3d-render-of-a-data-driven--1774215663965-ba6d3850.png",          imageAlt: "Intricate 3D data-driven ecosystem"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-digital-art-representation-of-an-abstr-1774215663304-31a0e93e.png",          imageAlt: "Abstract flowing data stream or energy wave"},
      ]}
    />
  </div>

  <div id="problem" data-section="problem">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="O Desafio Atual"
      title="Modernizar é preciso. Começar, o difícil."
      description="Sistemas legados causam gargalos, a TI não acompanha o crescimento e a inovação parece um luxo. Você sabe que precisa avançar, mas a complexidade te paralisa."
      subdescription="Na Sinai, transformamos essa complexidade em clareza, guiando sua empresa rumo à eficiência tecnológica com soluções sob medida e uma parceria estratégica de longo prazo."
      icon={Link}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/abstract-3d-render-of-fragmented-disconn-1774215663480-98789027.png"
      imageAlt="Fragmented, disconnected blocks representing a chaotic IT system"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
          title: "Terceirização de TI",          description: "Sua equipe de TI completa, sem a dor de cabeça de contratar e gerenciar. Foco total no seu core business.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-modern-minimalist-icon-representing-it-1774215661136-4218a6b8.png",          imageAlt: "IT Outsourcing icon"},
        {
          id: 2,
          title: "Desenvolvimento de Software",          description: "Sistemas sob medida que resolvem problemas reais e impulsionam a eficiência dos seus processos.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-3d-icon-representing-custom-software-d-1774215662746-2acda1a5.png",          imageAlt: "Software Development icon"},
        {
          id: 3,
          title: "Aplicativos Mobile",          description: "Apps nativos e multiplataforma com design intuitivo que seus clientes vão amar e usar todos os dias.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-sleek-3d-render-of-multiple-mobile-dev-1774215663622-9c7d0502.png",          imageAlt: "Mobile App Development icon"},
        {
          id: 4,
          title: "Migração de Legado",          description: "Tire seu Delphi/VB/Cobol da UTI e leve para a nuvem. Modernize sistemas sem perder dados ou processos críticos.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-visual-metaphor-for-legacy-system-migr-1774215663419-a3833de8.png",          imageAlt: "Legacy Migration icon"},
        {
          id: 5,
          title: "Integração com IA",          description: "ChatBots, automação e inteligência artificial no seu fluxo de trabalho, otimizando tarefas e insights.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/an-abstract-3d-render-representing-ai-in-1774215663746-0987a2da.png",          imageAlt: "AI Integration icon"},
      ]}
      title="As soluções que sua empresa precisa"
      description="Da terceirização completa ao desenvolvimento sob medida, elevamos sua capacidade tecnológica e garantimos a robustez da sua operação."
    />
  </div>

  <div id="process" data-section="process">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Diagnóstico",          price: "Passo 1",          variant: "Entendemos seu cenário atual e suas dores",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-conceptual-3d-icon-for-diagnostic-a-st-1774215663524-fbc0e0d4.png",          imageAlt: "Icon for Diagnostic step"},
        {
          id: "2",          name: "Proposta",          price: "Passo 2",          variant: "Desenhamos a solução ideal para seu negócio",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-3d-icon-for-proposal-a-stylized-docume-1774215662892-8ff51031.png",          imageAlt: "Icon for Proposal step"},
        {
          id: "3",          name: "Desenvolvimento",          price: "Passo 3",          variant: "Construímos com metodologia ágil e entregas contínuas",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/an-abstract-3d-render-for-development-a--1774215663388-3bb833dc.png",          imageAlt: "Icon for Development step"},
        {
          id: "4",          name: "Entrega + Suporte",          price: "Passo 4",          variant: "Deploy, treinamento e suporte contínuo para sua equipe",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/a-3d-icon-for-delivery-support-a-rocket--1774215663229-1b93ea41.png",          imageAlt: "Icon for Delivery and Support step"},
      ]}
      title="Nosso processo, sua tranquilidade"
      description="Com metodologia ágil e foco no cliente, transformamos desafios em resultados, passo a passo, garantindo entregas contínuas e valor real."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "exp",          value: "+15",          title: "Anos de experiência",          description: "Comprovados no mercado de TI e gestão.",          imageSrc: "",          imageAlt: ""
        },
        {
          id: "projects",          value: "+50",          title: "Projetos entregues",          description: "Soluções completas e personalizadas.",          imageSrc: "",          imageAlt: ""
        },
        {
          id: "hours",          value: "+10.000",          title: "Horas de desenvolvimento",          description: "Com expertise e tecnologia de ponta.",          imageSrc: "",          imageAlt: ""
        },
        {
          id: "uptime",          value: "99.9%",          title: "Uptime nos sistemas",          description: "Garantia de estabilidade e segurança.",          imageSrc: "",          imageAlt: ""
        },
      ]}
      title="Resultados que falam por si"
      description="Mais de 15 anos de experiência e milhares de horas dedicadas a projetos de sucesso, com um compromisso inabalável com a excelência e a satisfação do cliente."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Isabel Costa",          role: "CEO",          company: "Smart Solutions",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/professional-headshot-of-a-female-ceo-in-1774215663005-79a4dffa.png",          videoSrc: ""},
        {
          id: "2",          name: "Roberto Almeida",          role: "CTO",          company: "Digital Connect",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/professional-headshot-of-a-male-cto-focu-1774215663599-a0473846.png",          videoSrc: ""},
        {
          id: "3",          name: "Fernanda Lima",          role: "Dir. Marketing",          company: "Growth Hub",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/professional-headshot-of-a-female-market-1774215662568-4996ff54.png",          videoSrc: ""},
        {
          id: "4",          name: "Carlos Eduardo",          role: "Prod. Manager",          company: "InnovaTech",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/professional-headshot-of-a-male-product--1774215662977-f5c8eceb.png",          videoSrc: ""},
        {
          id: "5",          name: "Ana Paula",          role: "Op. Manager",          company: "ProData",          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/professional-headshot-of-a-female-operat-1774215664404-a7ffd195.png",          videoSrc: ""},
      ]}
      kpiItems={[
        {
          value: "100%",          title: "Satisfação Total"},
        {
          value: "95%",          title: "Projetos no Prazo"},
        {
          value: "24/7",          title: "Suporte Premium"},
      ]}
      title="O que nossos clientes dizem"
      description="Parcerias de sucesso construídas com confiança, agilidade e inovação contínua, refletindo nosso compromisso com resultados de alta performance."
    />
  </div>

  <div id="techStack" data-section="techStack">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Laravel",        "Flutter",        "MySQL",        "Firebird",        "Delphi",        "JavaScript",        "Docker",        "GitHub",        "Claude AI",        "WhatsApp API",        "Microsoft",        "Google",        "Apple",        "Amazon",        "Nvidia"
      ]}
      logos={[
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-laravel-framework-logo-simple-and-fl-1774215661945-2e6ba265.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-flutter-framework-logo-simple-and-fl-1774215661755-4951748d.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-mysql-database-logo-simple-and-flat--1774215663249-a7735b54.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-firebird-database-logo-simple-and-fl-1774215662905-1f12c2fc.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-delphi-development-environment-logo--1774215663033-8207bc31.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-javascript-logo-js-simple-and-flat-a-1774215662414-e26f541c.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-docker-logo-simple-and-flat-against--1774215662364-a8c50636.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-github-logo-octocat-simple-and-flat--1774215662712-f133fc6e.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-claude-ai-logo-simple-and-flat-again-1774215661903-3c80dcfc.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-whatsapp-api-logo-simple-and-flat-ag-1774215661858-a16b64d8.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-modern-microsoft-logo-simple-and-fla-1774215661734-5f1c2ea7.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-modern-google-logo-simple-and-flat-a-1774215663176-b9515d45.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-modern-apple-logo-simple-and-flat-ag-1774215661300-26d0f65d.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-modern-amazon-logo-simple-and-flat-a-1774215661617-6b25c41d.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BJmXnHICjbrPVpk6C09rFYLahp/the-modern-nvidia-logo-simple-and-flat-a-1774215663582-054dda64.png"]}
      title="Tecnologias que dominamos"
      description="Dominamos o legado e construímos o futuro com as ferramentas mais modernas e eficientes do mercado, garantindo soluções robustas e inovadoras."
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Pronto para inovar?"
      title="Transforme sua TI com a Sinai"
      description="Fale com nosso time de especialistas e descubra soluções sob medida para acelerar seu negócio e impulsionar seu crescimento."
      buttons={[
        {
          text: "Solicitar orçamento gratuito",          href: "#"},
        {
          text: "Agendar uma call de 15 minutos",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Empresa",          items: [
            {
              label: "Sobre Nós",              href: "#problem"},
            {
              label: "Serviços",              href: "#services"},
            {
              label: "Tecnologias",              href: "#techStack"},
            {
              label: "Contato",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidade",              href: "#"},
            {
              label: "Termos de Uso",              href: "#"},
          ],
        },
      ]}
      logoText="Sinai Informática"
      copyrightText="© 2026 Sinai Informática — Todos os direitos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
