Merge version_1 into main #2
344
src/app/page.tsx
344
src/app/page.tsx
@@ -14,257 +14,115 @@ import { CreditCard, MessageCircle, RotateCw, Truck } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Destaques",
|
||||
id: "produtos",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "depoimentos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "sobre",
|
||||
},
|
||||
]}
|
||||
brandName="MINANDA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Destaques", id: "produtos" },
|
||||
{ name: "Depoimentos", id: "depoimentos" },
|
||||
{ name: "Sobre", id: "sobre" },
|
||||
]}
|
||||
brandName="MINANDA"
|
||||
button={{ text: "Contato", href: "https://wa.me/5511999999999" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Moda feminina, do seu jeito."
|
||||
description="As peças que você ama com preço justo e entrega rápida. Sinta-se linda e confiante todos os dias."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar pelo WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149870229.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Moda feminina, do seu jeito."
|
||||
description="As peças que você ama com preço justo e entrega rápida. Sinta-se linda e confiante todos os dias."
|
||||
buttons={[{ text: "Comprar pelo WhatsApp", href: "https://wa.me/5511999999999" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149870229.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produtos" data-section="produtos">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Conjunto Alfaiataria Maya",
|
||||
price: "R$ 149,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vestido Midi Essencial",
|
||||
price: "R$ 89,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blusa Seda Soft",
|
||||
price: "R$ 79,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Calça Pantalona Nude",
|
||||
price: "R$ 119,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Saia Midi Plissada",
|
||||
price: "R$ 99,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kimono Estampado",
|
||||
price: "R$ 129,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Destaques da Semana"
|
||||
description="Peças exclusivas com alta procura."
|
||||
/>
|
||||
</div>
|
||||
<div id="produtos" data-section="produtos">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Conjunto Alfaiataria Maya", price: "R$ 149,90", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg" },
|
||||
{ id: "p2", name: "Vestido Midi Essencial", price: "R$ 89,90", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg" },
|
||||
{ id: "p3", name: "Blusa Seda Soft", price: "R$ 79,90", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg" },
|
||||
{ id: "p4", name: "Calça Pantalona Nude", price: "R$ 119,90", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg" },
|
||||
{ id: "p5", name: "Saia Midi Plissada", price: "R$ 99,90", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478954.jpg" },
|
||||
{ id: "p6", name: "Kimono Estampado", price: "R$ 129,90", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-tweed-checkered-jacket-silk-white-dress-walking-outside-attractive-lady-pearl-necklace-holding-black-handbag_197531-28342.jpg" },
|
||||
]}
|
||||
title="Destaques da Semana"
|
||||
description="Peças exclusivas com alta procura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="depoimentos" data-section="depoimentos">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amanda Souza",
|
||||
role: "Cliente",
|
||||
company: "SP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Camila Rocha",
|
||||
role: "Cliente",
|
||||
company: "PR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-happy-young-woman-shows-zero-okay-ok-gesture-approve-something-good-standing_1258-189092.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Beatriz Lima",
|
||||
role: "Cliente",
|
||||
company: "RJ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carla Mendes",
|
||||
role: "Cliente",
|
||||
company: "MG",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-happy-young-woman-shows-zero-okay-ok-gesture-approve-something-good-standing_1258-189092.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fernanda Dias",
|
||||
role: "Cliente",
|
||||
company: "SC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "3.4k+",
|
||||
label: "Pedidos entregues",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Clientes satisfeitas",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Envio imediato",
|
||||
},
|
||||
]}
|
||||
title="O que nossas clientes dizem"
|
||||
description="A experiência de quem já se apaixonou pelos nossos looks."
|
||||
/>
|
||||
</div>
|
||||
<div id="depoimentos" data-section="depoimentos">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amanda Souza", role: "Cliente", company: "SP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg" },
|
||||
{ id: "t2", name: "Camila Rocha", role: "Cliente", company: "PR", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-happy-young-woman-shows-zero-okay-ok-gesture-approve-something-good-standing_1258-189092.jpg" },
|
||||
{ id: "t3", name: "Beatriz Lima", role: "Cliente", company: "RJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg" },
|
||||
{ id: "t4", name: "Carla Mendes", role: "Cliente", company: "MG", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-happy-young-woman-shows-zero-okay-ok-gesture-approve-something-good-standing_1258-189092.jpg" },
|
||||
{ id: "t5", name: "Fernanda Dias", role: "Cliente", company: "SC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13359.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "3.4k+", label: "Pedidos entregues" },
|
||||
{ value: "98%", label: "Clientes satisfeitas" },
|
||||
{ value: "24h", label: "Envio imediato" },
|
||||
]}
|
||||
title="O que nossas clientes dizem"
|
||||
description="A experiência de quem já se apaixonou pelos nossos looks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sobre" data-section="sobre">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Por que escolher a Minanda?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Entrega Rápida",
|
||||
value: "Envio em 24h",
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
label: "Pagamento Seguro",
|
||||
value: "Pix ou Cartão",
|
||||
},
|
||||
{
|
||||
icon: RotateCw,
|
||||
label: "Troca Fácil",
|
||||
value: "Até 7 dias",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
label: "Atendimento VIP",
|
||||
value: "Humano e ágil",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="sobre" data-section="sobre">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Por que escolher a Minanda?"
|
||||
metrics={[
|
||||
{ icon: Truck, label: "Entrega Rápida", value: "Envio em 24h" },
|
||||
{ icon: CreditCard, label: "Pagamento Seguro", value: "Pix ou Cartão" },
|
||||
{ icon: RotateCw, label: "Troca Fácil", value: "Até 7 dias" },
|
||||
{ icon: MessageCircle, label: "Atendimento VIP", value: "Humano e ágil" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="WhatsApp"
|
||||
title="Pronta para seu novo look?"
|
||||
description="Fale com nossas consultoras e veja o catálogo completo agora mesmo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Catálogo no WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="WhatsApp"
|
||||
title="Pronta para seu novo look?"
|
||||
description="Fale com nossas consultoras e veja o catálogo completo agora mesmo."
|
||||
buttons={[{ text: "Ver Catálogo no WhatsApp", href: "https://wa.me/5511999999999" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Destaques",
|
||||
href: "#produtos",
|
||||
},
|
||||
{
|
||||
label: "Depoimentos",
|
||||
href: "#depoimentos",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Atendimento",
|
||||
href: "https://wa.me/5511999999999",
|
||||
},
|
||||
{
|
||||
label: "Política de Trocas",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MINANDA"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Início", href: "#" }, { label: "Destaques", href: "#produtos" }, { label: "Depoimentos", href: "#depoimentos" }] },
|
||||
{ items: [{ label: "Atendimento", href: "https://wa.me/5511999999999" }, { label: "Política de Trocas", href: "#" }, { label: "Privacidade", href: "#" }] },
|
||||
]}
|
||||
logoText="MINANDA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user