Merge version_1 into main #2
359
src/app/page.tsx
359
src/app/page.tsx
@@ -18,261 +18,128 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Doces",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Atacadão dos Doces"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Doces", id: "products" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Contato", id: "contact" }
|
||||
]}
|
||||
brandName="Atacadão dos Doces"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background="sparkles-gradient"
|
||||
logoText="Atacadão dos Doces"
|
||||
description="O paraíso dos doces para adoçar a sua vida e eventos. A maior variedade com o melhor preço!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Catalogo",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-board-full-sugary-colorful-candies-high-quality-photo_114579-88296.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Atacadão dos Doces"
|
||||
description="O paraíso dos doces para adoçar a sua vida e eventos. A maior variedade com o melhor preço!"
|
||||
buttons={[{ text: "Ver Catalogo", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-board-full-sugary-colorful-candies-high-quality-photo_114579-88296.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Por que nos escolher?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Variedade",
|
||||
value: "+500",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Qualidade",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Clientes",
|
||||
value: "+10k",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Por que nos escolher?"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Variedade", value: "+500" },
|
||||
{ icon: Star, label: "Qualidade", value: "100%" },
|
||||
{ icon: Award, label: "Clientes", value: "+10k" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Caixa de Trufas",
|
||||
price: "R$ 29,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-ring-rose-chocolate-box_23-2148243782.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ursinhos de Goma",
|
||||
price: "R$ 15,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-gummy-bears_23-2149894279.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pirulitos Mágicos",
|
||||
price: "R$ 8,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-macarons-colorful-with-lollipops-pink-cake-sweet-sugar_140725-25053.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Barra de Chocolate",
|
||||
price: "R$ 12,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-gourmet-chocolate-truffles-black-tray_9975-124417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Marshmallow Doce",
|
||||
price: "R$ 10,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-from-marshmallows_23-2147689724.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Jelly Beans Pote",
|
||||
price: "R$ 22,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortmen-halloween-candies-colorful-background_123827-34144.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nossos Doces Favoritos"
|
||||
description="Uma seleção dos doces mais vendidos para alegrar seu dia."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Caixa de Trufas", price: "R$ 29,90", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-ring-rose-chocolate-box_23-2148243782.jpg" },
|
||||
{ id: "p2", name: "Ursinhos de Goma", price: "R$ 15,50", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-gummy-bears_23-2149894279.jpg" },
|
||||
{ id: "p3", name: "Pirulitos Mágicos", price: "R$ 8,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-macarons-colorful-with-lollipops-pink-cake-sweet-sugar_140725-25053.jpg" },
|
||||
{ id: "p4", name: "Barra de Chocolate", price: "R$ 12,00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-gourmet-chocolate-truffles-black-tray_9975-124417.jpg" },
|
||||
{ id: "p5", name: "Marshmallow Doce", price: "R$ 10,90", imageSrc: "http://img.b2bpic.net/free-photo/square-from-marshmallows_23-2147689724.jpg" },
|
||||
{ id: "p6", name: "Jelly Beans Pote", price: "R$ 22,00", imageSrc: "http://img.b2bpic.net/free-photo/assortmen-halloween-candies-colorful-background_123827-34144.jpg" }
|
||||
]}
|
||||
title="Nossos Doces Favoritos"
|
||||
description="Uma seleção dos doces mais vendidos para alegrar seu dia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
handle: "@anasilva",
|
||||
testimonial: "Melhores doces da região!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-her-hand_23-2147910679.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Souza",
|
||||
handle: "@carlossouza",
|
||||
testimonial: "Preço imbatível e entrega rápida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beatriz Lima",
|
||||
handle: "@beatrizlima",
|
||||
testimonial: "Variedade incrível para festas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-dark-curly-hair-sunglasses-dress-standing-with-lolly-pop-candy-hand-showing-tongue-camera-while-riding-carousel-amusement-park_574295-3282.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego Farias",
|
||||
handle: "@diegofarias",
|
||||
testimonial: "Meus filhos amam as guloseimas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fernanda Gomes",
|
||||
handle: "@fernandagomes",
|
||||
testimonial: "Qualidade excelente!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-red-lollipop-her-hand-laughing_23-2147910686.jpg",
|
||||
},
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Pessoas que adoram nossos doces."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana Silva", handle: "@anasilva", testimonial: "Melhores doces da região!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-her-hand_23-2147910679.jpg" },
|
||||
{ id: "2", name: "Carlos Souza", handle: "@carlossouza", testimonial: "Preço imbatível e entrega rápida.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-youth-asian-transgender-lgbt-looking-camera-while-posing_74952-3151.jpg" },
|
||||
{ id: "3", name: "Beatriz Lima", handle: "@beatrizlima", testimonial: "Variedade incrível para festas.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-dark-curly-hair-sunglasses-dress-standing-with-lolly-pop-candy-hand-showing-tongue-camera-while-riding-carousel-amusement-park_574295-3282.jpg" },
|
||||
{ id: "4", name: "Diego Farias", handle: "@diegofarias", testimonial: "Meus filhos amam as guloseimas.", imageSrc: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg" },
|
||||
{ id: "5", name: "Fernanda Gomes", handle: "@fernandagomes", testimonial: "Qualidade excelente!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-red-lollipop-her-hand-laughing_23-2147910686.jpg" }
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Pessoas que adoram nossos doces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como faço um pedido?",
|
||||
content: "Basta escolher os itens e clicar no WhatsApp para negociar.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Entregam em todo país?",
|
||||
content: "Sim, realizamos envios para todo o Brasil.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Aceitam cartões?",
|
||||
content: "Aceitamos Pix, cartão de crédito e débito.",
|
||||
},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Respostas rápidas sobre compras e entregas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Como faço um pedido?", content: "Basta escolher os itens e clicar no WhatsApp para negociar." },
|
||||
{ id: "f2", title: "Entregam em todo país?", content: "Sim, realizamos envios para todo o Brasil." },
|
||||
{ id: "f3", title: "Aceitam cartões?", content: "Aceitamos Pix, cartão de crédito e débito." }
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Respostas rápidas sobre compras e entregas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Fale Conosco"
|
||||
description="Entre em contato para orçamentos ou grandes encomendas."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Como podemos ajudar?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-board-full-sugary-colorful-candies-high-quality-photo_114579-88296.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Fale Conosco"
|
||||
description="Entre em contato para orçamentos ou grandes encomendas."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Como podemos ajudar?", rows: 4, required: true }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-board-full-sugary-colorful-candies-high-quality-photo_114579-88296.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Loja",
|
||||
items: [
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Atacadão dos Doces. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Loja", items: [{ label: "Produtos", href: "#products" }, { label: "Sobre", href: "#about" }] },
|
||||
{ title: "Suporte", items: [{ label: "FAQ", href: "#faq" }, { label: "Contato", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Atacadão dos Doces. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user