Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="200 Material"
|
||||
/>
|
||||
@@ -58,37 +50,23 @@ export default function LandingPage() {
|
||||
description="Qualidade, tradição e atendimento de confiança para construir melhor em Vassouras."
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale pelo WhatsApp",
|
||||
href: "https://wa.me/552424716851",
|
||||
},
|
||||
text: "Fale pelo WhatsApp", href: "https://wa.me/552424716851"},
|
||||
{
|
||||
text: "Como chegar",
|
||||
href: "https://maps.app.goo.gl/...",
|
||||
},
|
||||
text: "Como chegar", href: "https://maps.app.goo.gl/..."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384787.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384787.jpg"
|
||||
imageAlt="Fachada da 200 Material de Construção"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg",
|
||||
alt: "Equipe na loja",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg", alt: "Equipe na loja"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg",
|
||||
alt: "Atendimento",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg", alt: "Atendimento"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384797.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384797.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-doing-his-job_23-2148968959.jpg",
|
||||
alt: "Equipe de vendas",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-doing-his-job_23-2148968959.jpg", alt: "Equipe de vendas"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg",
|
||||
alt: "Ambiente loja",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg", alt: "Ambiente loja"},
|
||||
]}
|
||||
avatarText="Mais de 10 mil clientes atendidos"
|
||||
/>
|
||||
@@ -101,19 +79,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Anos de Confiança",
|
||||
value: "Referência",
|
||||
},
|
||||
label: "Anos de Confiança", value: "Referência"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Atendimento",
|
||||
value: "Humanizado",
|
||||
},
|
||||
label: "Atendimento", value: "Humanizado"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Variedade",
|
||||
value: "Completa",
|
||||
},
|
||||
label: "Variedade", value: "Completa"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,55 +98,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Atendimento de Confiança",
|
||||
description: "Equipe preparada para tirar dúvidas e ajudar na escolha dos materiais.",
|
||||
icon: Headphones,
|
||||
title: "Atendimento de Confiança", description: "Equipe preparada para tirar dúvidas e ajudar na escolha dos materiais.", icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-working-storehouse-inventory_482257-108883.jpg",
|
||||
imageAlt: "Atendimento",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-working-storehouse-inventory_482257-108883.jpg", imageAlt: "Atendimento"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-female-sales-person-car-show-room_1303-17083.jpg",
|
||||
imageAlt: "Equipe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-female-sales-person-car-show-room_1303-17083.jpg", imageAlt: "Equipe"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384787.jpg?_wi=2",
|
||||
imageAlt: "equipe atendimento loja construção",
|
||||
},
|
||||
{
|
||||
title: "Variedade Completa",
|
||||
description: "Do básico ao acabamento, o que você precisa encontra aqui.",
|
||||
icon: ShoppingBag,
|
||||
title: "Variedade Completa", description: "Do básico ao acabamento, o que você precisa encontra aqui.", icon: ShoppingBag,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pallets-with-stacked-gray-paving-slabs-selective-focus-stack-paving-slabs-warehouse-road-repair-finished-tile-sale-space-text_166373-5239.jpg",
|
||||
imageAlt: "Básico",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pallets-with-stacked-gray-paving-slabs-selective-focus-stack-paving-slabs-warehouse-road-repair-finished-tile-sale-space-text_166373-5239.jpg", imageAlt: "Básico"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg",
|
||||
imageAlt: "Acabamento",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg", imageAlt: "Acabamento"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576377.jpg?_wi=1",
|
||||
imageAlt: "equipe atendimento loja construção",
|
||||
},
|
||||
{
|
||||
title: "Localização Estratégica",
|
||||
description: "Estamos no Alto do Rio Bonito para servir toda Vassouras.",
|
||||
icon: MapPin,
|
||||
title: "Localização Estratégica", description: "Estamos no Alto do Rio Bonito para servir toda Vassouras.", icon: MapPin,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workman-store-house-orange-helmet_1303-28084.jpg",
|
||||
imageAlt: "Loja",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workman-store-house-orange-helmet_1303-28084.jpg", imageAlt: "Loja"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-doing-his-job-woodshop_23-2148970815.jpg",
|
||||
imageAlt: "Loja",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-doing-his-job-woodshop_23-2148970815.jpg", imageAlt: "Loja"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg?_wi=1",
|
||||
imageAlt: "equipe atendimento loja construção",
|
||||
},
|
||||
]}
|
||||
title="Por que escolher a 200 Material?"
|
||||
@@ -190,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cimento e Massa",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384858.jpg",
|
||||
},
|
||||
id: "1", name: "Cimento e Massa", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384858.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ferramentas",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576377.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Ferramentas", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576377.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Acabamento",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg",
|
||||
},
|
||||
id: "3", name: "Acabamento", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elétrica",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Elétrica", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/electric-router-used-cutting-wood-carpentry-studio-panning-shot_482257-94262.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hidráulica",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062941.jpg",
|
||||
},
|
||||
id: "5", name: "Hidráulica", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062941.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tintas",
|
||||
price: "Consulte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-construction-tools-as-paint-brush-roller-safety-helmet-pipe-wrench-putty-knife-white-background_141793-14212.jpg",
|
||||
},
|
||||
id: "6", name: "Tintas", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-construction-tools-as-paint-brush-roller-safety-helmet-pipe-wrench-putty-knife-white-background_141793-14212.jpg"},
|
||||
]}
|
||||
title="Categorias de Produtos"
|
||||
description="Soluções completas para todas as etapas da sua obra."
|
||||
@@ -238,23 +162,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Home,
|
||||
title: "Pessoas Reformando",
|
||||
value: "Apoio total",
|
||||
},
|
||||
id: "1", icon: Home,
|
||||
title: "Pessoas Reformando", value: "Apoio total"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Building2,
|
||||
title: "Profissionais",
|
||||
value: "Parceria",
|
||||
},
|
||||
id: "2", icon: Building2,
|
||||
title: "Profissionais", value: "Parceria"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Building,
|
||||
title: "Grandes Obras",
|
||||
value: "Eficiência",
|
||||
},
|
||||
id: "3", icon: Building,
|
||||
title: "Grandes Obras", value: "Eficiência"},
|
||||
]}
|
||||
title="Quem nós atendemos"
|
||||
description="Prontos para atender desde pequenas reformas até grandes construções."
|
||||
@@ -267,45 +182,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente",
|
||||
quote: "Loja honesta, produtos adequados e ótimo preço.",
|
||||
name: "João Silva",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-architect-woman-wearing-safety-helmet-pink-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-8896.jpg",
|
||||
},
|
||||
id: "1", title: "Excelente", quote: "Loja honesta, produtos adequados e ótimo preço.", name: "João Silva", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-architect-woman-wearing-safety-helmet-pink-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-8896.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Recomendo",
|
||||
quote: "Ótima loja para comprar tudo para obra.",
|
||||
name: "Maria Souza",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-installing-lamp_23-2147782381.jpg",
|
||||
},
|
||||
id: "2", title: "Recomendo", quote: "Ótima loja para comprar tudo para obra.", name: "Maria Souza", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-installing-lamp_23-2147782381.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Atendimento top",
|
||||
quote: "Atendimento muito especial e respeitoso.",
|
||||
name: "Carlos Lima",
|
||||
role: "Construtor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-holding-gift-box-uniform-looking-cheerful-front-view_176474-21289.jpg",
|
||||
},
|
||||
id: "3", title: "Atendimento top", quote: "Atendimento muito especial e respeitoso.", name: "Carlos Lima", role: "Construtor", imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-holding-gift-box-uniform-looking-cheerful-front-view_176474-21289.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Satisfeita",
|
||||
quote: "Preço justo e muita variedade.",
|
||||
name: "Ana Oliveira",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162264.jpg",
|
||||
},
|
||||
id: "4", title: "Satisfeita", quote: "Preço justo e muita variedade.", name: "Ana Oliveira", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162264.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Nota 10",
|
||||
quote: "Sempre encontro o que preciso na hora.",
|
||||
name: "Pedro Costa",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-brick_1187-814.jpg",
|
||||
},
|
||||
id: "5", title: "Nota 10", quote: "Sempre encontro o que preciso na hora.", name: "Pedro Costa", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-brick_1187-814.jpg"},
|
||||
]}
|
||||
title="O que dizem os clientes"
|
||||
description="Nossa reputação é construída pela satisfação de quem confia em nosso trabalho."
|
||||
@@ -316,16 +201,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Entre em contato"
|
||||
title="Precisa de materiais para sua obra?"
|
||||
description="Fale com a equipe da 200 Material de Construção pelo WhatsApp. Atendimento ágil e prático."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conversar no WhatsApp",
|
||||
href: "https://wa.me/552424716851",
|
||||
},
|
||||
text: "Conversar no WhatsApp", href: "https://wa.me/552424716851"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,42 +218,27 @@ export default function LandingPage() {
|
||||
logoText="200 Material de Construção"
|
||||
columns={[
|
||||
{
|
||||
title: "Endereço",
|
||||
items: [
|
||||
title: "Endereço", items: [
|
||||
{
|
||||
label: "Av. Pref. Henrique Borges Filho, 210, Vassouras - RJ",
|
||||
href: "#",
|
||||
},
|
||||
label: "Av. Pref. Henrique Borges Filho, 210, Vassouras - RJ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
title: "Contato", items: [
|
||||
{
|
||||
label: "(24) 2471-6851",
|
||||
href: "tel:+552424716851",
|
||||
},
|
||||
label: "(24) 2471-6851", href: "tel:+552424716851"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/552424716851",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/552424716851"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horários",
|
||||
items: [
|
||||
title: "Horários", items: [
|
||||
{
|
||||
label: "Seg-Sex: 07:00 - 18:30",
|
||||
href: "#",
|
||||
},
|
||||
label: "Seg-Sex: 07:00 - 18:30", href: "#"},
|
||||
{
|
||||
label: "Sáb: 07:00 - 14:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sáb: 07:00 - 14:00", href: "#"},
|
||||
{
|
||||
label: "Dom: 07:00 - 12:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dom: 07:00 - 12:00", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user