Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e877cc088 | |||
| c61aef7523 | |||
| 5894a855f5 | |||
| a84614a4d6 | |||
| 0e446177a9 | |||
| cbd017c00e |
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Atacadão Augusta"
|
||||
/>
|
||||
@@ -55,67 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Tudo para sua obra do começo ao fim"
|
||||
description="Qualidade, preço baixo e entrega rápida. O Atacadão Augusta é seu parceiro em todas as etapas da reforma e construção."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver produtos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver produtos", href: "#products"},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
text: "Falar no WhatsApp", href: "https://wa.me/5500000000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-red-door_181624-16517.jpg?_wi=1"
|
||||
imageAlt="Loja de materiais de construção"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg",
|
||||
alt: "Construtor 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg", alt: "Construtor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207730.jpg",
|
||||
alt: "Construtor 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207730.jpg", alt: "Construtor 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/factory_23-2148098552.jpg",
|
||||
alt: "Construtor 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/factory_23-2148098552.jpg", alt: "Construtor 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workman-store-house-orange-helmet_1303-28084.jpg",
|
||||
alt: "Construtor 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workman-store-house-orange-helmet_1303-28084.jpg", alt: "Construtor 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg",
|
||||
alt: "Construtor 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg", alt: "Construtor 5"},
|
||||
]}
|
||||
avatarText="Mais de 5.000 clientes satisfeitos atendidos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Entrega Rápida",
|
||||
},
|
||||
type: "text", text: "Entrega Rápida"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Preço de Atacado",
|
||||
},
|
||||
type: "text", text: "Preço de Atacado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Produtos Originais",
|
||||
},
|
||||
type: "text", text: "Produtos Originais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Suporte Técnico",
|
||||
},
|
||||
type: "text", text: "Suporte Técnico"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estoque Completo",
|
||||
},
|
||||
type: "text", text: "Estoque Completo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,33 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cimento e Argamassa",
|
||||
description: "Qualidade superior para alicerces e acabamentos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15997.jpg",
|
||||
buttonText: "Ver Cimentos",
|
||||
},
|
||||
title: "Cimento e Argamassa", description: "Qualidade superior para alicerces e acabamentos.", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15997.jpg", buttonText: "Ver Cimentos"},
|
||||
{
|
||||
title: "Ferramentas",
|
||||
description: "Equipamentos profissionais e resistentes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/mechanic-supplies-composition-high-angle_23-2149511906.jpg",
|
||||
buttonText: "Ver Ferramentas",
|
||||
},
|
||||
title: "Ferramentas", description: "Equipamentos profissionais e resistentes.", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/mechanic-supplies-composition-high-angle_23-2149511906.jpg", buttonText: "Ver Ferramentas"},
|
||||
{
|
||||
title: "Tintas",
|
||||
description: "Variedade em cores e acabamentos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705355.jpg",
|
||||
buttonText: "Ver Tintas",
|
||||
},
|
||||
title: "Tintas", description: "Variedade em cores e acabamentos.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705355.jpg", buttonText: "Ver Tintas"},
|
||||
{
|
||||
title: "Elétrica e Hidráulica",
|
||||
description: "Tudo para infraestrutura e reparos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-polymer-granules-cable_93675-129273.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/tapes-with-plug-screwdriwers_23-2147743028.jpg",
|
||||
buttonText: "Ver Elétrica",
|
||||
},
|
||||
title: "Elétrica e Hidráulica", description: "Tudo para infraestrutura e reparos.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-polymer-granules-cable_93675-129273.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/tapes-with-plug-screwdriwers_23-2147743028.jpg", buttonText: "Ver Elétrica"},
|
||||
]}
|
||||
title="Categorias em Destaque"
|
||||
description="Temos tudo o que você precisa para uma obra perfeita."
|
||||
@@ -169,43 +116,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Saco de Cimento 50kg",
|
||||
price: "R$ 35,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-presented-front-carton-craft-box_346278-579.jpg",
|
||||
},
|
||||
id: "p1", name: "Saco de Cimento 50kg", price: "R$ 35,90", imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-presented-front-carton-craft-box_346278-579.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Furadeira de Impacto Pro",
|
||||
price: "R$ 499,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scattered-metal-nails-white-surface_191095-100095.jpg",
|
||||
},
|
||||
id: "p2", name: "Furadeira de Impacto Pro", price: "R$ 499,00", imageSrc: "http://img.b2bpic.net/free-photo/scattered-metal-nails-white-surface_191095-100095.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tinta Acrílica Branca 18L",
|
||||
price: "R$ 289,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705288.jpg",
|
||||
},
|
||||
id: "p3", name: "Tinta Acrílica Branca 18L", price: "R$ 289,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705288.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kit Tubos e Conexões",
|
||||
price: "R$ 159,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062950.jpg",
|
||||
},
|
||||
id: "p4", name: "Kit Tubos e Conexões", price: "R$ 159,90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062950.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bloco de Concreto Estrutural",
|
||||
price: "R$ 4,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-brown-brick-wall-background_53876-74721.jpg",
|
||||
},
|
||||
id: "p5", name: "Bloco de Concreto Estrutural", price: "R$ 4,50", imageSrc: "http://img.b2bpic.net/free-photo/red-brown-brick-wall-background_53876-74721.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lixadeira Profissional",
|
||||
price: "R$ 349,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-many-tools_23-2147773434.jpg",
|
||||
},
|
||||
id: "p6", name: "Lixadeira Profissional", price: "R$ 349,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-many-tools_23-2147773434.jpg"},
|
||||
]}
|
||||
title="Nossos Produtos"
|
||||
title="Ofertas de Atacado para Sua Obra"
|
||||
description="Confira nossa seleção exclusiva com preços de atacado."
|
||||
/>
|
||||
</div>
|
||||
@@ -226,23 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Truck,
|
||||
title: "Entrega Rápida",
|
||||
value: "24h",
|
||||
},
|
||||
id: "m1", icon: Truck,
|
||||
title: "Entrega Rápida", value: "24h"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Tempo de Atendimento",
|
||||
value: "15min",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Tempo de Atendimento", value: "15min"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Clientes Satisfeitos",
|
||||
value: "5.000+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Clientes Satisfeitos", value: "5.000+"},
|
||||
]}
|
||||
title="Eficiência e Entrega"
|
||||
description="Comprometidos em levar sua obra adiante com máxima agilidade."
|
||||
@@ -255,60 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Silva",
|
||||
date: "12/05/2024",
|
||||
title: "Engenheiro",
|
||||
quote: "Preços imbatíveis e entrega muito pontual.",
|
||||
tag: "Construtor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-red-door_181624-16517.jpg?_wi=2",
|
||||
imageAlt: "happy construction client construction site",
|
||||
},
|
||||
id: "1", name: "Carlos Silva", date: "12/05/2024", title: "Engenheiro", quote: "Preços imbatíveis e entrega muito pontual.", tag: "Construtor", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg", imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-red-door_181624-16517.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana Paula",
|
||||
date: "10/05/2024",
|
||||
title: "Arquiteta",
|
||||
quote: "Excelente atendimento e materiais de primeira.",
|
||||
tag: "Arquitetura",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-engineer-builder-girl-uniform-dental-braces-doing-peace-sign-isolated-white-space_141793-92550.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg?_wi=2",
|
||||
imageAlt: "happy construction client construction site",
|
||||
},
|
||||
id: "2", name: "Ana Paula", date: "10/05/2024", title: "Arquiteta", quote: "Excelente atendimento e materiais de primeira.", tag: "Arquitetura", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-engineer-builder-girl-uniform-dental-braces-doing-peace-sign-isolated-white-space_141793-92550.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ricardo Souza",
|
||||
date: "05/05/2024",
|
||||
title: "Proprietário",
|
||||
quote: "Recomendo a todos que querem reformar sem dor de cabeça.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589580.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=2",
|
||||
imageAlt: "happy construction client construction site",
|
||||
},
|
||||
id: "3", name: "Ricardo Souza", date: "05/05/2024", title: "Proprietário", quote: "Recomendo a todos que querem reformar sem dor de cabeça.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mariana Lima",
|
||||
date: "02/05/2024",
|
||||
title: "Empresária",
|
||||
quote: "O melhor lugar para encontrar tudo para a obra.",
|
||||
tag: "Cliente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woodworking-engineer-male-worker-using-laptop-while-analyzing-design-plans-factory_637285-11903.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2",
|
||||
imageAlt: "happy construction client construction site",
|
||||
},
|
||||
id: "4", name: "Mariana Lima", date: "02/05/2024", title: "Empresária", quote: "O melhor lugar para encontrar tudo para a obra.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/woodworking-engineer-male-worker-using-laptop-while-analyzing-design-plans-factory_637285-11903.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pedro Alves",
|
||||
date: "01/05/2024",
|
||||
title: "Construtor",
|
||||
quote: "Profissionalismo e rapidez em cada entrega.",
|
||||
tag: "Construtor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=2",
|
||||
imageAlt: "happy construction client construction site",
|
||||
},
|
||||
id: "5", name: "Pedro Alves", date: "01/05/2024", title: "Construtor", quote: "Profissionalismo e rapidez em cada entrega.", tag: "Construtor", avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg", imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="A confiança de quem já construiu com o Atacadão Augusta."
|
||||
@@ -319,25 +188,18 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Fale com a gente"
|
||||
description="Estamos prontos para atender você. Tire suas dúvidas ou solicite um orçamento direto pelo WhatsApp."
|
||||
description="Solicite seu orçamento gratuito hoje e receba uma resposta em até 15 minutos."
|
||||
buttonText="Solicitar Orçamento Agora"
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Seu Nome",
|
||||
required: true,
|
||||
name: "nome", type: "text", placeholder: "Seu Nome", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefone",
|
||||
type: "tel",
|
||||
placeholder: "Seu WhatsApp",
|
||||
required: true,
|
||||
name: "telefone", type: "tel", placeholder: "Seu WhatsApp", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensagem",
|
||||
placeholder: "Como podemos ajudar na sua obra?",
|
||||
rows: 4,
|
||||
name: "mensagem", placeholder: "Como podemos ajudar na sua obra?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/executives-preparing-warehouse-delivery_482257-75324.jpg"
|
||||
/>
|
||||
@@ -349,33 +211,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nós", href: "#about"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política de Entrega",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Entrega", href: "#"},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -385,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user