Merge version_1 into main #2
333
src/app/page.tsx
333
src/app/page.tsx
@@ -32,30 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Promoções",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Promoções", id: "features" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Essência Promo"
|
||||
/>
|
||||
@@ -63,68 +45,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="As Melhores Fragrâncias do Mundo com Descontos Exclusivos"
|
||||
description="Encontre o perfume dos seus sonhos com preços que cabem no bolso. Ofertas diárias atualizadas para você brilhar em qualquer ocasião."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Promoções",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Saiba Mais",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg?_wi=1"
|
||||
buttons={[{ text: "Ver Promoções", href: "#products" }, { text: "Saiba Mais", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg"
|
||||
imageAlt="Perfume de luxo"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-successful-woman-enjoying-coffee-office_23-2147670335.jpg",
|
||||
alt: "Cliente Satisfeito 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-posing-with-his-drink-salon_23-2148353455.jpg",
|
||||
alt: "Cliente Satisfeito 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-cocktail_23-2150166201.jpg",
|
||||
alt: "Cliente Satisfeito 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-with-earphones-near-gray-wall_23-2148316571.jpg",
|
||||
alt: "Cliente Satisfeito 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-costumer-mall_23-2148225628.jpg",
|
||||
alt: "Cliente Satisfeito 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-successful-woman-enjoying-coffee-office_23-2147670335.jpg", alt: "Cliente Satisfeito 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-posing-with-his-drink-salon_23-2148353455.jpg", alt: "Cliente Satisfeito 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-cocktail_23-2150166201.jpg", alt: "Cliente Satisfeito 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-with-earphones-near-gray-wall_23-2148316571.jpg", alt: "Cliente Satisfeito 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-costumer-mall_23-2148225628.jpg", alt: "Cliente Satisfeito 5" },
|
||||
]}
|
||||
avatarText="Mais de 10.000 clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Chanel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lancôme",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Versace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Giorgio Armani",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Chanel" }, { type: "text", text: "Dior" }, { type: "text", text: "Lancôme" }, { type: "text", text: "Versace" }, { type: "text", text: "Giorgio Armani" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,21 +68,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Por que Escolher a Essência Promo?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Perfumes Originais",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Marcas Premium",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Entrega Rápida",
|
||||
value: "24h",
|
||||
},
|
||||
{ icon: Star, label: "Perfumes Originais", value: "100%" },
|
||||
{ icon: Award, label: "Marcas Premium", value: "50+" },
|
||||
{ icon: Zap, label: "Entrega Rápida", value: "24h" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -160,67 +83,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ofertas Relâmpago",
|
||||
description: "Descontos diários em marcas selecionadas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg",
|
||||
imageAlt: "Ofertas",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sem filas",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Preço justo",
|
||||
},
|
||||
],
|
||||
title: "Ofertas Relâmpago", description: "Descontos diários em marcas selecionadas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg", imageAlt: "Ofertas" },
|
||||
items: [{ icon: CheckCircle, text: "Sem filas" }, { icon: CheckCircle, text: "Preço justo" }],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg?_wi=2",
|
||||
imageAlt: "perfume collection on glass table",
|
||||
},
|
||||
{
|
||||
title: "Curadoria Especializada",
|
||||
description: "Apenas fragrâncias que realmente valem a pena.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-fan-yellow-background_23-2148306729.jpg",
|
||||
imageAlt: "Curadoria",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Qualidade garantida",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Selos originais",
|
||||
},
|
||||
],
|
||||
title: "Curadoria Especializada", description: "Apenas fragrâncias que realmente valem a pena.", media: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-fan-yellow-background_23-2148306729.jpg", imageAlt: "Curadoria" },
|
||||
items: [{ icon: CheckCircle, text: "Qualidade garantida" }, { icon: CheckCircle, text: "Selos originais" }],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-transparent-bottle-fragrance-isolated-white-wall_140725-11689.jpg",
|
||||
imageAlt: "perfume collection on glass table",
|
||||
},
|
||||
{
|
||||
title: "Suporte Premium",
|
||||
description: "Ajuda personalizada para encontrar o seu perfume.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-inside-package-dark-surface-gift-perfume-love-couple-feeling-color_140725-108985.jpg?_wi=1",
|
||||
imageAlt: "Suporte",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Chat 24/7",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Dicas de especialistas",
|
||||
},
|
||||
],
|
||||
title: "Suporte Premium", description: "Ajuda personalizada para encontrar o seu perfume.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-inside-package-dark-surface-gift-perfume-love-couple-feeling-color_140725-108985.jpg", imageAlt: "Suporte" },
|
||||
items: [{ icon: CheckCircle, text: "Chat 24/7" }, { icon: CheckCircle, text: "Dicas de especialistas" }],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17785.jpg?_wi=1",
|
||||
imageAlt: "perfume collection on glass table",
|
||||
},
|
||||
]}
|
||||
title="Benefícios Exclusivos"
|
||||
@@ -235,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chanel No. 5",
|
||||
price: "R$ 699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetics-with-perfume_23-2149234389.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dior Sauvage",
|
||||
price: "R$ 499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-inside-package-dark-surface-gift-perfume-love-couple-feeling-color_140725-108985.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "La Vie Est Belle",
|
||||
price: "R$ 549",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17785.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bleu de Chanel",
|
||||
price: "R$ 589",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-perfume-as-present-blue-table-gift-scent-fragnance-marriage-love-feeling-holiday-smell_140725-148361.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "J'adore",
|
||||
price: "R$ 649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Good Girl",
|
||||
price: "R$ 399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-box-with-honey-pink-himalayan-salt-cotton-bud-with-cosmetics-products-concrete-black-background_23-2148087684.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Chanel No. 5", price: "R$ 699", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetics-with-perfume_23-2149234389.jpg" },
|
||||
{ id: "p2", name: "Dior Sauvage", price: "R$ 499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-inside-package-dark-surface-gift-perfume-love-couple-feeling-color_140725-108985.jpg" },
|
||||
{ id: "p3", name: "La Vie Est Belle", price: "R$ 549", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17785.jpg" },
|
||||
{ id: "p4", name: "Bleu de Chanel", price: "R$ 589", imageSrc: "http://img.b2bpic.net/free-photo/front-view-expensive-perfume-as-present-blue-table-gift-scent-fragnance-marriage-love-feeling-holiday-smell_140725-148361.jpg" },
|
||||
{ id: "p5", name: "J'adore", price: "R$ 649", imageSrc: "http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg" },
|
||||
{ id: "p6", name: "Good Girl", price: "R$ 399", imageSrc: "http://img.b2bpic.net/free-photo/open-box-with-honey-pink-himalayan-salt-cotton-bud-with-cosmetics-products-concrete-black-background_23-2148087684.jpg" },
|
||||
]}
|
||||
title="Promoções Imperdíveis"
|
||||
description="Confira nossa vitrine de fragrâncias com descontos exclusivos."
|
||||
@@ -281,15 +126,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Dior",
|
||||
"Chanel",
|
||||
"Lancôme",
|
||||
"Versace",
|
||||
"Giorgio Armani",
|
||||
"Carolina Herrera",
|
||||
"Yves Saint Laurent",
|
||||
]}
|
||||
names={["Dior", "Chanel", "Lancôme", "Versace", "Giorgio Armani", "Carolina Herrera", "Yves Saint Laurent"]}
|
||||
title="Parceiros Oficiais"
|
||||
description="Trabalhamos com as maiores distribuidoras de luxo."
|
||||
/>
|
||||
@@ -301,46 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
handle: "@ana",
|
||||
testimonial: "Melhores promoções que já vi, super recomendo!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/walking-professional-asian-city-women_1303-2309.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bruno Souza",
|
||||
handle: "@bruno",
|
||||
testimonial: "Entrega rápida e produtos 100% originais.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-cup-tea-shop_23-2147974699.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla Lima",
|
||||
handle: "@carla",
|
||||
testimonial: "Adorei a consultoria para escolher meu perfume.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curious-young-woman-summer-hat-looking-inside-shopping-bags-isolated-red-wall_231208-10732.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego Costa",
|
||||
handle: "@diego",
|
||||
testimonial: "Preço muito abaixo da concorrência.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669822.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Reis",
|
||||
handle: "@elena",
|
||||
testimonial: "Minha marca favorita com desconto incrível.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-shopping-bags_23-2148316156.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Silva", handle: "@ana", testimonial: "Melhores promoções que já vi, super recomendo!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/walking-professional-asian-city-women_1303-2309.jpg" },
|
||||
{ id: "2", name: "Bruno Souza", handle: "@bruno", testimonial: "Entrega rápida e produtos 100% originais.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-cup-tea-shop_23-2147974699.jpg" },
|
||||
{ id: "3", name: "Carla Lima", handle: "@carla", testimonial: "Adorei a consultoria para escolher meu perfume.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-curious-young-woman-summer-hat-looking-inside-shopping-bags-isolated-red-wall_231208-10732.jpg" },
|
||||
{ id: "4", name: "Diego Costa", handle: "@diego", testimonial: "Preço muito abaixo da concorrência.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669822.jpg" },
|
||||
{ id: "5", name: "Elena Reis", handle: "@elena", testimonial: "Minha marca favorita com desconto incrível.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-shopping-bags_23-2148316156.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="O Que Dizem Nossos Clientes"
|
||||
@@ -352,21 +154,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Os perfumes são originais?",
|
||||
content: "Sim, todos os nossos produtos possuem selo de autenticidade.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como funcionam as promoções?",
|
||||
content: "Enviamos links diários das melhores ofertas para você.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Como receber as novidades?",
|
||||
content: "Inscreva-se na nossa lista VIP de contatos.",
|
||||
},
|
||||
{ id: "f1", title: "Os perfumes são originais?", content: "Sim, todos os nossos produtos possuem selo de autenticidade." },
|
||||
{ id: "f2", title: "Como funcionam as promoções?", content: "Enviamos links diários das melhores ofertas para você." },
|
||||
{ id: "f3", title: "Como receber as novidades?", content: "Inscreva-se na nossa lista VIP de contatos." },
|
||||
]}
|
||||
sideTitle="Dúvidas Comuns"
|
||||
sideDescription="Tudo o que você precisa saber sobre nosso grupo."
|
||||
@@ -377,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Receba Ofertas Exclusivas"
|
||||
description="Junte-se a mais de 10.000 clientes e receba promoções em primeira mão."
|
||||
@@ -389,42 +177,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Início", href: "#hero" }, { label: "Produtos", href: "#products" }] },
|
||||
{ items: [{ label: "Sobre", href: "#about" }, { label: "Contato", href: "#contact" }] },
|
||||
{ items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }] },
|
||||
]}
|
||||
logoText="Essência Promo"
|
||||
/>
|
||||
@@ -432,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user