Merge version_1 into main #2
425
src/app/page.tsx
425
src/app/page.tsx
@@ -16,308 +16,151 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
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: "Método",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tecnologia",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Her Scale"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Método", id: "about" },
|
||||
{ name: "Tecnologia", id: "features" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Her Scale"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A rainha não corre. Ela posiciona."
|
||||
description="Her Scale é tecnologia de elite para a mulher empreendedora que já tem demanda e está pronta para escalar com inteligência."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-office-late-night_1303-27080.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-19405.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Junte-se a empreendedoras de elite"
|
||||
buttons={[
|
||||
{
|
||||
text: "Escalar Agora",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inteligência Artificial",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sistemas Integrados",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gestão de Elite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Escala Estratégica",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A rainha não corre. Ela posiciona."
|
||||
description="Her Scale é tecnologia de elite para a mulher empreendedora que já tem demanda e está pronta para escalar com inteligência."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-office-late-night_1303-27080.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-19405.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "Client" },
|
||||
]}
|
||||
avatarText="Junte-se a empreendedoras de elite"
|
||||
buttons={[{ text: "Escalar Agora", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Inteligência Artificial" },
|
||||
{ type: "text", text: "Sistemas Integrados" },
|
||||
{ type: "text", text: "Gestão de Elite" },
|
||||
{ type: "text", text: "Alta Performance" },
|
||||
{ type: "text", text: "Escala Estratégica" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Não somos mais uma plataforma. Somos o sistema integrado de quem decidiu parar de ser o gargalo do próprio negócio.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg",
|
||||
alt: "Escala Estratégica",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Não somos mais uma plataforma. Somos o sistema integrado de quem decidiu parar de ser o gargalo do próprio negócio." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg", alt: "Escala Estratégica" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "CRM automatizado",
|
||||
tags: [
|
||||
"Performance",
|
||||
"High-End",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-computer-monitor-with-charts-analyzing-statistics-information-data-create-project-report-doing-financial-research-pc-screen-with-network-presentation_482257-46960.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "IA de atendimento",
|
||||
tags: [
|
||||
"Inteligência",
|
||||
"Voz de Marca",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mentoria estratégica",
|
||||
tags: [
|
||||
"Direção",
|
||||
"Vendas",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153867.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Tecnologia de elite para sua operação"
|
||||
description="Sistemas desenhados para alta conversão e eficiência máxima."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "CRM automatizado", tags: ["Performance", "High-End"], imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-computer-monitor-with-charts-analyzing-statistics-information-data-create-project-report-doing-financial-research-pc-screen-with-network-presentation_482257-46960.jpg" },
|
||||
{ id: "f2", title: "IA de atendimento", tags: ["Inteligência", "Voz de Marca"], imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg" },
|
||||
{ id: "f3", title: "Mentoria estratégica", tags: ["Direção", "Vendas"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153867.jpg" },
|
||||
]}
|
||||
title="Tecnologia de elite para sua operação"
|
||||
description="Sistemas desenhados para alta conversão e eficiência máxima."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Resultados como método"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10x",
|
||||
description: "Eficiência operacional",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
description: "Conversão em leads",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Atendimento automatizado",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Resultados como método"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10x", description: "Eficiência operacional" },
|
||||
{ id: "m2", value: "85%", description: "Conversão em leads" },
|
||||
{ id: "m3", value: "24/7", description: "Atendimento automatizado" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Silva",
|
||||
date: "Jan 2026",
|
||||
title: "CEO Tech",
|
||||
quote: "O sistema mudou minha forma de gerir.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-looking-away_23-2148398222.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg?_wi=1",
|
||||
imageAlt: "professional businesswoman portrait dark studio",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Beatriz Lima",
|
||||
date: "Feb 2026",
|
||||
title: "Founder",
|
||||
quote: "Não sou mais o gargalo da minha empresa.",
|
||||
tag: "Escala",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg",
|
||||
imageAlt: "professional businesswoman portrait dark studio",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carla Mendes",
|
||||
date: "Mar 2026",
|
||||
title: "Diretora",
|
||||
quote: "Resultados claros desde o primeiro mês.",
|
||||
tag: "Performance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-computer-monitor-with-charts-analyzing-statistics-information-data-create-project-report-doing-financial-research-pc-screen-with-network-presentation_482257-46960.jpg?_wi=2",
|
||||
imageAlt: "professional businesswoman portrait dark studio",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Souza",
|
||||
date: "Apr 2026",
|
||||
title: "Empreendedora",
|
||||
quote: "A IA é indistinguível da minha voz de marca.",
|
||||
tag: "IA",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8697.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg?_wi=2",
|
||||
imageAlt: "professional businesswoman portrait dark studio",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elisa Rocha",
|
||||
date: "May 2026",
|
||||
title: "Founder",
|
||||
quote: "Método sem exageros, apenas execução.",
|
||||
tag: "Execução",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153867.jpg?_wi=2",
|
||||
imageAlt: "professional businesswoman portrait dark studio",
|
||||
},
|
||||
]}
|
||||
title="Quem já escala com inteligência"
|
||||
description="Veja o impacto do sistema Her Scale na prática."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ana Silva", date: "Jan 2026", title: "CEO Tech", quote: "O sistema mudou minha forma de gerir.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-looking-away_23-2148398222.jpg", imageSrc: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg", imageAlt: "professional businesswoman portrait dark studio" },
|
||||
{ id: "t2", name: "Beatriz Lima", date: "Feb 2026", title: "Founder", quote: "Não sou mais o gargalo da minha empresa.", tag: "Escala", avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg", imageAlt: "professional businesswoman portrait dark studio" },
|
||||
{ id: "t3", name: "Carla Mendes", date: "Mar 2026", title: "Diretora", quote: "Resultados claros desde o primeiro mês.", tag: "Performance", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-computer-monitor-with-charts-analyzing-statistics-information-data-create-project-report-doing-financial-research-pc-screen-with-network-presentation_482257-46960.jpg", imageAlt: "professional businesswoman portrait dark studio" },
|
||||
{ id: "t4", name: "Diana Souza", date: "Apr 2026", title: "Empreendedora", quote: "A IA é indistinguível da minha voz de marca.", tag: "IA", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8697.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg", imageAlt: "professional businesswoman portrait dark studio" },
|
||||
{ id: "t5", name: "Elisa Rocha", date: "May 2026", title: "Founder", quote: "Método sem exageros, apenas execução.", tag: "Execução", avatarSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153867.jpg", imageAlt: "professional businesswoman portrait dark studio" },
|
||||
]}
|
||||
title="Quem já escala com inteligência"
|
||||
description="Veja o impacto do sistema Her Scale na prática."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"GrowthCo",
|
||||
"ScaleLab",
|
||||
"Innovate",
|
||||
"FutureBrand",
|
||||
"Apex",
|
||||
"NovaOp",
|
||||
]}
|
||||
title="Ecossistema de parceiros"
|
||||
description="Tecnologia validada no mercado."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["TechCorp", "GrowthCo", "ScaleLab", "Innovate", "FutureBrand", "Apex", "NovaOp"]}
|
||||
title="Ecossistema de parceiros"
|
||||
description="Tecnologia validada no mercado."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Para quem é o Her Scale?",
|
||||
content: "Para mulheres empreendedoras que já têm demanda e querem escalar com inteligência.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "É uma plataforma?",
|
||||
content: "Não. É um sistema integrado de gestão, IA e mentoria.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Como começo?",
|
||||
content: "Entre em contato através do formulário abaixo.",
|
||||
},
|
||||
]}
|
||||
title="Dúvidas frequentes"
|
||||
description="Entenda como funciona o nosso método."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Para quem é o Her Scale?", content: "Para mulheres empreendedoras que já têm demanda e querem escalar com inteligência." },
|
||||
{ id: "q2", title: "É uma plataforma?", content: "Não. É um sistema integrado de gestão, IA e mentoria." },
|
||||
{ id: "q3", title: "Como começo?", content: "Entre em contato através do formulário abaixo." },
|
||||
]}
|
||||
title="Dúvidas frequentes"
|
||||
description="Entenda como funciona o nosso método."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
tag="Contato"
|
||||
title="Pronta para parar de ser o gargalo?"
|
||||
description="Salve este post e entre em contato para escalar seu método."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Quero Escalar"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg?_wi=2"
|
||||
imageAlt="Business professional woman"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "cell-wave" }}
|
||||
tag="Contato"
|
||||
title="Pronta para parar de ser o gargalo?"
|
||||
description="Salve este post e entre em contato para escalar seu método."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Quero Escalar"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg"
|
||||
imageAlt="Business professional woman"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Her Scale"
|
||||
copyrightText="© 2026 Her Scale Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Her Scale" copyrightText="© 2026 Her Scale Agency" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user