"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Crown, LifeBuoy, LineChart, Palette, Rocket, Search, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Início",
          id: "#inicio",
        },
        {
          name: "Recursos",
          id: "#recursos",
        },
        {
          name: "Planos",
          id: "#planos",
        },
        {
          name: "Testemunhos",
          id: "#testemunhos",
        },
        {
          name: "Contato",
          id: "#contato",
        },
      ]}
      brandName="AI Sites Pro"
      button={{
        text: "Comece Já",
        href: "#contato",
      }}
    />
  </div>

  <div id="inicio" data-section="inicio">
      <HeroSplit
      background={{
        variant: "animated-grid",
      }}
      imagePosition="right"
      title="Crie Seu Website Incrível com o Poder da IA"
      description="Transformamos suas ideias em websites profissionais e otimizados em minutos. Sem codificação, sem complicações."
      tag="Inovação Digital"
      buttons={[
        {
          text: "Descubra Planos",
          href: "#planos",
        },
        {
          text: "Ver Demonstração",
          href: "#recursos",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/molecular-structure-chemistry-science-experiment-concept_53876-120325.jpg"
      imageAlt="AI website builder interface"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/lawyer-doing-her-job_23-2148172253.jpg",
          alt: "Female Developer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
          alt: "Male Tech Lead",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
          alt: "Project Manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg",
          alt: "UX Designer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
          alt: "Marketing Specialist",
        },
      ]}
      avatarText="+10K Websites Criados"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Criação Rápida",
          icon: Zap,
        },
        {
          type: "text-icon",
          text: "SEO Otimizado",
          icon: Search,
        },
        {
          type: "text-icon",
          text: "Design Moderno",
          icon: Palette,
        },
        {
          type: "text-icon",
          text: "Suporte Dedicado",
          icon: LifeBuoy,
        },
        {
          type: "text-icon",
          text: "Resultados Reais",
          icon: LineChart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Sobre Nós"
      title="AI Sites Pro: A Revolução na Criação Web"
      buttons={[
        {
          text: "Nossa Tecnologia",
          href: "#recursos",
        },
        {
          text: "Entre em Contato",
          href: "#contato",
        },
      ]}
      description="Nossa plataforma impulsionada por IA entende suas necessidades e constrói um website sob medida, desde o design até o conteúdo. Foco total nos seus resultados, com otimização SEO e responsividade garantidas."
    />
  </div>

  <div id="recursos" data-section="recursos">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Recursos Inteligentes para Seu Sucesso"
      description="Explore as funcionalidades que fazem da AI Sites Pro a escolha ideal para o seu negócio. Design personalizado, conteúdo otimizado e gerenciamento intuitivo, tudo para impulsionar sua presença online."
      accordionItems={[
        {
          id: "1",
          title: "Design Personalizado por IA",
          content: "Nossa inteligência artificial cria layouts únicos e visuais impressionantes, alinhados à sua marca e setor, garantindo um site que se destaca.",
        },
        {
          id: "2",
          title: "Conteúdo Otimizado e Engajador",
          content: "Geração de textos, imagens e vídeos com IA, focando em SEO e nas palavras-chave mais relevantes para atrair seu público-alvo e convertê-los em clientes.",
        },
        {
          id: "3",
          title: "Gerenciamento Intuitivo Sem Código",
          content: "Esqueça a complexidade. Nossa interface arrasta e solta permite que você atualize e gerencie seu site facilmente, sem precisar de conhecimentos em programação.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917453.jpg"
      imageAlt="AI analytics dashboard for website management"
      mediaAnimation="slide-up"
      mediaPosition="left"
    />
  </div>

  <div id="produtos" data-section="produtos">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "basic",
          name: "Site Essencial",
          price: "A partir de R$ 999",
          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-banner-set_1284-34351.jpg",
          imageAlt: "Minimalist website layout for Basic package",
        },
        {
          id: "professional",
          name: "Site Profissional",
          price: "A partir de R$ 1.999",
          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-press-kit-template_23-2150296091.jpg",
          imageAlt: "Professional business website layout",
        },
        {
          id: "ecommerce",
          name: "E-commerce Completo",
          price: "A partir de R$ 3.499",
          imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-log-it-glasses-office-supplies_1163-2757.jpg",
          imageAlt: "E-commerce website layout with products",
        },
        {
          id: "portfolio",
          name: "Portfólio Criativo",
          price: "A partir de R$ 1.499",
          imageSrc: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg",
          imageAlt: "Creative portfolio website layout",
        },
        {
          id: "blog",
          name: "Blog Otimizado",
          price: "A partir de R$ 1.299",
          imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-95888.jpg",
          imageAlt: "Blog website layout with article cards",
        },
        {
          id: "corporate",
          name: "Solução Corporativa",
          price: "A partir de R$ 4.999",
          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office_23-2149307796.jpg",
          imageAlt: "Robust corporate website layout",
        },
      ]}
      title="Seu Website Ideal, Criado por IA"
      description="Escolha entre nossos pacotes de websites com IA, desenvolvidos para diferentes necessidades e orçamentos, garantindo a solução perfeita para você."
    />
  </div>

  <div id="planos" data-section="planos">
      <PricingCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",
          tag: "Para Começar",
          tagIcon: Rocket,
          price: "R$ 199/mês",
          period: "após 3 meses",
          description: "Ideal para quem busca uma presença online rápida e eficiente.",
          button: {
            text: "Escolher Plano Starter",
            href: "#contato",
          },
          featuresTitle: "Inclui:",
          features: [
            "Criação de Site Básico com IA",
            "Hospedagem inclusa",
            "Suporte Essencial",
            "Otimização SEO inicial",
          ],
        },
        {
          id: "business",
          tag: "Mais Popular",
          tagIcon: TrendingUp,
          price: "R$ 399/mês",
          period: "após 3 meses",
          description: "Perfeito para empresas que precisam de recursos avançados e maior visibilidade.",
          button: {
            text: "Escolher Plano Business",
            href: "#contato",
          },
          featuresTitle: "Tudo do Starter, mais:",
          features: [
            "Site Profissional e Otimizado por IA",
            "Integração de E-commerce ou Portfólio",
            "Suporte Prioritário",
            "Relatórios de Performance Mensais",
          ],
        },
        {
          id: "enterprise",
          tag: "Solução Completa",
          tagIcon: Crown,
          price: "R$ 799/mês",
          period: "após 3 meses",
          description: "Para grandes negócios que exigem personalização total e alta performance.",
          button: {
            text: "Escolher Plano Enterprise",
            href: "#contato",
          },
          featuresTitle: "Tudo do Business, mais:",
          features: [
            "Desenvolvimento Customizado com IA",
            "Integrações de Sistemas Avançadas",
            "Consultoria Estratégica",
            "Manutenção e Atualizações VIP",
          ],
        },
      ]}
      title="Planos Flexíveis para Qualquer Negócio"
      description="Encontre a solução perfeita para o seu projeto com nossos planos transparentes, criados para oferecer o melhor custo-benefício e resultados reais."
    />
  </div>

  <div id="testemunhos" data-section="testemunhos">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Ana Clara Santos",
          role: "CEO da Inovatech",
          company: "Inovatech",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg",
          imageAlt: "Foto de Ana Clara Santos",
        },
        {
          id: "2",
          name: "Bruno Lima",
          role: "Fundador da StartUp Digital",
          company: "StartUp Digital",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/empty-boardroom-space-within-enterprise-designed-productivity_482257-114714.jpg",
          imageAlt: "Foto de Bruno Lima",
        },
        {
          id: "3",
          name: "Carla Mendes",
          role: "Gerente de Marketing da Global Connect",
          company: "Global Connect",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-doing-job-digital-tablet-reading-something-standing-white-background_1258-112809.jpg",
          imageAlt: "Foto de Carla Mendes",
        },
        {
          id: "4",
          name: "Daniel Oliveira",
          role: "Proprietário da Padaria Artesanal",
          company: "Padaria Artesanal",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-man-keeps-hands-chin-looks-with-self-confident-facial-expression-wears-optical-glasses-sits-table-cozy-cafeteria-has-coffee-break-after-remote-work-laptop_273609-29249.jpg",
          imageAlt: "Foto de Daniel Oliveira",
        },
        {
          id: "5",
          name: "Elisa Costa",
          role: "Especialista em E-commerce da Fashion Trends",
          company: "Fashion Trends",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/startup-ceo-attends-business-meeting-videocall-connection-using-online-videoconference-call-explain-company-solution-development-company-entrepreneur-open-office-tripod-shot_482257-67912.jpg",
          imageAlt: "Foto de Elisa Costa",
        },
      ]}
      title="O Que Nossos Clientes Dizem"
      description="Histórias de sucesso de quem confiou na AI Sites Pro para impulsionar sua presença online e alcançar resultados surpreendentes."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Como a IA cria meu site?",
          content: "Nossa IA utiliza algoritmos avançados para analisar suas preferências, setor e conteúdo fornecido, gerando um design e estrutura de site personalizados em minutos.",
        },
        {
          id: "2",
          title: "Preciso ter conhecimento em programação?",
          content: "Não! Nossa plataforma é totalmente intuitiva, com um editor de arrastar e soltar que permite gerenciar seu site sem nenhuma linha de código.",
        },
        {
          id: "3",
          title: "Posso personalizar o site após a criação da IA?",
          content: "Sim, a IA oferece uma base sólida, mas você tem total liberdade para personalizar todos os aspectos do seu site, desde textos e imagens até layouts e funcionalidades.",
        },
        {
          id: "4",
          title: "A AI Sites Pro oferece hospedagem?",
          content: "Sim, todos os nossos planos incluem hospedagem segura e de alta performance, garantindo que seu site esteja sempre online e rápido.",
        },
        {
          id: "5",
          title: "Como funciona o suporte técnico?",
          content: "Oferecemos suporte via chat, e-mail e telefone, com diferentes níveis de prioridade dependendo do seu plano, para garantir que suas dúvidas sejam resolvidas rapidamente.",
        },
        {
          id: "6",
          title: "A otimização SEO é realmente eficaz?",
          content: "Nossa IA é treinada para gerar conteúdo e estrutura com foco em SEO, utilizando as melhores práticas para que seu site tenha um bom ranqueamento nos motores de busca, atraindo mais visitantes.",
        },
      ]}
      title="Perguntas Frequentes"
      description="Tire suas dúvidas mais comuns sobre a criação de websites com IA, nossa tecnologia e como podemos ajudar seu negócio a crescer online."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contato" data-section="contato">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Comece Seu Projeto Hoje!"
      description="Entre em contato conosco para criar o seu website com IA. Nossa equipe está pronta para transformar suas ideias em uma presença online impactante."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Seu Nome Completo",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Seu Melhor E-mail",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Seu Telefone (Opcional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Como podemos ajudar?",
        rows: 5,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/medical-icon-3d-illustration_183364-119302.jpg"
      imageAlt="Abstract AI network connections"
      mediaPosition="right"
      buttonText="Enviar Mensagem"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Soluções",
          items: [
            {
              label: "Sites Essenciais",
              href: "#planos",
            },
            {
              label: "E-commerce",
              href: "#planos",
            },
            {
              label: "Portfólios",
              href: "#planos",
            },
            {
              label: "Blogs",
              href: "#planos",
            },
          ],
        },
        {
          title: "Empresa",
          items: [
            {
              label: "Sobre Nós",
              href: "#about",
            },
            {
              label: "Recursos",
              href: "#recursos",
            },
            {
              label: "Testemunhos",
              href: "#testemunhos",
            },
          ],
        },
        {
          title: "Suporte",
          items: [
            {
              label: "FAQs",
              href: "#faq",
            },
            {
              label: "Contato",
              href: "#contato",
            },
            {
              label: "Termos de Uso",
              href: "#",
            },
            {
              label: "Política de Privacidade",
              href: "#",
            },
          ],
        },
      ]}
      logoText="AI Sites Pro"
      copyrightText="© 2024 AI Sites Pro. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
