Merge version_1 into main #2
382
src/app/page.tsx
382
src/app/page.tsx
@@ -17,258 +17,152 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
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: "Bio",
|
||||
id: "bio",
|
||||
},
|
||||
{
|
||||
name: "Links",
|
||||
id: "links",
|
||||
},
|
||||
]}
|
||||
brandName="Estrategista Digital"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Bio", id: "bio" },
|
||||
{ name: "Links", id: "links" },
|
||||
]}
|
||||
brandName="Estrategista Digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Domine o digital com autoridade."
|
||||
description="Transformo o seu conhecimento em um negócio lucrativo no Instagram. Estratégias que convertem seguidores em clientes reais."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chamar no Direct",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Estratégia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversão",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Autoridade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vendas",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Domine o digital com autoridade."
|
||||
description="Transformo o seu conhecimento em um negócio lucrativo no Instagram. Estratégias que convertem seguidores em clientes reais."
|
||||
buttons={[{ text: "Chamar no Direct", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Estratégia" },
|
||||
{ type: "text", text: "Conversão" },
|
||||
{ type: "text", text: "Autoridade" },
|
||||
{ type: "text", text: "Growth" },
|
||||
{ type: "text", text: "Vendas" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bio" data-section="bio">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Sua Bio Estratégica"
|
||||
description="💡 Ajudo empreendedores a alcançarem resultados reais online.\n\n🚀 Estrategista de Conteúdo | Copywriting para Vendas\n🎯 Transformo seguidores em clientes fiéis\n👇 Aprenda a vender online agora"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="bio" data-section="bio">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Sua Bio Estratégica"
|
||||
description="💡 Ajudo empreendedores a alcançarem resultados reais online.\n\n🚀 Estrategista de Conteúdo | Copywriting para Vendas\n🎯 Transformo seguidores em clientes fiéis\n👇 Aprenda a vender online agora"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="links" data-section="links">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Solicitar consultoria",
|
||||
description: "Bio, criação de posts e estratégia completa.",
|
||||
icon: Rocket,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg?_wi=2",
|
||||
imageAlt: "professional office desk minimalist",
|
||||
},
|
||||
{
|
||||
title: "Vender online hoje",
|
||||
description: "E-book completo sobre ganhar dinheiro na internet.",
|
||||
icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=5",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=6",
|
||||
imageAlt: "digital marketing service icon",
|
||||
},
|
||||
{
|
||||
title: "Dominar tráfego",
|
||||
description: "E-book definitivo de tráfego pago.",
|
||||
icon: MousePointer,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=8",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg?_wi=3",
|
||||
imageAlt: "professional office desk minimalist",
|
||||
},
|
||||
{
|
||||
title: "Facas Profissionais",
|
||||
description: "Acesse nosso site de venda de facas.",
|
||||
icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=10",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=11",
|
||||
imageAlt: "digital marketing service icon",
|
||||
},
|
||||
{
|
||||
title: "Guia de Facas",
|
||||
description: "E-book especializado para entusiastas.",
|
||||
icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=12",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=13",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg?_wi=4",
|
||||
imageAlt: "professional office desk minimalist",
|
||||
},
|
||||
{
|
||||
title: "Renovação 30 Dias",
|
||||
description: "E-book de Renovação Espiritual.",
|
||||
icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=14",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=15",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg?_wi=16",
|
||||
imageAlt: "digital marketing service icon",
|
||||
},
|
||||
]}
|
||||
title="Links de Alta Conversão"
|
||||
description="Clique abaixo e comece sua jornada de crescimento hoje."
|
||||
/>
|
||||
</div>
|
||||
<div id="links" data-section="links">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Links de Alta Conversão"
|
||||
description="Clique abaixo e comece sua jornada de crescimento hoje."
|
||||
features={[
|
||||
{
|
||||
title: "Solicitar consultoria", description: "Bio, criação de posts e estratégia completa.", icon: Rocket,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Vender online hoje", description: "E-book completo sobre ganhar dinheiro na internet.", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Dominar tráfego", description: "E-book definitivo de tráfego pago.", icon: MousePointer,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Facas Profissionais", description: "Acesse nosso site de venda de facas.", icon: Award,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Guia de Facas", description: "E-book especializado para entusiastas.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Renovação 30 Dias", description: "E-book de Renovação Espiritual.", icon: Heart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inbound-marketing-strategy-commerce-solution-concept_53876-120487.jpg" }
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A estratégia de bio que recebi mudou completamente o meu posicionamento. As vendas aumentaram logo na primeira semana!"
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg",
|
||||
alt: "Ana",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="A estratégia de bio que recebi mudou completamente o meu posicionamento. As vendas aumentaram logo na primeira semana!"
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg", alt: "Ana" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Fale com o Estrategista"
|
||||
description="Preencha o formulário abaixo e vamos alinhar sua estratégia de crescimento."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu melhor e-mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg?_wi=5"
|
||||
buttonText="Enviar solicitação"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Fale com o Estrategista"
|
||||
description="Preencha o formulário abaixo e vamos alinhar sua estratégia de crescimento."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Seu melhor e-mail", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111395.jpg"
|
||||
buttonText="Enviar solicitação"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Estrategista Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Bio",
|
||||
href: "#bio",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#links",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Estrategista Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Bio", href: "#bio" },
|
||||
{ label: "Serviços", href: "#links" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user