Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -26,342 +26,69 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<div id="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Categorias",
|
||||
id: "categorias",
|
||||
},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "produtos",
|
||||
},
|
||||
{
|
||||
name: "Grupo VIP",
|
||||
id: "grupo-vip",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "sobre" },
|
||||
{ name: "Produtos", id: "produtos" },
|
||||
{ name: "Contato", id: "contato" }
|
||||
]}
|
||||
brandName="Achadinhos da Froees"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<div id="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ 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: "Ver Ofertas Agora",
|
||||
href: "#produtos",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver Produtos", 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/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/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.",
|
||||
},
|
||||
]}
|
||||
avatarText="Mais de 10k compradores felizes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ofertas todos os dias",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cupons exclusivos",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curadoria premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Achadinhos virais",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Economia real",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categorias" data-section="categorias">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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."
|
||||
/>
|
||||
<div id="sobre">
|
||||
<div className="py-20 px-6">
|
||||
<h2 className="text-4xl font-bold mb-4">Sobre Nós</h2>
|
||||
<p className="text-lg">Curadoria profissional de ofertas da Shopee para facilitar seu dia a dia.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="destaques" data-section="destaques">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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",
|
||||
},
|
||||
]}
|
||||
title="🔥 Mais Procurados"
|
||||
description="Os favoritos da semana que estão voando das prateleiras."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produtos" data-section="produtos">
|
||||
<div id="produtos">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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" }
|
||||
]}
|
||||
title="Achadinhos do Dia"
|
||||
description="Seleção especial com descontos exclusivos."
|
||||
title="Nossos Produtos"
|
||||
description="Selecão de itens essenciais para sua casa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="prova-social" data-section="prova-social">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Compradores Satisfeitos",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Ofertas Postadas",
|
||||
},
|
||||
{
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "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"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Como aproveitar as melhores promoções."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="grupo-vip" data-section="grupo-vip">
|
||||
<div id="contato">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Entre no Grupo VIP!"
|
||||
description="Receba ofertas antecipadas, cupons exclusivos e produtos virais antes de todo mundo."
|
||||
title="Entre em Contato"
|
||||
description="Fale com a gente para parcerias ou dúvidas."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Seu nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
{ name: "nome", type: "text", placeholder: "Seu nome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Seu e-mail", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-excited-about-present-red-wall_114579-55955.jpg"
|
||||
buttonText="Entrar no WhatsApp"
|
||||
buttonText="Enviar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<div id="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Achadinhos da Froees"
|
||||
leftLink={{
|
||||
text: "Privacidade",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Termos de Uso",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacidade", href: "/privacidade" }}
|
||||
rightLink={{ text: "Termos de Uso", href: "/termos" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user