Merge version_2 into main #4
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Depoimentos", id: "testimonials"},
|
||||
{
|
||||
name: "Contato", id: "contact"},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Luxe Pavone"
|
||||
/>
|
||||
@@ -47,57 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Realce sua beleza com produtos que destacam o seu olhar"
|
||||
description="Descubra a elegância exclusiva de Luxe Pavone. Alta performance, longa duração e o toque de luxo que você merece."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana Silva", handle: "@anasilva", testimonial: "Perfeito, a durabilidade é incrível!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-make-up-face-dark-background_1122-957.jpg?_wi=1", imageAlt: "makeup luxury banner black gold"},
|
||||
{
|
||||
name: "Beatriz Souza", handle: "@beatrizmakeup", testimonial: "O efeito profissional que eu buscava.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-lip-gloss-texture_52683-95225.jpg?_wi=1", imageAlt: "makeup luxury banner black gold"},
|
||||
{
|
||||
name: "Carla Mendes", handle: "@carlamendes", testimonial: "Simplesmente apaixonada pelo gloss.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mascara-false-eyelashes_23-2148978187.jpg?_wi=1", imageAlt: "makeup luxury banner black gold"},
|
||||
{
|
||||
name: "Diana Costa", handle: "@dianacosta", testimonial: "Entrega rápida e qualidade impecável.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260916.jpg?_wi=1", imageAlt: "makeup luxury banner black gold"},
|
||||
{
|
||||
name: "Elisa Faria", handle: "@elisafaria", testimonial: "Minha marca favorita de maquiagem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-glitter-nail-polish-brush-isolated-white-background_23-2148194845.jpg?_wi=1", imageAlt: "makeup luxury banner black gold"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar Agora", href: "#products"},
|
||||
{ name: "Ana Silva", handle: "@anasilva", testimonial: "Perfeito, a durabilidade é incrível!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-make-up-face-dark-background_1122-957.jpg?_wi=1", imageAlt: "makeup luxury banner black gold" },
|
||||
{ name: "Beatriz Souza", handle: "@beatrizmakeup", testimonial: "O efeito profissional que eu buscava.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-lip-gloss-texture_52683-95225.jpg?_wi=1", imageAlt: "makeup luxury banner black gold" },
|
||||
{ name: "Carla Mendes", handle: "@carlamendes", testimonial: "Simplesmente apaixonada pelo gloss.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mascara-false-eyelashes_23-2148978187.jpg?_wi=1", imageAlt: "makeup luxury banner black gold" },
|
||||
{ name: "Diana Costa", handle: "@dianacosta", testimonial: "Entrega rápida e qualidade impecável.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260916.jpg?_wi=1", imageAlt: "makeup luxury banner black gold" },
|
||||
{ name: "Elisa Faria", handle: "@elisafaria", testimonial: "Minha marca favorita de maquiagem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-glitter-nail-polish-brush-isolated-white-background_23-2148194845.jpg?_wi=1", imageAlt: "makeup luxury banner black gold" },
|
||||
]}
|
||||
buttons={[{ text: "Comprar Agora", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-make-up-face-dark-background_1122-957.jpg?_wi=2"
|
||||
imageAlt="Makeup luxury banner black gold"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dramatic-makeup-look_23-2151989350.jpg", alt: "Dramatic makeup look"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/golden-monstera-leaves-background-design-resource_53876-143097.jpg", alt: "Golden monstera leaves background design resource"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/makeup-brush-dust-powder-dark-background_23-2148209066.jpg", alt: "Makeup brush and dust of powder on dark background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/facial-powders-with-powder-brushes-table_23-2148047005.jpg", alt: "Facial powders with powder brushes on table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-make-up-face-dark-background_1122-957.jpg", alt: "Makeup luxury banner black gold"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dramatic-makeup-look_23-2151989350.jpg", alt: "Dramatic makeup look" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/golden-monstera-leaves-background-design-resource_53876-143097.jpg", alt: "Golden monstera leaves background design resource" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/makeup-brush-dust-powder-dark-background_23-2148209066.jpg", alt: "Makeup brush and dust of powder on dark background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/facial-powders-with-powder-brushes-table_23-2148047005.jpg", alt: "Facial powders with powder brushes on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-make-up-face-dark-background_1122-957.jpg", alt: "Makeup luxury banner black gold" },
|
||||
]}
|
||||
avatarText="Mais de 5.000 clientes satisfeitas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Alta Performance"},
|
||||
{
|
||||
type: "text", text: "Vegano e Cruelty-Free"},
|
||||
{
|
||||
type: "text", text: "Longa Duração"},
|
||||
{
|
||||
type: "text", text: "Acabamento Premium"},
|
||||
{
|
||||
type: "text", text: "Luxo Acessível"},
|
||||
{ type: "text", text: "Alta Performance" },
|
||||
{ type: "text", text: "Vegano e Cruelty-Free" },
|
||||
{ type: "text", text: "Longa Duração" },
|
||||
{ type: "text", text: "Acabamento Premium" },
|
||||
{ type: "text", text: "Luxo Acessível" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,18 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Gloss Luxe", price: "R$ 69,90", variant: "Gold Glow", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-lip-gloss-texture_52683-95225.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2", name: "Cílios Premium", price: "R$ 45,90", variant: "Volume Extremo", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mascara-false-eyelashes_23-2148978187.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3", name: "Kit Completo", price: "R$ 149,90", variant: "Edição Ouro", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260916.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4", name: "Delineador", price: "R$ 55,00", variant: "Intenso", imageSrc: "http://img.b2bpic.net/free-photo/blue-glitter-nail-polish-brush-isolated-white-background_23-2148194845.jpg?_wi=2"},
|
||||
{
|
||||
id: "p5", name: "Paleta Olhares", price: "R$ 89,90", variant: "Clássica", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-eye-shadow-plain-background_23-2148284524.jpg"},
|
||||
{
|
||||
id: "p6", name: "Máscara Luxe", price: "R$ 75,00", variant: "Curvatura", imageSrc: "http://img.b2bpic.net/free-photo/adorable-teenage-middle-eastern-girl-with-great-skin-applying-mascara-her-long-lashes-white-background_633478-997.jpg"},
|
||||
{ id: "p1", name: "Gloss Luxe", price: "R$ 69,90", variant: "Gold Glow", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-lip-gloss-texture_52683-95225.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Cílios Premium", price: "R$ 45,90", variant: "Volume Extremo", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mascara-false-eyelashes_23-2148978187.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Kit Completo", price: "R$ 149,90", variant: "Edição Ouro", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260916.jpg?_wi=2" },
|
||||
{ id: "p4", name: "Delineador", price: "R$ 55,00", variant: "Intenso", imageSrc: "http://img.b2bpic.net/free-photo/blue-glitter-nail-polish-brush-isolated-white-background_23-2148194845.jpg?_wi=2" },
|
||||
{ id: "p5", name: "Paleta Olhares", price: "R$ 89,90", variant: "Clássica", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-eye-shadow-plain-background_23-2148284524.jpg" },
|
||||
{ id: "p6", name: "Máscara Luxe", price: "R$ 75,00", variant: "Curvatura", imageSrc: "http://img.b2bpic.net/free-photo/adorable-teenage-middle-eastern-girl-with-great-skin-applying-mascara-her-long-lashes-white-background_633478-997.jpg" },
|
||||
]}
|
||||
title="Mais Vendidos"
|
||||
description="Confira nossa seleção exclusiva de produtos para um olhar impecável."
|
||||
@@ -133,16 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Fernanda L.", role: "Maquiadora", testimonial: "Qualidade profissional em casa.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-blonde-hair-white-suit-have-bad-day_132075-9661.jpg"},
|
||||
{
|
||||
id: "t2", name: "Gabriela R.", role: "Influenciadora", testimonial: "O melhor acabamento que já usei.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-beauty-vlog_23-2148916289.jpg"},
|
||||
{
|
||||
id: "t3", name: "Helena V.", role: "Cliente", testimonial: "Entrega super rápida!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-dress-holding-fluffy-makeup-brush_197531-18407.jpg"},
|
||||
{
|
||||
id: "t4", name: "Isabela P.", role: "Cliente", testimonial: "Alta durabilidade e luxo total.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-make-up-posing_23-2149190725.jpg"},
|
||||
{
|
||||
id: "t5", name: "Julia M.", role: "Cliente", testimonial: "Com certeza comprarei novamente.", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model_158538-3868.jpg"},
|
||||
{ id: "t1", name: "Fernanda L.", role: "Maquiadora", testimonial: "Qualidade profissional em casa.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-blonde-hair-white-suit-have-bad-day_132075-9661.jpg" },
|
||||
{ id: "t2", name: "Gabriela R.", role: "Influenciadora", testimonial: "O melhor acabamento que já usei.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-beauty-vlog_23-2148916289.jpg" },
|
||||
{ id: "t3", name: "Helena V.", role: "Cliente", testimonial: "Entrega super rápida!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-dress-holding-fluffy-makeup-brush_197531-18407.jpg" },
|
||||
{ id: "t4", name: "Isabela P.", role: "Cliente", testimonial: "Alta durabilidade e luxo total.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-make-up-posing_23-2149190725.jpg" },
|
||||
{ id: "t5", name: "Julia M.", role: "Cliente", testimonial: "Com certeza comprarei novamente.", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model_158538-3868.jpg" },
|
||||
]}
|
||||
title="Clientes Amam"
|
||||
description="Veja o que nossas clientes dizem sobre Luxe Pavone."
|
||||
@@ -156,30 +117,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Entrega Rápida", description: "Receba em casa com agilidade.", icon: Truck,
|
||||
title: "Entrega Rápida", description: "Receba em casa com agilidade.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-pushing-trolley-carrying-happiness_1134-939.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-toy-laptop-boxes_23-2148790050.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/drawing-pushing-trolley-carrying-happiness_1134-939.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-toy-laptop-boxes_23-2148790050.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Atendimento VIP", description: "Suporte personalizado via WhatsApp.", icon: MessageCircle,
|
||||
title: "Atendimento VIP", description: "Suporte personalizado via WhatsApp.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-using-telephone_23-2148870669.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-long-hair-green-dress-standing-cafe-table_1157-14040.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-using-telephone_23-2148870669.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-long-hair-green-dress-standing-cafe-table_1157-14040.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pagamento Seguro", description: "PIX e cartões garantidos.", icon: ShieldCheck,
|
||||
title: "Pagamento Seguro", description: "PIX e cartões garantidos.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896824.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896824.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -195,20 +150,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "start", badge: "Básico", price: "R$ 99", subtitle: "Ideal para iniciantes", buttons: [
|
||||
{
|
||||
text: "Comprar Kit", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Gloss básico", "Delineador", "Atendimento rápido"],
|
||||
id: "start", badge: "Básico", price: "R$ 99", subtitle: "Ideal para iniciantes", buttons: [{ text: "Comprar Kit", href: "#" }],
|
||||
features: ["Gloss básico", "Delineador", "Atendimento rápido"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Profissional", price: "R$ 199", subtitle: "Para amantes de beleza", buttons: [
|
||||
{
|
||||
text: "Comprar Kit", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Todos itens", "Cílios extra", "Frete grátis"],
|
||||
id: "pro", badge: "Profissional", price: "R$ 199", subtitle: "Para amantes de beleza", buttons: [{ text: "Comprar Kit", href: "#" }],
|
||||
features: ["Todos itens", "Cílios extra", "Frete grátis"],
|
||||
},
|
||||
]}
|
||||
title="Kits Promocionais"
|
||||
@@ -221,12 +168,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Quais as formas de pagamento?", content: "Aceitamos PIX e Cartão de Crédito."},
|
||||
{
|
||||
id: "2", title: "Como rastrear meu pedido?", content: "Enviamos o código via WhatsApp."},
|
||||
{
|
||||
id: "3", title: "Os produtos são originais?", content: "Sim, 100% originais Luxe Pavone."},
|
||||
{ id: "1", title: "Quais as formas de pagamento?", content: "Aceitamos PIX e Cartão de Crédito." },
|
||||
{ id: "2", title: "Como rastrear meu pedido?", content: "Enviamos o código via WhatsApp." },
|
||||
{ id: "3", title: "Os produtos são originais?", content: "Sim, 100% originais Luxe Pavone." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Saiba mais sobre nossas entregas e pedidos."
|
||||
@@ -240,12 +184,9 @@ export default function LandingPage() {
|
||||
title="Nossos Números"
|
||||
tag="Sucesso"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "5k+", description: "Clientes Satisfeitas"},
|
||||
{
|
||||
id: "m2", value: "98%", description: "Alta Durabilidade"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Pagamento Seguro"},
|
||||
{ id: "m1", value: "5k+", description: "Clientes Satisfeitas" },
|
||||
{ id: "m2", value: "98%", description: "Alta Durabilidade" },
|
||||
{ id: "m3", value: "100%", description: "Pagamento Seguro" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -254,8 +195,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Suporte"
|
||||
title="Fale Conosco"
|
||||
description="Dúvidas? Nossa equipe está pronta para te atender via WhatsApp."
|
||||
@@ -269,22 +209,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-147724.jpg"
|
||||
logoText="Luxe Pavone"
|
||||
columns={[
|
||||
{
|
||||
title: "Loja", items: [
|
||||
{
|
||||
label: "Produtos", href: "#products"},
|
||||
{
|
||||
label: "Promoções", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Loja", items: [{ label: "Produtos", href: "#products" }, { label: "Promoções", href: "#pricing" }] },
|
||||
{ title: "Suporte", items: [{ label: "WhatsApp", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--background: #000000;
|
||||
--card: #0a0a0a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #d4af37;
|
||||
--accent: #c5a028;
|
||||
--background-accent: #f3e5ab;
|
||||
--background-accent: #2a2a2a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user