Merge version_1 into main #1
453
src/app/page.tsx
453
src/app/page.tsx
@@ -28,329 +28,154 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="PureClean"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="PureClean"
|
||||
button={{ text: "Comprar", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="PureClean"
|
||||
description="Transforme sua casa com produtos que cuidam do seu lar e do planeta. Eficácia garantida, sem comprometer a natureza."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg",
|
||||
imageAlt: "Produtos de limpeza sustentáveis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-cleaning-home-together_23-2149358494.jpg",
|
||||
imageAlt: "Limpeza profunda e segura",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-haired-woman-wiping-dust-from-table_1398-733.jpg",
|
||||
imageAlt: "Cuide do seu lar",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-woman-is-ready-cleaning-bathroom_329181-1557.jpg",
|
||||
imageAlt: "Produtos ecológicos",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-surface_23-2148587268.jpg",
|
||||
imageAlt: "Brilho natural",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bottles-assortment_23-2149449773.jpg",
|
||||
imageAlt: "Qualidade garantida",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="PureClean"
|
||||
description="Transforme sua casa com produtos que cuidam do seu lar e do planeta. Eficácia garantida, sem comprometer a natureza."
|
||||
buttons={[{ text: "Ver Produtos", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg", imageAlt: "Produtos de limpeza sustentáveis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roommates-cleaning-home-together_23-2149358494.jpg", imageAlt: "Limpeza profunda e segura" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-haired-woman-wiping-dust-from-table_1398-733.jpg", imageAlt: "Cuide do seu lar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-woman-is-ready-cleaning-bathroom_329181-1557.jpg", imageAlt: "Produtos ecológicos" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-surface_23-2148587268.jpg", imageAlt: "Brilho natural" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bottles-assortment_23-2149449773.jpg", imageAlt: "Qualidade garantida" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Compromisso com a Qualidade"
|
||||
description="Nascemos para oferecer soluções de limpeza eficazes e seguras. Nossos produtos são formulados com ingredientes naturais para garantir que seu lar fique impecável sem resíduos tóxicos."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811625.jpg"
|
||||
imageAlt="Nossa missão"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Compromisso com a Qualidade"
|
||||
description="Nascemos para oferecer soluções de limpeza eficazes e seguras. Nossos produtos são formulados com ingredientes naturais para garantir que seu lar fique impecável sem resíduos tóxicos."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811625.jpg"
|
||||
imageAlt="Nossa missão"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredientes Naturais",
|
||||
description: "Livre de toxinas e parabenos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-gallon_187299-46024.jpg",
|
||||
},
|
||||
{
|
||||
title: "Máxima Eficiência",
|
||||
description: "Remove sujeiras difíceis rapidamente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-cleaning-supply-marble_114579-38481.jpg",
|
||||
},
|
||||
{
|
||||
title: "Aroma Suave",
|
||||
description: "Frescor que dura o dia todo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfectant-bottle-with-copy-space_23-2148705107.jpg",
|
||||
},
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Limpeza poderosa com consciência ambiental."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Ingredientes Naturais", description: "Livre de toxinas e parabenos.", imageSrc: "http://img.b2bpic.net/free-photo/milk-gallon_187299-46024.jpg" },
|
||||
{ title: "Máxima Eficiência", description: "Remove sujeiras difíceis rapidamente.", imageSrc: "http://img.b2bpic.net/free-photo/chemical-cleaning-supply-marble_114579-38481.jpg" },
|
||||
{ title: "Aroma Suave", description: "Frescor que dura o dia todo.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-disinfectant-bottle-with-copy-space_23-2148705107.jpg" }
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Limpeza poderosa com consciência ambiental."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Detergente Neutro",
|
||||
price: "R$ 12,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-cleaning-product-with-blue-label_187299-46056.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Limpador Multiuso",
|
||||
price: "R$ 15,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-gloves-with-sprayer_23-2147767006.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sabão de Coco",
|
||||
price: "R$ 9,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-front-window_23-2148133349.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Amaciante Concentrado",
|
||||
price: "R$ 18,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-plastic-bottle-with-copy-space_23-2149449753.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cera Líquida",
|
||||
price: "R$ 22,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-ablution-bottle-with-glove_23-2148587360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Desinfetante Floral",
|
||||
price: "R$ 14,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-protective-gloves-holding-cleaning-supply_114579-38478.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nossa Linha de Produtos"
|
||||
description="Encontre o que você precisa para uma limpeza completa."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Detergente Neutro", price: "R$ 12,90", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-cleaning-product-with-blue-label_187299-46056.jpg" },
|
||||
{ id: "p2", name: "Limpador Multiuso", price: "R$ 15,50", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-gloves-with-sprayer_23-2147767006.jpg" },
|
||||
{ id: "p3", name: "Sabão de Coco", price: "R$ 9,90", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-products-front-window_23-2148133349.jpg" },
|
||||
{ id: "p4", name: "Amaciante Concentrado", price: "R$ 18,90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-plastic-bottle-with-copy-space_23-2149449753.jpg" },
|
||||
{ id: "p5", name: "Cera Líquida", price: "R$ 22,00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-ablution-bottle-with-glove_23-2148587360.jpg" },
|
||||
{ id: "p6", name: "Desinfetante Floral", price: "R$ 14,00", imageSrc: "http://img.b2bpic.net/free-photo/hands-protective-gloves-holding-cleaning-supply_114579-38478.jpg" }
|
||||
]}
|
||||
title="Nossa Linha de Produtos"
|
||||
description="Encontre o que você precisa para uma limpeza completa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Silva",
|
||||
role: "Dona de Casa",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "João Santos",
|
||||
role: "Autônomo",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-wearing-rubber-gloves_141793-47446.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Oliveira",
|
||||
role: "Chef",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-african-american-family-having-fun-dining-room_637285-12643.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pedro Souza",
|
||||
role: "Professor",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-arms-crossed-blue-gingham-pajama-shirt-looking-pretty-front-view_176474-44360.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara Lima",
|
||||
role: "Designer",
|
||||
company: "Cliente",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-different-races-having-fun-kitchen_1153-9787.jpg",
|
||||
},
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Veja como a PureClean facilita o dia a dia."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ana Silva", role: "Dona de Casa", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "t2", name: "João Santos", role: "Autônomo", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-wearing-rubber-gloves_141793-47446.jpg" },
|
||||
{ id: "t3", name: "Maria Oliveira", role: "Chef", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/playful-african-american-family-having-fun-dining-room_637285-12643.jpg" },
|
||||
{ id: "t4", name: "Pedro Souza", role: "Professor", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-arms-crossed-blue-gingham-pajama-shirt-looking-pretty-front-view_176474-44360.jpg" },
|
||||
{ id: "t5", name: "Clara Lima", role: "Designer", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-girls-different-races-having-fun-kitchen_1153-9787.jpg" }
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Veja como a PureClean facilita o dia a dia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Casas limpas",
|
||||
description: "Lares satisfeitos em todo país.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-festive-composition-with-numbers-decor-details-close-up_169016-15111.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Produtos",
|
||||
description: "Diversidade para todo tipo de piso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-decorative-word-home-blurred-background-with-garland_169016-47447.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Avaliação",
|
||||
description: "Clientes que indicam nossos produtos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-3d-glasses-corner-blue-background_23-2148188142.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nossa trajetória"
|
||||
description="Resultados que falam por si."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", title: "Casas limpas", description: "Lares satisfeitos em todo país.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-festive-composition-with-numbers-decor-details-close-up_169016-15111.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Produtos", description: "Diversidade para todo tipo de piso.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-decorative-word-home-blurred-background-with-garland_169016-47447.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Avaliação", description: "Clientes que indicam nossos produtos.", imageSrc: "http://img.b2bpic.net/free-photo/white-3d-glasses-corner-blue-background_23-2148188142.jpg" }
|
||||
]}
|
||||
title="Nossa trajetória"
|
||||
description="Resultados que falam por si."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Os produtos são biodegradáveis?",
|
||||
content: "Sim, buscamos ingredientes que respeitam o meio ambiente.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como realizar uma compra?",
|
||||
content: "Adicione produtos ao carrinho e siga o fluxo de checkout.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Entrega para todo o Brasil?",
|
||||
content: "Sim, enviamos com total segurança para todo o país.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-kitchen-drawer-with-dishes-inside-everyday-organization_169016-71087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Estamos aqui para ajudar com sua escolha."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Os produtos são biodegradáveis?", content: "Sim, buscamos ingredientes que respeitam o meio ambiente." },
|
||||
{ id: "f2", title: "Como realizar uma compra?", content: "Adicione produtos ao carrinho e siga o fluxo de checkout." },
|
||||
{ id: "f3", title: "Entrega para todo o Brasil?", content: "Sim, enviamos com total segurança para todo o país." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-kitchen-drawer-with-dishes-inside-everyday-organization_169016-71087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Estamos aqui para ajudar com sua escolha."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Entre em Contato"
|
||||
description="Fale com nosso time de especialistas."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Nome completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu e-mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-pointing-front_141793-121760.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Entre em Contato"
|
||||
description="Fale com nosso time de especialistas."
|
||||
inputs={[
|
||||
{ name: "nome", type: "text", placeholder: "Nome completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Seu e-mail", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-pointing-front_141793-121760.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PureClean",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre nós",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PureClean. Todos os direitos reservados."
|
||||
bottomRightText="CNPJ 00.000.000/0001-00"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "PureClean", items: [{ label: "Sobre nós", href: "#about" }, { label: "Produtos", href: "#products" }] },
|
||||
{ title: "Suporte", items: [{ label: "FAQ", href: "#faq" }, { label: "Contato", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 PureClean. Todos os direitos reservados."
|
||||
bottomRightText="CNPJ 00.000.000/0001-00"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user