Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Categorias",
|
name: "Categorias", id: "categorias"},
|
||||||
id: "categorias",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Produtos",
|
name: "Produtos", id: "produtos"},
|
||||||
id: "produtos",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Grupo VIP",
|
name: "Grupo VIP", id: "grupo-vip"},
|
||||||
id: "grupo-vip",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Achadinhos da Froees"
|
brandName="Achadinhos da Froees"
|
||||||
/>
|
/>
|
||||||
@@ -53,65 +45,40 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Os melhores achadinhos da Shopee pra você economizar com estilo ✨"
|
title="Os melhores achadinhos da Shopee pra você economizar com estilo ✨"
|
||||||
description="Casa, beleza e utilidades com preços incríveis todos os dias. Seleção premium feita com carinho."
|
description="Casa, beleza e utilidades com preços incríveis todos os dias. Seleção premium feita com carinho."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Entrar no Grupo VIP",
|
text: "Entrar no Grupo VIP", href: "grupo-vip"},
|
||||||
href: "#grupo-vip",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Ver Ofertas Agora",
|
text: "Ver Ofertas Agora", href: "produtos"},
|
||||||
href: "#produtos",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=1"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-paper-clip-with-copy-space_23-2148539078.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-paper-clip-with-copy-space_23-2148539078.jpg", alt: "Close-up paper clip with copy space"},
|
||||||
alt: "Close-up paper clip with copy space",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smartphone-with-flowers-envelope_23-2148055285.jpg",
|
src: "http://img.b2bpic.net/free-photo/smartphone-with-flowers-envelope_23-2148055285.jpg", alt: "Smartphone with flowers in envelope "},
|
||||||
alt: "Smartphone with flowers in envelope ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-assortment-pink-item-valentine-s-day_23-2149164927.jpg",
|
src: "http://img.b2bpic.net/free-photo/high-angle-assortment-pink-item-valentine-s-day_23-2149164927.jpg", alt: "High angle of assortment of pink item for valentine's day"},
|
||||||
alt: "High angle of assortment of pink item for valentine's day",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/pink-model-career-kit-arrangement_23-2150083976.jpg",
|
src: "http://img.b2bpic.net/free-photo/pink-model-career-kit-arrangement_23-2150083976.jpg", alt: "Pink model career kit arrangement"},
|
||||||
alt: "Pink model career kit arrangement",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg",
|
src: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg", alt: "A kitchen countertop and a sink with dishes."},
|
||||||
alt: "A kitchen countertop and a sink with dishes.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Mais de 10k compradores felizes"
|
avatarText="Mais de 10k compradores felizes"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Ofertas todos os dias"},
|
||||||
text: "Ofertas todos os dias",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Cupons exclusivos"},
|
||||||
text: "Cupons exclusivos",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Curadoria premium"},
|
||||||
text: "Curadoria premium",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Achadinhos virais"},
|
||||||
text: "Achadinhos virais",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Economia real"},
|
||||||
text: "Economia real",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -123,59 +90,29 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "c1",
|
id: "c1", title: "Casa & Decor", tags: [
|
||||||
title: "Casa & Decor",
|
"🏠"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-with-foodstuff_23-2148927367.jpg", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"🏠",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-with-foodstuff_23-2148927367.jpg",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c2",
|
id: "c2", title: "Cozinha", tags: [
|
||||||
title: "Cozinha",
|
"🍳"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=2", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"🍳",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=2",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c3",
|
id: "c3", title: "Beleza", tags: [
|
||||||
title: "Beleza",
|
"💄"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=1", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"💄",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=1",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c4",
|
id: "c4", title: "Utilidades", tags: [
|
||||||
title: "Utilidades",
|
"🧺"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg?_wi=1", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"🧺",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg?_wi=1",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c5",
|
id: "c5", title: "Decoração", tags: [
|
||||||
title: "Decoração",
|
"🛋️"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg?_wi=1", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"🛋️",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg?_wi=1",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c6",
|
id: "c6", title: "Moda", tags: [
|
||||||
title: "Moda",
|
"👗"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg?_wi=1", imageAlt: "Tidy up concept with foodstuff"},
|
||||||
"👗",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg?_wi=1",
|
|
||||||
imageAlt: "Tidy up concept with foodstuff",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Categorias em Destaque"
|
title="Categorias em Destaque"
|
||||||
description="Navegue pelas seleções mais amadas da nossa curadoria."
|
description="Navegue pelas seleções mais amadas da nossa curadoria."
|
||||||
@@ -189,32 +126,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "d1",
|
id: "d1", title: "Favoritos da Semana", tags: [
|
||||||
title: "Favoritos da Semana",
|
"💖"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/functional-kitchen-pullout-drawers-matte-blue-fronts_169016-68941.jpg", imageAlt: "Functional kitchen pullout drawers matte blue fronts"},
|
||||||
"💖",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/functional-kitchen-pullout-drawers-matte-blue-fronts_169016-68941.jpg",
|
|
||||||
imageAlt: "Functional kitchen pullout drawers matte blue fronts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "d2",
|
id: "d2", title: "Achadinhos Premium", tags: [
|
||||||
title: "Achadinhos Premium",
|
"✨"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=3", imageAlt: "Functional kitchen pullout drawers matte blue fronts"},
|
||||||
"✨",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=3",
|
|
||||||
imageAlt: "Functional kitchen pullout drawers matte blue fronts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "d3",
|
id: "d3", title: "Ofertas Relâmpago", tags: [
|
||||||
title: "Ofertas Relâmpago",
|
"⚡"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=2", imageAlt: "Functional kitchen pullout drawers matte blue fronts"},
|
||||||
"⚡",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=2",
|
|
||||||
imageAlt: "Functional kitchen pullout drawers matte blue fronts",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="🔥 Mais Procurados"
|
title="🔥 Mais Procurados"
|
||||||
description="Os favoritos da semana que estão voando das prateleiras."
|
description="Os favoritos da semana que estão voando das prateleiras."
|
||||||
@@ -229,41 +151,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Organizador de Pia Luxo", price: "R$ 49,90", imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=3"},
|
||||||
name: "Organizador de Pia Luxo",
|
|
||||||
price: "R$ 49,90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Espelho LED Moderno", price: "R$ 129,90", imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg?_wi=2"},
|
||||||
name: "Espelho LED Moderno",
|
|
||||||
price: "R$ 129,90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Kit Utensílios Silicone", price: "R$ 89,90", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg?_wi=2"},
|
||||||
name: "Kit Utensílios Silicone",
|
|
||||||
price: "R$ 89,90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Pincéis Maquiagem Profissional", price: "R$ 65,00", imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg?_wi=2"},
|
||||||
name: "Pincéis Maquiagem Profissional",
|
|
||||||
price: "R$ 65,00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Cortina Blackout Elegante", price: "R$ 150,00", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-decor-with-potted-plants_23-2149428016.jpg"},
|
||||||
name: "Cortina Blackout Elegante",
|
|
||||||
price: "R$ 150,00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-decor-with-potted-plants_23-2149428016.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Difusor de Aromas Bluetooth", price: "R$ 110,00", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037558.jpg"},
|
||||||
name: "Difusor de Aromas Bluetooth",
|
|
||||||
price: "R$ 110,00",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037558.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Achadinhos do Dia"
|
title="Achadinhos do Dia"
|
||||||
description="Seleção especial com descontos exclusivos."
|
description="Seleção especial com descontos exclusivos."
|
||||||
@@ -278,20 +176,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "10k+", description: "Compradores Satisfeitos"},
|
||||||
value: "10k+",
|
|
||||||
description: "Compradores Satisfeitos",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "500+", description: "Ofertas Postadas"},
|
||||||
value: "500+",
|
|
||||||
description: "Ofertas Postadas",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "24/7", description: "Atualização Diária"},
|
||||||
value: "24/7",
|
|
||||||
description: "Atualização Diária",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Comunidade Froees"
|
title="Comunidade Froees"
|
||||||
description="Junte-se a milhares de pessoas que economizam todos os dias."
|
description="Junte-se a milhares de pessoas que economizam todos os dias."
|
||||||
@@ -304,20 +193,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Como funcionam as indicações?", content: "Indicamos produtos verificados da Shopee."},
|
||||||
title: "Como funcionam as indicações?",
|
|
||||||
content: "Indicamos produtos verificados da Shopee.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Preciso pagar taxa?", content: "Não, o serviço é gratuito."},
|
||||||
title: "Preciso pagar taxa?",
|
|
||||||
content: "Não, o serviço é gratuito.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Os links são seguros?", content: "Sim, links oficiais Shopee."},
|
||||||
title: "Os links são seguros?",
|
|
||||||
content: "Sim, links oficiais Shopee.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-looking-shop-online_23-2148577146.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-looking-shop-online_23-2148577146.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -334,16 +214,10 @@ export default function LandingPage() {
|
|||||||
description="Receba ofertas antecipadas, cupons exclusivos e produtos virais antes de todo mundo."
|
description="Receba ofertas antecipadas, cupons exclusivos e produtos virais antes de todo mundo."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "nome",
|
name: "nome", type: "text", placeholder: "Seu nome", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Seu nome",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Seu WhatsApp", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Seu WhatsApp",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-excited-about-present-red-wall_114579-55955.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-excited-about-present-red-wall_114579-55955.jpg"
|
||||||
@@ -355,13 +229,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Achadinhos da Froees"
|
logoText="Achadinhos da Froees"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacidade",
|
text: "Privacidade", href: "privacidade"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Termos de Uso",
|
text: "Termos de Uso", href: "termos"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user