From 035977b9a0122d13743368f5a18d8064a19508ea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 18:30:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 251 ++++++++++++-----------------------------------
 1 file changed, 64 insertions(+), 187 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8382186..ce0809c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,18 +25,16 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Produto",
-      items: [
-        { label: "Dashboard", href: "/" },
-        { label: "Contas a Pagar", href: "/contas-a-pagar" },
-        { label: "Contas a Receber", href: "/contas-a-receber" },
-        { label: "Relatórios", href: "/relatorios" },
+      title: "Produto",      items: [
+        { label: "Dashboard", href: "#dashboard" },
+        { label: "Contas a Pagar", href: "#financeiro" },
+        { label: "Contas a Receber", href: "#financeiro" },
+        { label: "Relatórios", href: "#relatorios" },
         { label: "Integrações", href: "/integrracoes" },
       ],
     },
     {
-      title: "Empresa",
-      items: [
+      title: "Empresa",      items: [
         { label: "Sobre", href: "/sobre" },
         { label: "Blog", href: "/blog" },
         { label: "Carreiras", href: "/carreiras" },
@@ -45,8 +43,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacidade", href: "/privacidade" },
         { label: "Termos de Uso", href: "/termos" },
         { label: "Conformidade", href: "/conformidade" },
@@ -63,7 +60,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="largeSmall"
-      background="noise"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="radial-glow"
@@ -85,7 +82,7 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="FinControl"
           description="Controle financeiro empresarial inteligente e moderno. Gerencie contas a pagar, contas a receber, fluxo de caixa, e gere relatórios em tempo real com uma interface minimalista e intuitiva."
-          background={{ variant: "noise" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Começar Gratuitamente", href: "/signup" },
             { text: "Ver Demo", href: "/demo" },
@@ -108,26 +105,14 @@ export default function HomePage() {
           tagAnimation="slide-up"
           metrics={[
             {
-              id: "1",
-              value: "500+",
-              description:
-                "Empresas confiando em FinControl para gestão financeira",
-            },
+              id: "1",              value: "500+",              description:
+                "Empresas confiando em FinControl para gestão financeira"},
             {
-              id: "2",
-              value: "R$ 2.5B",
-              description: "Em transações processadas anualmente",
-            },
+              id: "2",              value: "R$ 2.5B",              description: "Em transações processadas anualmente"},
             {
-              id: "3",
-              value: "99.9%",
-              description: "Tempo de atividade (uptime) garantido",
-            },
+              id: "3",              value: "99.9%",              description: "Tempo de atividade (uptime) garantido"},
             {
-              id: "4",
-              value: "24/7",
-              description: "Suporte técnico especializado",
-            },
+              id: "4",              value: "24/7",              description: "Suporte técnico especializado"},
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -140,40 +125,24 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "Configuração Rápida",
-              description:
-                "Importe suas contas bancárias, centros de custo e dados de fornecedores/clientes em minutos. Interface intuitiva sem necessidade de documentação técnica.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/elegant-empty-state-illustration-for-fin-1772562076933-919e74c6.png",
-              imageAlt: "Configuração rápida e intuitiva",
-            },
+              title: "Configuração Rápida",              description:
+                "Importe suas contas bancárias, centros de custo e dados de fornecedores/clientes em minutos. Interface intuitiva sem necessidade de documentação técnica.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/elegant-empty-state-illustration-for-fin-1772562076933-919e74c6.png",              imageAlt: "Configuração rápida e intuitiva"},
             {
               id: 2,
-              title: "Gestão Centralizada",
-              description:
-                "Visualize todas as transações, aprovações e relatórios em um único dashboard moderno. Filtros avançados e busca instantânea para encontrar qualquer informação.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/modern-data-table-interface-showing-acco-1772562077796-6b6c7e82.png?_wi=1",
-              imageAlt: "Dashboard centralizado com dados em tempo real",
-            },
+              title: "Gestão Centralizada",              description:
+                "Visualize todas as transações, aprovações e relatórios em um único dashboard moderno. Filtros avançados e busca instantânea para encontrar qualquer informação.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/modern-data-table-interface-showing-acco-1772562077796-6b6c7e82.png",              imageAlt: "Dashboard centralizado com dados em tempo real"},
             {
               id: 3,
-              title: "Automação Inteligente",
-              description:
-                "Aproveitar workflows de aprovação, conciliação automática e alertas inteligentes para vencimentos e orçamentos. Poupe horas em tarefas manuais.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/visual-representation-of-a-payment-appro-1772562075981-2d4f4aec.png?_wi=1",
-              imageAlt: "Workflow de aprovação automatizado",
-            },
+              title: "Automação Inteligente",              description:
+                "Aproveitar workflows de aprovação, conciliação automática e alertas inteligentes para vencimentos e orçamentos. Poupe horas em tarefas manuais.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/visual-representation-of-a-payment-appro-1772562075981-2d4f4aec.png",              imageAlt: "Workflow de aprovação automatizado"},
             {
               id: 4,
-              title: "Insights em Tempo Real",
-              description:
-                "Gere relatórios detalhados, DRE, análise de inadimplência e cenários de fluxo de caixa. Exporte dados em PDF ou CSV com um clique.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/animated-cash-flow-chart-showing-real-vs-1772562075459-dc29b033.png?_wi=1",
-              imageAlt: "Gráficos de fluxo de caixa em tempo real",
-            },
+              title: "Insights em Tempo Real",              description:
+                "Gere relatórios detalhados, DRE, análise de inadimplência e cenários de fluxo de caixa. Exporte dados em PDF ou CSV com um clique.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/animated-cash-flow-chart-showing-real-vs-1772562075459-dc29b033.png",              imageAlt: "Gráficos de fluxo de caixa em tempo real"},
           ]}
           title="Como Funciona"
           description="Seu fluxo de trabalho financeiro otimizado em 4 passos simples"
@@ -194,98 +163,46 @@ export default function HomePage() {
         <PricingCardTwo
           plans={[
             {
-              id: "starter",
-              badge: "Startup",
-              badgeIcon: Sparkles,
-              price: "R$ 299/mês",
-              subtitle: "Para pequenas empresas iniciando",
-              buttons: [
+              id: "starter",              badge: "Startup",              badgeIcon: Sparkles,
+              price: "R$ 299/mês",              subtitle: "Para pequenas empresas iniciando",              buttons: [
                 { text: "Começar Gratuitamente", href: "/signup?plan=starter" },
                 {
-                  text: "Mais Informações",
-                  href: "/planos-detalhes",
-                },
+                  text: "Mais Informações",                  href: "/planos-detalhes"},
               ],
               features: [
-                "Até 5 usuários",
-                "Contas a Pagar e Receber",
-                "Fluxo de Caixa básico",
-                "10 relatórios por mês",
-                "Suporte por email",
-              ],
+                "Até 5 usuários",                "Contas a Pagar e Receber",                "Fluxo de Caixa básico",                "10 relatórios por mês",                "Suporte por email"],
             },
             {
-              id: "professional",
-              badge: "Profissional",
-              badgeIcon: Award,
-              price: "R$ 799/mês",
-              subtitle: "Para empresas em crescimento (MAIS POPULAR)",
-              buttons: [
+              id: "professional",              badge: "Profissional",              badgeIcon: Award,
+              price: "R$ 799/mês",              subtitle: "Para empresas em crescimento (MAIS POPULAR)",              buttons: [
                 {
-                  text: "Começar Gratuitamente",
-                  href: "/signup?plan=professional",
-                },
+                  text: "Começar Gratuitamente",                  href: "/signup?plan=professional"},
                 {
-                  text: "Mais Informações",
-                  href: "/planos-detalhes",
-                },
+                  text: "Mais Informações",                  href: "/planos-detalhes"},
               ],
               features: [
-                "Até 20 usuários",
-                "Contas a Pagar e Receber avançado",
-                "Fluxo de Caixa com cenários",
-                "Relatórios ilimitados",
-                "Conciliação bancária automática",
-                "Suporte prioritário",
-              ],
+                "Até 20 usuários",                "Contas a Pagar e Receber avançado",                "Fluxo de Caixa com cenários",                "Relatórios ilimitados",                "Conciliação bancária automática",                "Suporte prioritário"],
             },
             {
-              id: "enterprise",
-              badge: "Enterprise",
-              badgeIcon: Zap,
-              price: "Custom",
-              subtitle: "Para grandes corporações",
-              buttons: [
+              id: "enterprise",              badge: "Enterprise",              badgeIcon: Zap,
+              price: "Custom",              subtitle: "Para grandes corporações",              buttons: [
                 { text: "Solicitar Demo", href: "/contato" },
                 {
-                  text: "Falar com Especialista",
-                  href: "/contato-enterprise",
-                },
+                  text: "Falar com Especialista",                  href: "/contato-enterprise"},
               ],
               features: [
-                "Usuários ilimitados",
-                "Todas as funcionalidades premium",
-                "API customizada",
-                "Integrações especializadas",
-                "Suporte dedicado 24/7",
-                "SLA garantido",
-                "Treinamento customizado",
-              ],
+                "Usuários ilimitados",                "Todas as funcionalidades premium",                "API customizada",                "Integrações especializadas",                "Suporte dedicado 24/7",                "SLA garantido",                "Treinamento customizado"],
             },
             {
-              id: "consultant",
-              badge: "Consultor",
-              badgeIcon: CheckCircle,
-              price: "R$ 1.299/mês",
-              subtitle: "Para consultores e gestores",
-              buttons: [
+              id: "consultant",              badge: "Consultor",              badgeIcon: CheckCircle,
+              price: "R$ 1.299/mês",              subtitle: "Para consultores e gestores",              buttons: [
                 {
-                  text: "Começar Gratuitamente",
-                  href: "/signup?plan=consultant",
-                },
+                  text: "Começar Gratuitamente",                  href: "/signup?plan=consultant"},
                 {
-                  text: "Mais Informações",
-                  href: "/planos-detalhes",
-                },
+                  text: "Mais Informações",                  href: "/planos-detalhes"},
               ],
               features: [
-                "Múltiplas empresas (até 10)",
-                "Contas a Pagar e Receber completo",
-                "Relatórios avançados e personalizados",
-                "Centros de Custo ilimitados",
-                "Auditoria e rastreamento completo",
-                "Suporte prioritário",
-              ],
+                "Múltiplas empresas (até 10)",                "Contas a Pagar e Receber completo",                "Relatórios avançados e personalizados",                "Centros de Custo ilimitados",                "Auditoria e rastreamento completo",                "Suporte prioritário"],
             },
           ]}
           title="Planos Transparentes"
@@ -311,29 +228,17 @@ export default function HomePage() {
           author="Carlos Mendes, CFO - TechFlow Solutions"
           avatars={[
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Carlos",
-              alt: "Carlos Mendes",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Carlos",              alt: "Carlos Mendes"},
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Ana",
-              alt: "Ana Silva",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Ana",              alt: "Ana Silva"},
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Roberto",
-              alt: "Roberto Costa",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Roberto",              alt: "Roberto Costa"},
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Mariana",
-              alt: "Mariana Santos",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Mariana",              alt: "Mariana Santos"},
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Joao",
-              alt: "João Oliveira",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Joao",              alt: "João Oliveira"},
             {
-              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Patricia",
-              alt: "Patricia Alves",
-            },
+              src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Patricia",              alt: "Patricia Alves"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -350,17 +255,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Itaú",
-            "Banco do Brasil",
-            "Nubank",
-            "XP Investimentos",
-            "B3",
-            "SERPRO",
-            "SAP",
-            "Microsoft",
-            "Google Workspace",
-            "Zapier",
-          ]}
+            "Itaú",            "Banco do Brasil",            "Nubank",            "XP Investimentos",            "B3",            "SERPRO",            "SAP",            "Microsoft",            "Google Workspace",            "Zapier"]}
           speed={50}
           showCard={true}
         />
@@ -371,41 +266,23 @@ export default function HomePage() {
         <FaqBase
           faqs={[
             {
-              id: "1",
-              title: "Qual é o tempo de implementação do FinControl?",
-              content:
-                "A implementação leva entre 3-5 dias úteis. Você pode começar a usar a plataforma em menos de 24 horas após criar sua conta. Nossa equipe oferece onboarding completo e suporte durante todo o processo.",
-            },
+              id: "1",              title: "Qual é o tempo de implementação do FinControl?",              content:
+                "A implementação leva entre 3-5 dias úteis. Você pode começar a usar a plataforma em menos de 24 horas após criar sua conta. Nossa equipe oferece onboarding completo e suporte durante todo o processo."},
             {
-              id: "2",
-              title: "FinControl integra com meus bancos?",
-              content:
-                "Sim! Integramos com mais de 50 bancos brasileiros, incluindo Itaú, Banco do Brasil, Caixa, Bradesco e Nubank. A integração é automatizada via API segura (OAuth 2.0) com sincronização em tempo real.",
-            },
+              id: "2",              title: "FinControl integra com meus bancos?",              content:
+                "Sim! Integramos com mais de 50 bancos brasileiros, incluindo Itaú, Banco do Brasil, Caixa, Bradesco e Nubank. A integração é automatizada via API segura (OAuth 2.0) com sincronização em tempo real."},
             {
-              id: "3",
-              title: "Como funciona a segurança dos dados?",
-              content:
-                "Usamos encriptação AES-256 para dados em repouso, SSL/TLS para dados em trânsito, e estamos em conformidade com LGPD, ISO 27001 e SOC 2 Type II. Todos os dados são armazenados em data centers brasileiros certificados.",
-            },
+              id: "3",              title: "Como funciona a segurança dos dados?",              content:
+                "Usamos encriptação AES-256 para dados em repouso, SSL/TLS para dados em trânsito, e estamos em conformidade com LGPD, ISO 27001 e SOC 2 Type II. Todos os dados são armazenados em data centers brasileiros certificados."},
             {
-              id: "4",
-              title: "Qual é a política de retenção de dados?",
-              content:
-                "Mantemos todos os seus dados indefinidamente enquanto sua conta estiver ativa. Você pode exportar seus dados em qualquer momento em formato CSV ou API. Após cancelamento, arquivamos por 90 dias antes de deletar permanentemente.",
-            },
+              id: "4",              title: "Qual é a política de retenção de dados?",              content:
+                "Mantemos todos os seus dados indefinidamente enquanto sua conta estiver ativa. Você pode exportar seus dados em qualquer momento em formato CSV ou API. Após cancelamento, arquivamos por 90 dias antes de deletar permanentemente."},
             {
-              id: "5",
-              title: "Posso usar FinControl para múltiplas empresas?",
-              content:
-                "Sim! Os planos Professional e Consultant permitem gerenciar múltiplas empresas/filiais a partir de uma única conta. Cada empresa tem seus próprios usuários, permissões e dados isolados.",
-            },
+              id: "5",              title: "Posso usar FinControl para múltiplas empresas?",              content:
+                "Sim! Os planos Professional e Consultant permitem gerenciar múltiplas empresas/filiais a partir de uma única conta. Cada empresa tem seus próprios usuários, permissões e dados isolados."},
             {
-              id: "6",
-              title: "Como funciona o suporte técnico?",
-              content:
-                "Oferecemos suporte por email (Starter), chat/email prioritário (Professional), e suporte 24/7 dedicado (Enterprise). Tempo médio de resposta é 2 horas para suporte prioritário e 24 horas para suporte padrão.",
-            },
+              id: "6",              title: "Como funciona o suporte técnico?",              content:
+                "Oferecemos suporte por email (Starter), chat/email prioritário (Professional), e suporte 24/7 dedicado (Enterprise). Tempo médio de resposta é 2 horas para suporte prioritário e 24 horas para suporte padrão."},
           ]}
           title="Perguntas Frequentes"
           description="Encontre respostas para as dúvidas mais comuns sobre FinControl"
@@ -434,7 +311,7 @@ export default function HomePage() {
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/responsive-mobile-view-of-the-financial--1772562075405-93a15a71.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARhFgPCiS33HHqwOAmAHPn10yf/responsive-mobile-view-of-the-financial--1772562075405-93a15a71.png"
           imageAlt="FinControl - Gestão Financeira Empresarial"
           columns={footerColumns}
           logoText="FinControl"