Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Métodos",
|
||||
id: "methods",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Métodos", id: "methods" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contato", id: "contact" }
|
||||
]}
|
||||
brandName="RendaExtra"
|
||||
/>
|
||||
@@ -55,36 +43,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Transforme seu Celular em uma Fonte de Renda Extra"
|
||||
description="Descubra formas simples, reais e acessíveis de lucrar usando apenas o seu smartphone. Liberdade financeira começa no seu bolso."
|
||||
buttons={[
|
||||
{
|
||||
text: "Começar Agora",
|
||||
href: "#methods",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Começar Agora", href: "#methods" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"
|
||||
imageAlt="smartphone business dashboard"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-editing-her-product-photos_23-2149060880.jpg",
|
||||
alt: "Woman editing her product photos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-laptop-coffee-table_23-2147625102.jpg",
|
||||
alt: "Top view of laptop and coffee on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-economist_23-2150132322.jpg",
|
||||
alt: "Full shot woman working as an economist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-office-prepared-summer-holiday_23-2148204458.jpg",
|
||||
alt: "Portrait of woman in office prepared for summer holiday",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skeptical-businessman-showing-his-credit-card-smartphone-screen-mobile-phone-interface-dislike-something-standing-white-background_176420-50046.jpg",
|
||||
alt: "Skeptical businessman showing his credit card smartphone screen mobile phone interface dislike something standing over white background",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-editing-her-product-photos_23-2149060880.jpg", alt: "Woman editing her product photos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-laptop-coffee-table_23-2147625102.jpg", alt: "Top view of laptop and coffee on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-economist_23-2150132322.jpg", alt: "Full shot woman working as an economist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-office-prepared-summer-holiday_23-2148204458.jpg", alt: "Portrait of woman in office prepared for summer holiday" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/skeptical-businessman-showing-his-credit-card-smartphone-screen-mobile-phone-interface-dislike-something-standing-white-background_176420-50046.jpg", alt: "Skeptical businessman showing his credit card smartphone screen mobile phone interface dislike something standing over white background" }
|
||||
]}
|
||||
avatarText="Junte-se a mais de 5.000 pessoas"
|
||||
/>
|
||||
@@ -95,24 +63,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Sem chefes cobrando",
|
||||
"Sem escritório fixo",
|
||||
"Sem longos deslocamentos",
|
||||
"Sem horário rígido",
|
||||
"Sem necessidade de diploma",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Flexibilidade de horários",
|
||||
"Zero custo inicial",
|
||||
"Praticidade total",
|
||||
"Sem burocracia",
|
||||
"Acesso em qualquer lugar",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Sem chefes cobrando", "Sem escritório fixo", "Sem longos deslocamentos", "Sem horário rígido", "Sem necessidade de diploma"] }}
|
||||
positiveCard={{ items: ["Flexibilidade de horários", "Zero custo inicial", "Praticidade total", "Sem burocracia", "Acesso em qualquer lugar"] }}
|
||||
title="Por que usar o celular?"
|
||||
description="Vantagens imbatíveis para quem busca flexibilidade."
|
||||
/>
|
||||
@@ -125,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Responder Pesquisas",
|
||||
price: "Ganhos imediatos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-late-night-from-home_23-2150062732.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Afiliado Digital",
|
||||
price: "Comissões altas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Criação de Conteúdo",
|
||||
price: "Potencial criativo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4899.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Freelas Online",
|
||||
price: "Projetos diversos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-sale-close-up_169016-43183.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vendas em Redes",
|
||||
price: "Alcance global",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-architecture-holding-house-model-while-sitting-office_23-2148203925.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cashback e Apps",
|
||||
price: "Renda recorrente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skeptical-businessman-suit-grimacing-disappointed-holding-credit-card-mobile-phone-standing-white-background_176420-50059.jpg",
|
||||
},
|
||||
{ id: "1", name: "Responder Pesquisas", price: "Ganhos imediatos", imageSrc: "http://img.b2bpic.net/free-photo/person-working-late-night-from-home_23-2150062732.jpg" },
|
||||
{ id: "2", name: "Afiliado Digital", price: "Comissões altas", imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg" },
|
||||
{ id: "3", name: "Criação de Conteúdo", price: "Potencial criativo", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4899.jpg" },
|
||||
{ id: "4", name: "Freelas Online", price: "Projetos diversos", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-sale-close-up_169016-43183.jpg" },
|
||||
{ id: "5", name: "Vendas em Redes", price: "Alcance global", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-architecture-holding-house-model-while-sitting-office_23-2148203925.jpg" },
|
||||
{ id: "6", name: "Cashback e Apps", price: "Renda recorrente", imageSrc: "http://img.b2bpic.net/free-photo/skeptical-businessman-suit-grimacing-disappointed-holding-credit-card-mobile-phone-standing-white-background_176420-50059.jpg" }
|
||||
]}
|
||||
title="Ideias Práticas para Lucrar"
|
||||
description="Escolha o método que melhor se adapta à sua rotina."
|
||||
@@ -169,25 +91,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="steps" data-section="steps">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1",
|
||||
description: "Defina um nicho de mercado",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2",
|
||||
description: "Cadastre-se nos apps certos",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
description: "Comece a lucrar hoje mesmo",
|
||||
},
|
||||
{ id: "1", value: "1", description: "Defina um nicho de mercado" },
|
||||
{ id: "2", value: "2", description: "Cadastre-se nos apps certos" },
|
||||
{ id: "3", value: "3", description: "Comece a lucrar hoje mesmo" }
|
||||
]}
|
||||
title="Como Começar em 3 Passos"
|
||||
description="Simples, rápido e descomplicado."
|
||||
@@ -200,46 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Souza",
|
||||
handle: "@anasouza",
|
||||
testimonial: "Consegui complementar minha renda mensal trabalhando 2h por dia pelo celular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lucas Silva",
|
||||
handle: "@lucassilva",
|
||||
testimonial: "O método de afiliados mudou minha realidade financeira. Recomendo!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-man-smiling_74855-2722.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mariana Costa",
|
||||
handle: "@marianac",
|
||||
testimonial: "Prático e fácil. Os resultados chegaram mais rápido do que imaginei.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro Lima",
|
||||
handle: "@pedrolima",
|
||||
testimonial: "Excelente guia! O passo a passo é extremamente intuitivo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carla Dias",
|
||||
handle: "@carladias",
|
||||
testimonial: "O melhor conteúdo sobre renda extra online que já encontrei.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Souza", handle: "@anasouza", testimonial: "Consegui complementar minha renda mensal trabalhando 2h por dia pelo celular.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
|
||||
{ id: "2", name: "Lucas Silva", handle: "@lucassilva", testimonial: "O método de afiliados mudou minha realidade financeira. Recomendo!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-young-man-smiling_74855-2722.jpg" },
|
||||
{ id: "3", name: "Mariana Costa", handle: "@marianac", testimonial: "Prático e fácil. Os resultados chegaram mais rápido do que imaginei.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" },
|
||||
{ id: "4", name: "Pedro Lima", handle: "@pedrolima", testimonial: "Excelente guia! O passo a passo é extremamente intuitivo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg" },
|
||||
{ id: "5", name: "Carla Dias", handle: "@carladias", testimonial: "O melhor conteúdo sobre renda extra online que já encontrei.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Histórias de Sucesso"
|
||||
@@ -251,26 +127,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Preciso investir dinheiro?",
|
||||
content: "Não, a maioria dos métodos não exige investimento inicial.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Dá para começar só com o celular?",
|
||||
content: "Com certeza! É a ferramenta principal para esses métodos.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quanto posso ganhar?",
|
||||
content: "Depende inteiramente do seu esforço e tempo aplicado.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Quanto tempo demora?",
|
||||
content: "Resultados podem aparecer nas primeiras semanas de dedicação.",
|
||||
},
|
||||
{ id: "f1", title: "Preciso investir dinheiro?", content: "Não, a maioria dos métodos não exige investimento inicial." },
|
||||
{ id: "f2", title: "Dá para começar só com o celular?", content: "Com certeza! É a ferramenta principal para esses métodos." },
|
||||
{ id: "f3", title: "Quanto posso ganhar?", content: "Depende inteiramente do seu esforço e tempo aplicado." },
|
||||
{ id: "f4", title: "Quanto tempo demora?", content: "Resultados podem aparecer nas primeiras semanas de dedicação." }
|
||||
]}
|
||||
sideTitle="Dúvidas Comuns"
|
||||
sideDescription="Respostas rápidas para sua segurança."
|
||||
@@ -281,9 +141,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Newsletter"
|
||||
title="Receba Mais Ideias"
|
||||
description="Inscreva-se para dicas exclusivas de renda extra."
|
||||
@@ -297,32 +155,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="RendaExtra"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Sobre", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user