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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Categorias",
|
||||
id: "categorias",
|
||||
},
|
||||
name: "Categorias", id: "categorias"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "produtos",
|
||||
},
|
||||
name: "Produtos", id: "produtos"},
|
||||
{
|
||||
name: "Grupo VIP",
|
||||
id: "grupo-vip",
|
||||
},
|
||||
name: "Grupo VIP", id: "grupo-vip"},
|
||||
]}
|
||||
brandName="Achadinhos da Froees"
|
||||
/>
|
||||
@@ -53,65 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Entrar no Grupo VIP",
|
||||
href: "#grupo-vip",
|
||||
},
|
||||
text: "Entrar no Grupo VIP", href: "grupo-vip"},
|
||||
{
|
||||
text: "Ver Ofertas Agora",
|
||||
href: "#produtos",
|
||||
},
|
||||
text: "Ver Ofertas Agora", href: "produtos"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smartphone-with-flowers-envelope_23-2148055285.jpg",
|
||||
alt: "Smartphone with flowers in envelope ",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smartphone-with-flowers-envelope_23-2148055285.jpg", alt: "Smartphone with flowers in envelope "},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-model-career-kit-arrangement_23-2150083976.jpg",
|
||||
alt: "Pink model career kit arrangement",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pink-model-career-kit-arrangement_23-2150083976.jpg", alt: "Pink model career kit arrangement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg",
|
||||
alt: "A kitchen countertop and a sink with dishes.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg", alt: "A kitchen countertop and a sink with dishes."},
|
||||
]}
|
||||
avatarText="Mais de 10k compradores felizes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ofertas todos os dias",
|
||||
},
|
||||
type: "text", text: "Ofertas todos os dias"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cupons exclusivos",
|
||||
},
|
||||
type: "text", text: "Cupons exclusivos"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curadoria premium",
|
||||
},
|
||||
type: "text", text: "Curadoria premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Achadinhos virais",
|
||||
},
|
||||
type: "text", text: "Achadinhos virais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Economia real",
|
||||
},
|
||||
type: "text", text: "Economia real"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,59 +90,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "c1",
|
||||
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",
|
||||
},
|
||||
id: "c1", 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"},
|
||||
{
|
||||
id: "c2",
|
||||
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",
|
||||
},
|
||||
id: "c2", 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"},
|
||||
{
|
||||
id: "c3",
|
||||
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",
|
||||
},
|
||||
id: "c3", 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"},
|
||||
{
|
||||
id: "c4",
|
||||
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",
|
||||
},
|
||||
id: "c4", 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"},
|
||||
{
|
||||
id: "c5",
|
||||
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",
|
||||
},
|
||||
id: "c5", 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"},
|
||||
{
|
||||
id: "c6",
|
||||
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",
|
||||
},
|
||||
id: "c6", 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"},
|
||||
]}
|
||||
title="Categorias em Destaque"
|
||||
description="Navegue pelas seleções mais amadas da nossa curadoria."
|
||||
@@ -189,32 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "d1",
|
||||
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",
|
||||
},
|
||||
id: "d1", 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"},
|
||||
{
|
||||
id: "d2",
|
||||
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",
|
||||
},
|
||||
id: "d2", 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"},
|
||||
{
|
||||
id: "d3",
|
||||
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",
|
||||
},
|
||||
id: "d3", 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"},
|
||||
]}
|
||||
title="🔥 Mais Procurados"
|
||||
description="Os favoritos da semana que estão voando das prateleiras."
|
||||
@@ -229,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Achadinhos do Dia"
|
||||
description="Seleção especial com descontos exclusivos."
|
||||
@@ -278,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Compradores Satisfeitos",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Compradores Satisfeitos"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Ofertas Postadas",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Ofertas Postadas"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Atualização Diária",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Atualização Diária"},
|
||||
]}
|
||||
title="Comunidade Froees"
|
||||
description="Junte-se a milhares de pessoas que economizam todos os dias."
|
||||
@@ -304,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como funcionam as indicações?",
|
||||
content: "Indicamos produtos verificados da Shopee.",
|
||||
},
|
||||
id: "f1", title: "Como funcionam as indicações?", content: "Indicamos produtos verificados da Shopee."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Preciso pagar taxa?",
|
||||
content: "Não, o serviço é gratuito.",
|
||||
},
|
||||
id: "f2", title: "Preciso pagar taxa?", content: "Não, o serviço é gratuito."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Os links são seguros?",
|
||||
content: "Sim, links oficiais Shopee.",
|
||||
},
|
||||
id: "f3", 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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -334,16 +214,10 @@ export default function LandingPage() {
|
||||
description="Receba ofertas antecipadas, cupons exclusivos e produtos virais antes de todo mundo."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Seu nome",
|
||||
required: true,
|
||||
name: "nome", type: "text", placeholder: "Seu nome", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu WhatsApp",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Seu WhatsApp", required: true,
|
||||
},
|
||||
]}
|
||||
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
|
||||
logoText="Achadinhos da Froees"
|
||||
leftLink={{
|
||||
text: "Privacidade",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacidade", href: "privacidade"}}
|
||||
rightLink={{
|
||||
text: "Termos de Uso",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Termos de Uso", href: "termos"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user