Merge version_3 into main #7
193
src/app/page.tsx
193
src/app/page.tsx
@@ -26,108 +26,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "IA & Funcionalidades", id: "capabilities" },
|
||||
{ name: "Whitelist", id: "contact" },
|
||||
]}
|
||||
brandName="Brique Art"
|
||||
button={{ text: "Whitelist", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "IA & Funcionalidades", id: "capabilities" },
|
||||
{ name: "Whitelist", id: "contact" },
|
||||
]}
|
||||
brandName="Brique Art"
|
||||
button={{ text: "Whitelist", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<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 }],
|
||||
buttons: [{ text: "Nova Negociação", href: "#" }],
|
||||
listItems: [{ icon: CheckCircle, title: "Transação Processada", status: "Concluído" }, { icon: Sparkles, title: "Análise de Preço", status: "Pendente" }],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/dashboard-analysis-business.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<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"
|
||||
background={{ variant: 'plain' }}
|
||||
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 }],
|
||||
buttons: [{ text: "Nova Negociação", href: "#" }],
|
||||
listItems: [{ icon: CheckCircle, title: "Transação Processada", status: "Concluído" }, { icon: Sparkles, title: "Análise de Preço", status: "Pendente" }],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/dashboard-analysis-business.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<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}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<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 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 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<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 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 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<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" },
|
||||
{ id: "2", name: "Maria R.", role: "Flipping Lead", company: "TechTrade", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/ceo-profile-professional.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<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" },
|
||||
{ id: "2", name: "Maria R.", role: "Flipping Lead", company: "TechTrade", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/ceo-profile-professional.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
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: "Email Profissional", required: true },
|
||||
{ name: "volume", type: "text", placeholder: "Volume mensal de transações (estimado)", required: true }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/orange-tech-abstract.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
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: "Email Profissional", required: true },
|
||||
{ name: "volume", type: "text", placeholder: "Volume mensal de transações (estimado)", required: true }
|
||||
]}
|
||||
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. Todos os direitos reservados.", href: "#" }}
|
||||
rightLink={{ text: "Termos de Uso", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Brique Art"
|
||||
leftLink={{ text: "© 2026 Brique Art. Todos os direitos reservados.", href: "#" }}
|
||||
rightLink={{ text: "Termos de Uso", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user