|
|
|
|
@@ -26,7 +26,7 @@ export default function LandingPage() {
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
brandName="Oficina do Avó"
|
|
|
|
|
brandName="JCSHOPCAR"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Início", id: "hero" },
|
|
|
|
|
{ name: "Sobre", id: "about" },
|
|
|
|
|
@@ -40,7 +40,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardDashboard
|
|
|
|
|
title="Bem-vindo à Oficina do Avó"
|
|
|
|
|
title="Bem-vindo à JCSHOPCAR"
|
|
|
|
|
description="Sua oficina de confiança com mais de 30 anos de experiência em consertos automotivos. Oferecemos serviços de qualidade com preços justos."
|
|
|
|
|
tag="Oficina Familiar"
|
|
|
|
|
tagIcon={Wrench}
|
|
|
|
|
@@ -63,16 +63,13 @@ export default function LandingPage() {
|
|
|
|
|
stats: [
|
|
|
|
|
{
|
|
|
|
|
title: "Anos de Experiência", values: [30, 32, 35],
|
|
|
|
|
description: "Confiabilidade comprovada."
|
|
|
|
|
},
|
|
|
|
|
description: "Confiabilidade comprovada."},
|
|
|
|
|
{
|
|
|
|
|
title: "Clientes Satisfeitos", values: [1500, 1800, 2000],
|
|
|
|
|
description: "Reputação sólida."
|
|
|
|
|
},
|
|
|
|
|
description: "Reputação sólida."},
|
|
|
|
|
{
|
|
|
|
|
title: "Serviços Oferecidos", values: [10, 12, 15],
|
|
|
|
|
description: "Completa gama de soluções."
|
|
|
|
|
},
|
|
|
|
|
description: "Completa gama de soluções."},
|
|
|
|
|
],
|
|
|
|
|
chartTitle: "Satisfação de Clientes", chartData: [
|
|
|
|
|
{ value: 95 },
|
|
|
|
|
@@ -86,8 +83,7 @@ export default function LandingPage() {
|
|
|
|
|
{ icon: Zap, title: "Manutenção de Freios", status: "Concluído" },
|
|
|
|
|
{ icon: CheckCircle, title: "Alinhamento de Direção", status: "Concluído" },
|
|
|
|
|
],
|
|
|
|
|
searchPlaceholder: "Buscar serviço..."
|
|
|
|
|
}}
|
|
|
|
|
searchPlaceholder: "Buscar serviço..."}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -96,10 +92,10 @@ export default function LandingPage() {
|
|
|
|
|
tag="Nossa História"
|
|
|
|
|
tagIcon={History}
|
|
|
|
|
title="Tradição e Excelência em Manutenção Automotiva"
|
|
|
|
|
description="A Oficina do Avó nasceu da paixão por automóveis e da dedicação em oferecer serviços honestos e de qualidade. Durante três décadas, construímos relacionamentos duradouros com nossos clientes através de profissionalismo, integridade e excelência técnica. Cada carro que passa por nossa oficina recebe o mesmo cuidado e atenção que dedicaríamos aos nossos próprios veículos."
|
|
|
|
|
description="A JCSHOPCAR nasceu da paixão por automóveis e da dedicação em oferecer serviços honestos e de qualidade. Durante três décadas, construímos relacionamentos duradouros com nossos clientes através de profissionalismo, integridade e excelência técnica. Cada carro que passa por nossa oficina recebe o mesmo cuidado e atenção que dedicaríamos aos nossos próprios veículos."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ value: "30+", title: "Anos de Tradição" },
|
|
|
|
|
{ value: "2000+", title: "Clientes Satisfeitos" },
|
|
|
|
|
{ value: "40+", title: "Anos de Tradição" },
|
|
|
|
|
{ value: "5000+", title: "Clientes Satisfeitos" },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg"
|
|
|
|
|
imageAlt="Interior da oficina com equipamentos profissionais"
|
|
|
|
|
@@ -120,41 +116,41 @@ export default function LandingPage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Conserto de Motor", description: "Diagnóstico e reparo completo de motores com peças originais ou equivalentes de qualidade.", bentoComponent: "icon-info-cards", items: [
|
|
|
|
|
title: "Conserto de Motor", description: "Diagnóstico e reparo completo de motores com peças originais ou equivalentes de qualidade.", bentoComponent: "icon-info-cards", button: { text: "Agendar Agora", href: "#contact" },
|
|
|
|
|
items: [
|
|
|
|
|
{ icon: Wrench, label: "Diagnóstico", value: "Preciso" },
|
|
|
|
|
{ icon: Zap, label: "Reparos", value: "Rápido" },
|
|
|
|
|
{ icon: CheckCircle, label: "Garantia", value: "90 dias" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Manutenção Preventiva", description: "Revisões e manutenção regular para evitar problemas futuros e prolongar a vida útil do seu veículo.", bentoComponent: "timeline", heading: "Cronograma de Manutenção", subheading: "Mantenha seu carro em perfeito estado", items: [
|
|
|
|
|
title: "Manutenção Preventiva", description: "Revisões e manutenção regular para evitar problemas futuros e prolongar a vida útil do seu veículo.", bentoComponent: "timeline", button: { text: "Agendar Agora", href: "#contact" },
|
|
|
|
|
heading: "Cronograma de Manutenção", subheading: "Mantenha seu carro em perfeito estado", items: [
|
|
|
|
|
{ label: "Troca de Óleo", detail: "A cada 5.000 km" },
|
|
|
|
|
{ label: "Filtros", detail: "A cada 10.000 km" },
|
|
|
|
|
{ label: "Revisão Completa", detail: "Anualmente" },
|
|
|
|
|
],
|
|
|
|
|
completedLabel: "Manutenção em Dia"
|
|
|
|
|
completedLabel: "Manutenção em Dia"},
|
|
|
|
|
{
|
|
|
|
|
title: "Alinhamento e Balanceamento", description: "Equipamento moderno para alinhamento de direção e balanceamento de rodas com precisão.", bentoComponent: "animated-bar-chart", button: { text: "Agendar Agora", href: "#contact" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Alinhamento e Balanceamento", description: "Equipamento moderno para alinhamento de direção e balanceamento de rodas com precisão.", bentoComponent: "animated-bar-chart"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Sistema de Freios", description: "Inspeção e manutenção completa do sistema de freios para sua segurança.", bentoComponent: "3d-stack-cards", items: [
|
|
|
|
|
title: "Sistema de Freios", description: "Inspeção e manutenção completa do sistema de freios para sua segurança.", bentoComponent: "3d-stack-cards", button: { text: "Agendar Agora", href: "#contact" },
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
icon: AlertCircle,
|
|
|
|
|
title: "Pastilhas", subtitle: "Desgaste controlado", detail: "Troca preventiva"
|
|
|
|
|
},
|
|
|
|
|
title: "Pastilhas", subtitle: "Desgaste controlado", detail: "Troca preventiva"},
|
|
|
|
|
{
|
|
|
|
|
icon: CheckCircle,
|
|
|
|
|
title: "Discos", subtitle: "Verificação profunda", detail: "Resurfacing se necessário"
|
|
|
|
|
},
|
|
|
|
|
title: "Discos", subtitle: "Verificação profunda", detail: "Resurfacing se necessário"},
|
|
|
|
|
{
|
|
|
|
|
icon: Zap,
|
|
|
|
|
title: "Fluido", subtitle: "Pressão ideal", detail: "Troca periódica"
|
|
|
|
|
},
|
|
|
|
|
title: "Fluido", subtitle: "Pressão ideal", detail: "Troca periódica"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Eletricidade Automotiva", description: "Diagnóstico e reparos de sistemas elétricos, bateria e alternador.", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
|
|
|
|
title: "Eletricidade Automotiva", description: "Diagnóstico e reparos de sistemas elétricos, bateria e alternador.", bentoComponent: "orbiting-icons", button: { text: "Agendar Agora", href: "#contact" },
|
|
|
|
|
centerIcon: Zap,
|
|
|
|
|
items: [
|
|
|
|
|
{ icon: Battery, ring: 1 },
|
|
|
|
|
{ icon: Power, ring: 2 },
|
|
|
|
|
@@ -195,23 +191,17 @@ export default function LandingPage() {
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Qual é o horário de funcionamento?", content: "Funcionamos de segunda a sexta-feira das 7h às 18h, e aos sábados das 7h às 13h. Estamos fechados aos domingos. Agendamentos devem ser feitos com antecedência."
|
|
|
|
|
},
|
|
|
|
|
id: "1", title: "Qual é o horário de funcionamento?", content: "Funcionamos de segunda a sexta-feira das 7h às 18h. Estamos fechados aos sábados e domingos. Agendamentos devem ser feitos com antecedência."},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Vocês usam peças originais?", content: "Utilizamos peças originais ou equivalentes de qualidade certificada. Para cada serviço, informamos as opções disponíveis e o cliente escolhe a melhor para seu orçamento."
|
|
|
|
|
},
|
|
|
|
|
id: "2", title: "Vocês usam peças originais?", content: "Utilizamos peças originais ou equivalentes de qualidade certificada. Para cada serviço, informamos as opções disponíveis e o cliente escolhe a melhor para seu orçamento."},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Qual é a garantia dos serviços?", content: "Oferecemos garantia de 90 dias para peças instaladas e 30 dias para serviços de manutenção. Para garantia estendida, consulte nossos consultores."
|
|
|
|
|
},
|
|
|
|
|
id: "3", title: "Qual é a garantia dos serviços?", content: "Oferecemos garantia de 90 dias para peças instaladas e 30 dias para serviços de manutenção. Para garantia estendida, consulte nossos consultores."},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Como faço para agendar um serviço?", content: "Você pode agendar pelos telefones (11) 9999-9999 ou (11) 3333-3333, através do nosso formulário de contato online, ou visitando pessoalmente nossa oficina."
|
|
|
|
|
},
|
|
|
|
|
id: "4", title: "Como faço para agendar um serviço?", content: "Você pode agendar pelos telefones (11) 9999-9999 ou (11) 3333-3333, através do nosso formulário de contato online, ou visitando pessoalmente nossa oficina."},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "Vocês oferecem serviço de abordagem?", content: "Sim! Oferecemos serviço de abordagem (retirada e devolução de seu veículo) para clientes da região. Consulte-nos sobre disponibilidade."
|
|
|
|
|
},
|
|
|
|
|
id: "5", title: "Vocês oferecem serviço de abordagem?", content: "Sim! Oferecemos serviço de abordagem (retirada e devolução de seu veículo) para clientes da região. Consulte-nos sobre disponibilidade."},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Qual é a localização da oficina?", content: "Estamos localizado na Rua das Ferramentas, 500 - Centro. Temos estacionamento amplo e fácil acesso. Veja nosso mapa para indicações."
|
|
|
|
|
},
|
|
|
|
|
id: "6", title: "Qual é a localização da oficina?", content: "Estamos localizado na Rua das Ferramentas, 500 - Centro. Temos estacionamento amplo e fácil acesso. Veja nosso mapa para indicações."},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -238,7 +228,7 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
title: "Contato", items: [
|
|
|
|
|
{ label: "Telefone: (11) 9999-9999", href: "tel:+5511999999999" },
|
|
|
|
|
{ label: "Email: contato@oficina.com.br", href: "mailto:contato@oficina.com.br" },
|
|
|
|
|
{ label: "Email: contato@jcshopcar.com.br", href: "mailto:contato@jcshopcar.com.br" },
|
|
|
|
|
{ label: "Endereço", href: "#contact" },
|
|
|
|
|
{ label: "Agendar Serviço", href: "#contact" },
|
|
|
|
|
],
|
|
|
|
|
@@ -252,7 +242,7 @@ export default function LandingPage() {
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2025 Oficina do Avó. Todos os direitos reservados."
|
|
|
|
|
bottomLeftText="© 2025 JCSHOPCAR. Todos os direitos reservados."
|
|
|
|
|
bottomRightText="Desenvolvido com ❤️ para sua confiança"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
