From 1a4d5cbe6f9155de9269e9dcf6cec36f733e3ef6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 17:32:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 414 ++++++++++++++++-------------------------------
 1 file changed, 136 insertions(+), 278 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 643eefd..1495f91 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,294 +14,152 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-magnetic"
+      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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Como funciona",
-          id: "how-it-works",
-        },
-        {
-          name: "Benefícios",
-          id: "benefits",
-        },
-        {
-          name: "Preço",
-          id: "pricing",
-        },
-      ]}
-      brandName="Bora Fechar"
-      button={{
-        text: "Teste grátis",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Como funciona", id: "how-it-works" },
+              { name: "Benefícios", id: "benefits" },
+              { name: "Preço", id: "pricing" },
+            ]}
+            brandName="Bora Fechar"
+            button={{ text: "Teste grátis", href: "#" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="A IA encontra os melhores Leads. Seu time vende Mais."
-      description="Tenha um agente IA no seu CRM e WhatsApp que te ajuda a encontrar os melhores leads e manter o follow-up em dia."
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DP8T2abN6oc4YW32djthCLc0LP/uploaded-1778175085775-s4vjtesw.png",
-          alt: "Agent Interface 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
-          alt: "Agent Interface 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-male-entrepreneur-working-computer-office_637285-6738.jpg",
-          alt: "Agent Interface 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/checking-smartphone_1098-18347.jpg",
-          alt: "Agent Interface 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-business-man-being-happy-low-view_23-2148763833.jpg",
-          alt: "Agent Interface 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Teste 7 dias grátis",
-          href: "#",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "100% Integrado com CRM",
-        },
-        {
-          type: "text",
-          text: "Follow-up no WhatsApp",
-        },
-        {
-          type: "text",
-          text: "Leads quentes todo dia",
-        },
-        {
-          type: "text",
-          text: "Configuração em 5 min",
-        },
-        {
-          type: "text",
-          text: "Zero complicação",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="A IA encontra os melhores Leads. Seu time vende Mais."
+            description="Tenha um agente IA no seu CRM e WhatsApp que te ajuda a encontrar os melhores leads e manter o follow-up em dia."
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DP8T2abN6oc4YW32djthCLc0LP/uploaded-1778175085775-s4vjtesw.png", alt: "Agent Interface 1" },
+              { src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", alt: "Agent Interface 2" },
+              { src: "http://img.b2bpic.net/free-photo/happy-male-entrepreneur-working-computer-office_637285-6738.jpg", alt: "Agent Interface 3" },
+              { src: "http://img.b2bpic.net/free-photo/checking-smartphone_1098-18347.jpg", alt: "Agent Interface 4" },
+              { src: "http://img.b2bpic.net/free-photo/young-business-man-being-happy-low-view_23-2148763833.jpg", alt: "Agent Interface 5" },
+            ]}
+            buttons={[{ text: "Teste 7 dias grátis", href: "#" }]}
+            marqueeItems={[
+              { type: "text", text: "100% Integrado com CRM" },
+              { type: "text", text: "Follow-up no WhatsApp" },
+              { type: "text", text: "Leads quentes todo dia" },
+              { type: "text", text: "Configuração em 5 min" },
+              { type: "text", text: "Zero complicação" },
+            ]}
+          />
+        </div>
 
-  <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Três passos. Sem configuração técnica."
-      description="Nenhuma nova ferramenta para aprender."
-      accordionItems={[
-        {
-          id: "1",
-          title: "Selecione o seu CRM",
-          content: "Conecte o seu Hubspot, Pipedrive, RD Station ou Google Sheets em poucos cliques.",
-        },
-        {
-          id: "2",
-          title: "Escaneie o QR Code",
-          content: "Nenhum app instalado, nenhuma aprovação. Funciona com o WhatsApp que você já tem.",
-        },
-        {
-          id: "3",
-          title: "Foque nos leads certos",
-          content: "Converse no WhatsApp e foque nos leads com mais chance de fechar agora.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="how-it-works" data-section="how-it-works">
+          <FeatureCardTwentyOne
+            useInvertedBackground={false}
+            title="Três passos. Sem configuração técnica."
+            description="Nenhuma nova ferramenta para aprender."
+            accordionItems={[
+              { id: "1", title: "Selecione o seu CRM", content: "Conecte o seu Hubspot, Pipedrive, RD Station ou Google Sheets em poucos cliques." },
+              { id: "2", title: "Escaneie o QR Code", content: "Nenhum app instalado, nenhuma aprovação. Funciona com o WhatsApp que você já tem." },
+              { id: "3", title: "Foque nos leads certos", content: "Converse no WhatsApp e foque nos leads com mais chance de fechar agora." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="live-demo" data-section="live-demo">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Veja o assistente respondendo de verdade."
-      description="As respostas são geradas com base no seu CRM em tempo real."
-      bulletPoints={[
-        {
-          title: "Follow-up instantâneo",
-          description: "O assistente responde leads automaticamente.",
-        },
-        {
-          title: "CRM atualizado",
-          description: "Histórico gravado no seu CRM automaticamente.",
-        },
-        {
-          title: "Visão geral",
-          description: "Painel de controle com dados em tempo real.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="live-demo" data-section="live-demo">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Veja o assistente respondendo de verdade."
+            description="As respostas são geradas com base no seu CRM em tempo real."
+            bulletPoints={[
+              { title: "Follow-up instantâneo", description: "O assistente responde leads automaticamente." },
+              { title: "CRM atualizado", description: "Histórico gravado no seu CRM automaticamente." },
+              { title: "Visão geral", description: "Painel de controle com dados em tempo real." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="benefits" data-section="benefits">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Com o Bora Fechar você vai vender mais."
-      description="Ferramentas que facilitam o seu dia a dia e aumentam a conversão do seu time comercial."
-      bulletPoints={[
-        {
-          title: "Encontre leads quentes",
-          description: "O Bora Fechar analisa seu CRM em tempo real.",
-        },
-        {
-          title: "Follow-up no momento certo",
-          description: "O assistente te avisa quem está há dias sem contato.",
-        },
-        {
-          title: "Pipeline na mão",
-          description: "Quantas propostas abertas, quem está quente.",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"
-    />
-  </div>
+        <div id="benefits" data-section="benefits">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Com o Bora Fechar você vai vender mais."
+            description="Ferramentas que facilitam o seu dia a dia e aumentam a conversão do seu time comercial."
+            bulletPoints={[
+              { title: "Encontre leads quentes", description: "O Bora Fechar analisa seu CRM em tempo real." },
+              { title: "Follow-up no momento certo", description: "O assistente te avisa quem está há dias sem contato." },
+              { title: "Pipeline na mão", description: "Quantas propostas abertas, quem está quente." },
+            ]}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "HubSpot",
-        "Pipedrive",
-        "RD Station",
-        "Salesforce",
-        "Google",
-        "WhatsApp",
-        "Microsoft",
-      ]}
-      title="Empresas que confiam"
-      description="Centenas de times comerciais escalando resultados com o Bora Fechar."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["HubSpot", "Pipedrive", "RD Station", "Salesforce", "Google", "WhatsApp", "Microsoft"]}
+            title="Empresas que confiam"
+            description="Centenas de times comerciais escalando resultados com o Bora Fechar."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "pro",
-          name: "Plano completo",
-          price: "R$ 54/mês",
-          buttons: [
-            {
-              text: "Começar agora",
-              href: "#",
-            },
-          ],
-          features: [
-            "Agente IA no WhatsApp",
-            "Integração Hubspot, Pipedrive, RD",
-            "Histórico de conversas",
-            "Dashboard de gestão",
-            "Suporte via WhatsApp",
-          ],
-        },
-      ]}
-      title="Preço simples. Sem surpresas."
-      description="Tudo que você precisa para vender mais — sem limites."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "pro",                name: "Plano completo",                price: "R$ 54/mês",                buttons: [{ text: "Começar agora", href: "#" }],
+                features: ["Agente IA no WhatsApp", "Integração Hubspot, Pipedrive, RD", "Histórico de conversas", "Dashboard de gestão", "Suporte via WhatsApp"],
+              },
+            ]}
+            title="Preço simples. Sem surpresas."
+            description="Tudo que você precisa para vender mais — sem limites."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Precisa instalar algum app no celular?",
-          content: "Não, o sistema é 100% online.",
-        },
-        {
-          id: "2",
-          title: "Meu time precisa mudar alguma coisa?",
-          content: "Não, o processo é transparente.",
-        },
-        {
-          id: "3",
-          title: "O HubSpot é obrigatório?",
-          content: "Não, integramos com vários CRMs.",
-        },
-        {
-          id: "4",
-          title: "Meus dados ficam seguros?",
-          content: "Sim, segurança de nível empresarial.",
-        },
-      ]}
-      title="Perguntas que a gente recebe todo dia."
-      description="Dúvidas comuns sobre o Bora Fechar."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Precisa instalar algum app no celular?", content: "Não, o sistema é 100% online." },
+              { id: "2", title: "Meu time precisa mudar alguma coisa?", content: "Não, o processo é transparente." },
+              { id: "3", title: "O HubSpot é obrigatório?", content: "Não, integramos com vários CRMs." },
+              { id: "4", title: "Meus dados ficam seguros?", content: "Sim, segurança de nível empresarial." },
+            ]}
+            title="Perguntas que a gente recebe todo dia."
+            description="Dúvidas comuns sobre o Bora Fechar."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Produto",
-          items: [
-            {
-              label: "Como funciona",
-              href: "#how-it-works",
-            },
-            {
-              label: "Benefícios",
-              href: "#benefits",
-            },
-            {
-              label: "Preço",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Empresa",
-          items: [
-            {
-              label: "Falar com equipe",
-              href: "#",
-            },
-            {
-              label: "Privacidade",
-              href: "#",
-            },
-            {
-              label: "Termos",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2026 Bora Fechar"
-      bottomRightText="Feito no Brasil"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Produto", items: [{ label: "Como funciona", href: "#how-it-works" }, { label: "Benefícios", href: "#benefits" }, { label: "Preço", href: "#pricing" }] },
+              { title: "Empresa", items: [{ label: "Falar com equipe", href: "#" }, { label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] },
+            ]}
+            bottomLeftText="© 2026 Bora Fechar"
+            bottomRightText="Feito no Brasil"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1