From 2139c53a9fcd5fa6ff0c73dec2acd3edb4b48916 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 02:55:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 127 ++++++++++++++++++++++++-----------------------
 1 file changed, 65 insertions(+), 62 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 36bfe75..656fd4d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,35 +4,35 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import { Brain, Target, BarChart3, TrendingUp, Sparkles, Database } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
+        defaultTextAnimation="reveal-blur"
         borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="largeSizeMediumTitles"
         background="none"
-        cardStyle="outline"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        cardStyle="solid"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Início", id: "hero" },
-        { name: "Sobre", id: "about" },
-        { name: "IA & Operação", id: "capabilities" },
-        { name: "FAQ", id: "faq" },
+        { name: "IA & Funcionalidades", id: "capabilities" },
+        { name: "Whitelist", id: "contact" },
       ]}
       brandName="Brique Art"
       button={{ text: "Whitelist", href: "#contact" }}
@@ -40,87 +40,90 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Brique Art"
-      description="A camada operacional profissional para transformar flipping em um negócio sólido e previsível. Gestão de dados, IA de negociação e escala."
-      buttons={[{ text: "Quero fazer parte", href: "#contact" }]}
-      slides={[
-        { imageSrc: "https://img.b2bpic.net/free-photo/modern-office-business-strategy_482257-2265.jpg", imageAlt: "Profissional em ambiente de trabalho" }
-      ]}
+      <HeroBillboardDashboard
+      title="Operações de Flipping Profissionalizadas"
+      description="Uma suíte de inteligência operacional de alta performance para quem escala no mercado de revenda. Otimize decisões, negocie com IA e gerencie seu inventário com precisão cirúrgica."
+      tag="Acesso Antecipado"
+      buttons={[{ text: "Solicitar Acesso", href: "#contact" }]}
+      dashboard={{
+        title: "Brique Art Terminal",        stats: [
+            { title: "Margem Operacional", values: [42, 0, 0], valuePrefix: "%", description: "Eficiência de lucro por transação" },
+            { title: "Flips Ativos", values: [156, 0, 0], description: "Volume de inventário em fluxo" },
+            { title: "Velocidade de Venda", values: [3, 2, 0], valueSuffix: "dias", description: "Tempo médio de giro" }
+        ],
+        logoIcon: Database,
+        sidebarItems: [{ icon: Brain, active: true }, { icon: BarChart3 }, { icon: TrendingUp }],
+        imageSrc: "https://img.b2bpic.net/free-photo/dashboard-analysis-business.jpg"
+      }}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <AboutMetric
+      title="Elevando o Padrão do Mercado"
+      metrics={[
+          { icon: Target, label: "Precisão", value: "99.9%" },
+          { icon: Brain, label: "IA Autônoma", value: "24/7" },
+          { icon: BarChart3, label: "ROI Médio", value: "3.5x" }
+      ]}
+      metricsAnimation="blur-reveal"
       useInvertedBackground={false}
-      title="Faça do Brique um negócio, não um improviso."
-      tag="O Fim do Caos"
-      buttons={[{ text: "Entenda o Método", href: "#capabilities" }]}
     />
   </div>
 
   <div id="capabilities" data-section="capabilities">
-      <FeatureCardThree
-      gridVariant="bento-grid"
-      animationType="slide-up"
-      textboxLayout="split"
-      title="IA e Operações Precisas"
-      description="Uma suíte completa para quem não brinca em serviço no mercado de revenda."
-      useInvertedBackground={false}
+      <FeatureCardTwentySix
+      title="Tecnologia de Alta Performance"
+      description="Desenvolvemos uma infraestrutura robusta de IA para eliminar o guesswork e garantir margens reais."
+      textboxLayout="inline-image"
+      useInvertedBackground={true}
       features={[
-        { title: "Motor de Busca", description: "IA que rastreia e filtra oportunidades reais.", imageSrc: "https://img.b2bpic.net/free-photo/search-data-analytics.jpg" },
-        { title: "Score Personalizado", description: "Classificação automática para decisões de compra rápidas.", imageSrc: "https://img.b2bpic.net/free-photo/score-system.jpg" },
-        { title: "Gestão de Flips", description: "Acompanhe cada margem de lucro sem planilhas confusas.", imageSrc: "https://img.b2bpic.net/free-photo/dashboard-flips.jpg" },
-        { title: "IA de Negociação", description: "Compra e venda otimizadas com suporte assistido.", imageSrc: "https://img.b2bpic.net/free-photo/ai-negotiation.jpg" },
-        { title: "IA de Criação de Anúncios", description: "Gere descrições profissionais para vender rápido.", imageSrc: "https://img.b2bpic.net/free-photo/ad-creation.jpg" }
+        { title: "Motor de Busca Semântica", description: "Algoritmos que varrem marketplaces em tempo real identificando distorções de preço.", buttonIcon: Sparkles },
+        { title: "Score de Oportunidade", description: "Modelos preditivos que ranqueiam leads de compra baseados em histórico e liquidez real.", buttonIcon: Target },
+        { title: "IA de Negociação", description: "Agentes que processam propostas e interagem com vendedores autonomamente para fechar o melhor deal.", buttonIcon: Brain },
+        { title: "IA de Anúncios", description: "Geração automática de copys de alta conversão adaptadas para as regras de cada plataforma.", buttonIcon: Sparkles },
+        { title: "Gestão de Flips", description: "Sistema centralizado de tracking de ciclo de caixa e controle de lucratividade por item.", buttonIcon: Database }
       ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      title="Resultados de quem migrou para o profissional"
-      description="Profissionais que deixaram o amadorismo e agora operam com métodos validados."
-      testimonials={[
-        { id: "1", name: "Ian L.", date: "Fev 2026", title: "Operador", quote: "O Brique Art profissionalizou meu método.", tag: "SaaS", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-1.jpg" }
-      ]}
-      textboxLayout="split"
-      useInvertedBackground={true}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      faqs={[
-        { id: "1", title: "O Brique Art substitui meu trabalho manual?", content: "Ele automatiza a parte pesada e analítica, deixando a estratégia final com você." },
-        { id: "2", title: "Como entro na whitelist?", content: "Preencha o formulário abaixo e aguarde nosso contato exclusivo." }
-      ]}
-      title="Dúvidas Comuns"
-      description="Respostas para as perguntas que você pode ter sobre o método."
-      faqsAnimation="slide-up"
+      <TestimonialCardSixteen
+      title="Operações que escalaram"
+      description="Relatos de quem abandonou o amadorismo e agora opera como uma empresa de tecnologia no mercado de revenda."
       textboxLayout="split"
       useInvertedBackground={false}
+      kpiItems={[
+          { value: "40%", label: "Redução de Custo" },
+          { value: "3x", label: "Volume Operacional" },
+          { value: "12h", label: "Tempo Semanal Economizado" }
+      ]}
+      animationType="slide-up"
+      testimonials={[
+        { id: "1", name: "Alex P.", role: "Flipping Lead", company: "ScaleOps", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/ceo-profile-professional.jpg" }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      title="Faça do Brique um negócio, não um improviso."
-      description="Inscreva-se na whitelist para ter acesso antecipado à nossa plataforma de gestão de flipping profissional."
+      title="Solicite Acesso à Whitelist"
+      description="A Brique Art é uma solução de convite restrito. Garanta que sua operação esteja alinhada com nossos protocolos de escala antes da abertura pública."
       inputs={[
         { name: "name", type: "text", placeholder: "Nome Completo", required: true },
-        { name: "email", type: "email", placeholder: "E-mail", required: true }
+        { name: "email", type: "email", placeholder: "Email Profissional", required: true },
+        { name: "volume", type: "text", placeholder: "Volume mensal de transações (estimado)", required: true }
       ]}
-      useInvertedBackground={false}
-      imageSrc="https://img.b2bpic.net/free-photo/business-laptop-orange-accent.jpg"
+      useInvertedBackground={true}
+      imageSrc="https://img.b2bpic.net/free-photo/orange-tech-abstract.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Brique Art"
-      leftLink={{ text: "© 2026 Brique Art", href: "#" }}
-      rightLink={{ text: "Contato", href: "#contact" }}
+      leftLink={{ text: "© 2026 Brique Art. Todos os direitos reservados.", href: "#" }}
+      rightLink={{ text: "Termos de Uso", href: "#" }}
     />
   </div>
       </ReactLenis>