"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Star, Zap, Share2, Users, BookOpen, Lightbulb, TrendingUp, MessageSquare, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Serviços", id: "services" },
            { name: "Sobre", id: "about" },
            { name: "Clientes", id: "testimonials" },
            { name: "Contato", id: "contact" }
          ]}
          brandName="WsWebsoftware"
          bottomLeftText="Inovação Digital"
          bottomRightText="contato@wswebsoftware.com.br"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Transforme Sua Presença Digital"
          description="Criamos websites profissionais, plataformas de entrega inovadoras e estratégias de marketing que impulsionam seu negócio. Mais de 150+ empresas já confiam em nossa expertise."
          tag="Excelência Digital Comprovada"
          tagIcon={Star}
          tagAnimation="slide-up"
          kpis={[
            { value: "150+", label: "Clientes Satisfeitos" },
            { value: "98%", label: "Taxa de Satisfação" },
            { value: "5+", label: "Anos de Excelência" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Iniciar Projeto", href: "#contact" },
            { text: "Ver Portfólio", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
          imageAlt="Dashboard de websites profissionais"
          imagePosition="right"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Somos especialistas em criar" },
            { type: "text", content: "soluções digitais que convertem." }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Conheça Nossa História", href: "#services" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Nossos Serviços Principais"
          description="Oferecemos uma gama completa de soluções digitais para transformar seu negócio e aumentar suas conversões."
          tag="Soluções Comprovadas"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              title: "Websites Profissionais",              description: "Plataformas modernas, responsivas e otimizadas para SEO que aumentam sua visibilidade e credibilidade online.",              bentoComponent: "globe"
            },
            {
              title: "Plataformas de Entrega",              description: "Sistemas completos de delivery com gestão inteligente, sem taxas abusivas de marketplaces.",              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Estratégia de Marketing Digital",              description: "Campanhas de redes sociais, landing pages de alta conversão e gestão de marca online.",              bentoComponent: "marquee",              centerIcon: Share2,
              variant: "text",              texts: ["Instagram", "Facebook", "LinkedIn", "TikTok", "YouTube"]
            },
            {
              title: "Serviços de Suporte",              description: "Atendimento real, vídeos tutoriais e consultoria estratégica para o sucesso contínuo do seu projeto.",              bentoComponent: "3d-task-list",              items: [
                { icon: Users, label: "Atendimento Real", time: "24/7" },
                { icon: BookOpen, label: "Tutoriais Completos", time: "Contínuo" },
                { icon: Lightbulb, label: "Consultoria", time: "Sob Demanda" }
              ]
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Explorar Serviços", href: "#services" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Impacto Comprovado"
          description="Números que mostram o sucesso de nossos projetos e a confiança de nossos clientes."
          tag="Resultados Reais"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "150+",              title: "Clientes em Diversos Setores",              items: ["Agências automotivas", "Plataformas de delivery", "Agências de turismo", "E-commerce"]
            },
            {
              id: "2",              value: "98%",              title: "Taxa de Satisfação dos Clientes",              items: ["Avaliações 5 estrelas", "Suporte excepcional", "Entrega no prazo", "Qualidade garantida"]
            },
            {
              id: "3",              value: "5+",              title: "Anos de Excelência e Inovação",              items: ["Tecnologia atualizada", "Equipe experiente", "Crescimento constante", "Referência de mercado"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Começar Agora", href: "#contact" }
          ]}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Confiado por Líderes do Mercado"
          description="Mais de 150 empresas de diferentes segmentos escolhem a WsWebsoftware para transformar sua presença digital."
          tag="Nossos Clientes"
          tagIcon={Users}
          tagAnimation="slide-up"
          names={[
            "Acme Corporation",            "TechFlow Solutions",            "Innovate Labs",            "CloudSync Platform",            "Digital Ventures",            "Enterprise Solutions",            "Growth Dynamics",            "Future Systems"
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          speed={35}
          showCard={true}
          buttons={[
            { text: "Ver Case Studies", href: "#testimonials" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="O Que Nossos Clientes Dizem"
          description="Histórias reais de sucesso e transformação digital com WsWebsoftware."
          tag="Testimoniais"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marina Santos",              role: "Proprietária de Agência Automotiva",              testimonial: "O site que a WsWebsoftware desenvolveu transformou completamente meu negócio. Meus clientes agora me encontram com facilidade no Google e as vendas aumentaram 3x!",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg",              imageAlt: "Marina Santos"
            },
            {
              id: "2",              name: "Carlos Oliveira",              role: "CEO - Plataforma Delivery Pro",              testimonial: "Contraté a plataforma Delivery e fiquei impressionado com a funcionalidade e organização do sistema. Meus clientes adoram a facilidade de uso e não precisamos mais pagar taxas abusivas.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",              imageAlt: "Carlos Oliveira"
            },
            {
              id: "3",              name: "Fernanda Costa",              role: "Gerente de Marketing - TechCorp",              testimonial: "A landing page que desenvolveram para nós foi um sucesso total. O design moderno e estratégico resultou em muito mais leads qualificados e conversões.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Fernanda Costa"
            },
            {
              id: "4",              name: "João Silva",              role: "Empresário - Turismo Offroad",              testimonial: "Sou agenciador de passeios offroad em Natal e o site que criaram para mim foi perfeito. Profissional, personalizado e realmente ajudou a aumentar nossas reservas!",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",              imageAlt: "João Silva"
            },
            {
              id: "5",              name: "Beatriz Mendes",              role: "Diretora de Operações - InnovateLab",              testimonial: "O kit de artes para redes sociais deixou meu Instagram profissional e atrativo. O engajamento aumentou significativamente e minha marca ficou muito mais forte online.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",              imageAlt: "Beatriz Mendes"
            },
            {
              id: "6",              name: "Rafael Gomes",              role: "Proprietário - E-commerce Premium",              testimonial: "Trabalhar com a WsWebsoftware foi incrível. O suporte é excelente, os tutoriais ajudam muito e o atendimento é sempre rápido. Empresa séria e comprometida com resultados!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              imageAlt: "Rafael Gomes"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Deixe Sua Avaliação", href: "#contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Vamos Trabalhar Juntos"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Pronto para Transformar Seu Negócio?"
          description="Entre em contato conosco hoje e descubra como podemos levar sua presença digital ao próximo nível. Nosso time está pronto para criar soluções incríveis para você."
          buttons={[
            { text: "Solicitar Proposta", href: "mailto:contato@wswebsoftware.com.br" },
            { text: "Agendar Consultoria", href: "https://wa.me/5584999999999" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg"
          imageAlt="WsWebsoftware - Soluções Digitais"
          logoText="WsWebsoftware"
          copyrightText="© 2025 WsWebsoftware | Todos os direitos reservados"
          columns={[
            {
              title: "Serviços",              items: [
                { label: "Websites Profissionais", href: "#services" },
                { label: "Plataformas Delivery", href: "#services" },
                { label: "Marketing Digital", href: "#services" },
                { label: "Consultoria", href: "#services" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nós", href: "#about" },
                { label: "Clientes", href: "#testimonials" },
                { label: "Blog", href: "#" },
                { label: "Carreiras", href: "#" }
              ]
            },
            {
              title: "Contato",              items: [
                { label: "Email: contato@wswebsoftware.com.br", href: "mailto:contato@wswebsoftware.com.br" },
                { label: "WhatsApp: (84) 99999-9999", href: "https://wa.me/5584999999999" },
                { label: "Política de Privacidade", href: "#" },
                { label: "Termos de Serviço", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
