Merge version_1 into main #2
343
src/app/page.tsx
343
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user