From b783bad5744b8c5b08223c5530c9a0cb83f190af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 00:14:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 343 ++++++++++++++---------------------------------
 1 file changed, 104 insertions(+), 239 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 12e2aae..f4fa00d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,253 +16,118 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Serviços",
-          id: "servicos",
-        },
-        {
-          name: "Metodologia",
-          id: "metodologia",
-        },
-        {
-          name: "Cases",
-          id: "cases",
-        },
-        {
-          name: "Contato",
-          id: "contato",
-        },
-      ]}
-      brandName="Consultoria PMO"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Início", id: "hero" },
+              { name: "Serviços", id: "servicos" },
+              { name: "Metodologia", id: "metodologia" },
+              { name: "Cases", id: "cases" },
+              { name: "Contato", id: "contato" }
+            ]}
+            brandName="Consultoria PMO"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Consultoria em Projetos e Processos com foco em resultados"
-      description="Transformamos sua operação com metodologias de ponta, foco em KPIs e melhoria contínua para resultados mensuráveis."
-      kpis={[
-        {
-          value: "30%",
-          label: "Redução em custos",
-        },
-        {
-          value: "25%",
-          label: "Aumento produtividade",
-        },
-        {
-          value: "100%",
-          label: "Compliance garantido",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Solicitar diagnóstico gratuito",
-          href: "#contato",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/modern-business-dashboard-with-process-f-1774570414236-335b3cfa.png"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Consultoria em Projetos e Processos com foco em resultados"
+            description="Transformamos sua operação com metodologias de ponta, foco em KPIs e melhoria contínua para resultados mensuráveis."
+            kpis={[
+              { value: "30%", label: "Redução em custos" },
+              { value: "25%", label: "Aumento produtividade" },
+              { value: "100%", label: "Compliance garantido" }
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Solicitar diagnóstico gratuito", href: "#contato" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/modern-business-dashboard-with-process-f-1774570414236-335b3cfa.png"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="servicos" data-section="servicos">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Implantação de PMO",
-          description: "Estruturação de governança de projetos baseada nas melhores práticas PMI.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png?_wi=1",
-        },
-        {
-          id: "s2",
-          title: "Gestão de Processos",
-          description: "Mapeamento e redesenho de processos (AS-IS/TO-BE) utilizando BPMN 2.0.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png?_wi=2",
-        },
-        {
-          id: "s3",
-          title: "Automação (RPA)",
-          description: "Redução de gargalos através da automação de fluxos manuais.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png?_wi=3",
-        },
-        {
-          id: "s4",
-          title: "Business Intelligence",
-          description: "Dashboards de alta performance para tomada de decisão orientada a dados.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png?_wi=4",
-        },
-        {
-          id: "s5",
-          title: "Setor Público",
-          description: "Eficiência administrativa com conformidade legal e governança técnica.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png?_wi=5",
-        },
-      ]}
-      title="Nossos Serviços Especializados"
-      description="Soluções integradas para governança corporativa e eficiência operacional."
-    />
-  </div>
+        <div id="servicos" data-section="servicos">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", title: "Implantação de PMO", description: "Estruturação de governança de projetos baseada nas melhores práticas PMI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png" },
+              { id: "s2", title: "Gestão de Processos", description: "Mapeamento e redesenho de processos (AS-IS/TO-BE) utilizando BPMN 2.0.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png" },
+              { id: "s3", title: "Automação (RPA)", description: "Redução de gargalos através da automação de fluxos manuais.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png" },
+              { id: "s4", title: "Business Intelligence", description: "Dashboards de alta performance para tomada de decisão orientada a dados.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png" },
+              { id: "s5", title: "Setor Público", description: "Eficiência administrativa com conformidade legal e governança técnica.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/minimalist-icon-illustration-for-project-1774570410446-1ae5a0af.png" }
+            ]}
+            title="Nossos Serviços Especializados"
+            description="Soluções integradas para governança corporativa e eficiência operacional."
+          />
+        </div>
 
-  <div id="metodologia" data-section="metodologia">
-      <MetricCardTwo
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1. Diagnóstico",
-          description: "Identificação detalhada dos desafios.",
-        },
-        {
-          id: "m2",
-          value: "2. Análise",
-          description: "Mapeamento de gaps e riscos.",
-        },
-        {
-          id: "m3",
-          value: "3. Otimização",
-          description: "Redesenho de fluxos e automação.",
-        },
-        {
-          id: "m4",
-          value: "4. Monitoramento",
-          description: "Gestão constante de KPIs.",
-        },
-      ]}
-      title="Nossa Metodologia"
-      description="Um framework robusto focado em melhoria contínua."
-    />
-  </div>
+        <div id="metodologia" data-section="metodologia">
+          <MetricCardTwo
+            animationType="scale-rotate"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "1. Diagnóstico", description: "Identificação detalhada dos desafios." },
+              { id: "m2", value: "2. Análise", description: "Mapeamento de gaps e riscos." },
+              { id: "m3", value: "3. Otimização", description: "Redesenho de fluxos e automação." },
+              { id: "m4", value: "4. Monitoramento", description: "Gestão constante de KPIs." }
+            ]}
+            title="Nossa Metodologia"
+            description="Um framework robusto focado em melhoria contínua."
+          />
+        </div>
 
-  <div id="cases" data-section="cases">
-      <TestimonialCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "CEO",
-          testimonial: "A implantação do PMO reduziu drasticamente nosso desperdício operacional.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410393-491f2509.png",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "CTO",
-          testimonial: "Dashboards de Power BI que mudaram nossa visibilidade de performance.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410466-2dba1aec.png",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "Marketing",
-          testimonial: "Processos automatizados com n8n economizaram semanas de trabalho manual.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410523-f437a542.png",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "Diretor",
-          testimonial: "Excelente governança e conformidade no setor público.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410941-9795bc4e.png",
-        },
-      ]}
-      title="Clientes que transformamos"
-      description="Veja como nossa consultoria impulsiona resultados reais."
-    />
-  </div>
+        <div id="cases" data-section="cases">
+          <TestimonialCardSix
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", handle: "CEO", testimonial: "A implantação do PMO reduziu drasticamente nosso desperdício operacional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410393-491f2509.png" },
+              { id: "2", name: "Michael Chen", handle: "CTO", testimonial: "Dashboards de Power BI que mudaram nossa visibilidade de performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410466-2dba1aec.png" },
+              { id: "3", name: "Emily Rodriguez", handle: "Marketing", testimonial: "Processos automatizados com n8n economizaram semanas de trabalho manual.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410523-f437a542.png" },
+              { id: "4", name: "David Kim", handle: "Diretor", testimonial: "Excelente governança e conformidade no setor público.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVMwalLG8C2bos24cYXhdHCQRb/professional-headshot-of-a-business-cons-1774570410941-9795bc4e.png" }
+            ]}
+            title="Clientes que transformamos"
+            description="Veja como nossa consultoria impulsiona resultados reais."
+          />
+        </div>
 
-  <div id="contato" data-section="contato">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contato"
-      title="Solicitar diagnóstico gratuito"
-      description="Estamos prontos para transformar sua estratégia em resultados mensuráveis."
-      buttons={[
-        {
-          text: "Enviar solicitação",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contato" data-section="contato">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Contato"
+            title="Solicitar diagnóstico gratuito"
+            description="Estamos prontos para transformar sua estratégia em resultados mensuráveis."
+            buttons={[{ text: "Enviar solicitação", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Empresa",
-          items: [
-            {
-              label: "Sobre",
-              href: "#",
-            },
-            {
-              label: "Metodologia",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Serviços",
-          items: [
-            {
-              label: "PMO",
-              href: "#",
-            },
-            {
-              label: "Processos",
-              href: "#",
-            },
-            {
-              label: "BI",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contato",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-            {
-              label: "Email",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Consultoria PMO"
-      bottomRightText="Todos os direitos reservados."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Empresa", items: [{ label: "Sobre", href: "#" }, { label: "Metodologia", href: "#" }] },
+              { title: "Serviços", items: [{ label: "PMO", href: "#" }, { label: "Processos", href: "#" }, { label: "BI", href: "#" }] },
+              { title: "Contato", items: [{ label: "WhatsApp", href: "#" }, { label: "Email", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 Consultoria PMO"
+            bottomRightText="Todos os direitos reservados."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1