Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -33,112 +33,67 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "#sobre",
|
||||
},
|
||||
name: "Sobre Nós", id: "#sobre"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "#servicos",
|
||||
},
|
||||
name: "Serviços", id: "#servicos"},
|
||||
{
|
||||
name: "Resultados",
|
||||
id: "#resultados",
|
||||
},
|
||||
name: "Resultados", id: "#resultados"},
|
||||
{
|
||||
name: "Equipe",
|
||||
id: "#equipe",
|
||||
},
|
||||
name: "Equipe", id: "#equipe"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "#depoimentos",
|
||||
},
|
||||
name: "Depoimentos", id: "#depoimentos"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contato",
|
||||
},
|
||||
name: "Contato", id: "#contato"},
|
||||
]}
|
||||
brandName="AUTO MECÂNICA MARQUINHO"
|
||||
button={{
|
||||
text: "Agendar pelo WhatsApp",
|
||||
href: "https://wa.me/5516999999999",
|
||||
}}
|
||||
text: "Agendar pelo WhatsApp", href: "https://wa.me/5516999999999"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Seu carro em boas mãos — rápido, honesto e com garantia"
|
||||
description="Mecânicos experientes, orçamento transparente e atendimento que respeita seu tempo. Confie em quem cuida do seu veículo como se fosse seu."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
alt: "Cliente satisfeito 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg", alt: "Cliente satisfeito 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg",
|
||||
alt: "Cliente satisfeito 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg", alt: "Cliente satisfeito 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/angry-tensed-businessman-wants-kill-someone-clenching-hands-teeth-looking-mad-camera-g_1258-158520.jpg",
|
||||
alt: "Cliente satisfeito 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/angry-tensed-businessman-wants-kill-someone-clenching-hands-teeth-looking-mad-camera-g_1258-158520.jpg", alt: "Cliente satisfeito 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-back-bag-stands-sideways-looking-camera-green-with-copy-space_141793-62722.jpg",
|
||||
alt: "Cliente satisfeito 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-back-bag-stands-sideways-looking-camera-green-with-copy-space_141793-62722.jpg", alt: "Cliente satisfeito 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mechanic-talking-phone-while-using-computer-auto-repair-shop_637285-9342.jpg",
|
||||
alt: "Cliente satisfeito 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mechanic-talking-phone-while-using-computer-auto-repair-shop_637285-9342.jpg", alt: "Cliente satisfeito 5"},
|
||||
]}
|
||||
avatarText="+1.000 clientes satisfeitos em Ribeirão Preto!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar pelo WhatsApp",
|
||||
href: "https://wa.me/5516999999999",
|
||||
},
|
||||
text: "Agendar pelo WhatsApp", href: "https://wa.me/5516999999999"},
|
||||
{
|
||||
text: "Ver nossos serviços",
|
||||
href: "#servicos",
|
||||
},
|
||||
text: "Ver nossos serviços", href: "#servicos"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Revisão de Motor Completa",
|
||||
},
|
||||
type: "text", text: "Revisão de Motor Completa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alinhamento e Balanceamento",
|
||||
},
|
||||
type: "text", text: "Alinhamento e Balanceamento"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnóstico Preciso",
|
||||
},
|
||||
type: "text", text: "Diagnóstico Preciso"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freios e Suspensão",
|
||||
},
|
||||
type: "text", text: "Freios e Suspensão"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Troca de Óleo e Filtros",
|
||||
},
|
||||
type: "text", text: "Troca de Óleo e Filtros"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Manutenção Preventiva",
|
||||
},
|
||||
type: "text", text: "Manutenção Preventiva"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,31 +102,22 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experiência e Confiança em Manutenção Automotiva"
|
||||
description="Na AUTO MECÂNICA MARQUINHO, combinamos tradição e inovação para oferecer o melhor serviço de Ribeirão Preto. Nossa equipe de especialistas é dedicada a proporcionar um atendimento transparente, eficiente e com a garantia que seu veículo merece. Seu carro é cuidado como se fosse nosso."
|
||||
// description="Na AUTO MECÂNICA MARQUINHO, combinamos tradição e inovação para oferecer o melhor serviço de Ribeirão Preto. Nossa equipe de especialistas é dedicada a proporcionar um atendimento transparente, eficiente e com a garantia que seu veículo merece. Seu carro é cuidado como se fosse nosso."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servicos" data-section="servicos">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Diagnósticos Incorretos",
|
||||
"Reparos Demorados",
|
||||
"Preços Abusivos",
|
||||
"Falta de Transparência",
|
||||
"Peças de Baixa Qualidade",
|
||||
],
|
||||
"Diagnósticos Incorretos", "Reparos Demorados", "Preços Abusivos", "Falta de Transparência", "Peças de Baixa Qualidade"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Diagnóstico Preciso",
|
||||
"Serviço Rápido e Eficiente",
|
||||
"Preço Justo e Transparente",
|
||||
"Comunicação Clara",
|
||||
"Peças de Alta Qualidade",
|
||||
],
|
||||
"Diagnóstico Preciso", "Serviço Rápido e Eficiente", "Preço Justo e Transparente", "Comunicação Clara", "Peças de Alta Qualidade"],
|
||||
}}
|
||||
title="O que nos diferencia: a solução para os problemas do seu carro"
|
||||
description="Oferecemos soluções completas e transparentes para os desafios mais comuns da manutenção veicular."
|
||||
@@ -186,20 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Anos de Experiência",
|
||||
},
|
||||
id: "m1", value: "20+", description: "Anos de Experiência"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "De Satisfação do Cliente",
|
||||
},
|
||||
id: "m2", value: "98%", description: "De Satisfação do Cliente"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
description: "Carros Atendidos Anualmente",
|
||||
},
|
||||
id: "m3", value: "1000+", description: "Carros Atendidos Anualmente"},
|
||||
]}
|
||||
title="Nossos Números Falam Por Si"
|
||||
description="Resultados que comprovam nosso compromisso com a excelência e a satisfação do cliente."
|
||||
@@ -214,26 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marquinho Silva",
|
||||
role: "Mecânico Chefe & Fundador",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",
|
||||
imageAlt: "Marquinho Silva",
|
||||
},
|
||||
id: "t1", name: "Marquinho Silva", role: "Mecânico Chefe & Fundador", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg", imageAlt: "Marquinho Silva"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Camila Almeida",
|
||||
role: "Especialista em Elétrica",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1519.jpg",
|
||||
imageAlt: "Camila Almeida",
|
||||
},
|
||||
id: "t2", name: "Camila Almeida", role: "Especialista em Elétrica", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1519.jpg", imageAlt: "Camila Almeida"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Roberto Santos",
|
||||
role: "Técnico em Suspensão",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1630.jpg",
|
||||
imageAlt: "Roberto Santos",
|
||||
},
|
||||
id: "t3", name: "Roberto Santos", role: "Técnico em Suspensão", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1630.jpg", imageAlt: "Roberto Santos"},
|
||||
]}
|
||||
title="Conheça Nossa Equipe de Especialistas"
|
||||
description="Nossos mecânicos são altamente qualificados e apaixonados por carros, garantindo o melhor cuidado para seu veículo."
|
||||
@@ -247,45 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "João Pereira",
|
||||
handle: "@joaopereira",
|
||||
testimonial: "Serviço impecável! Meu carro ficou novo e o atendimento foi super atencioso. Recomendo a todos em Ribeirão Preto!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",
|
||||
imageAlt: "João Pereira",
|
||||
},
|
||||
id: "ts1", name: "João Pereira", handle: "@joaopereira", testimonial: "Serviço impecável! Meu carro ficou novo e o atendimento foi super atencioso. Recomendo a todos em Ribeirão Preto!", imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg", imageAlt: "João Pereira"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Maria Lúcia",
|
||||
handle: "@marialucia_f",
|
||||
testimonial: "Sempre confio na Mecânica Marquinho para os carros da minha frota. Pontualidade e transparência são diferenciais.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-smiling-white-wall-work-job-office-female-business-meeting_140725-65028.jpg",
|
||||
imageAlt: "Maria Lúcia",
|
||||
},
|
||||
id: "ts2", name: "Maria Lúcia", handle: "@marialucia_f", testimonial: "Sempre confio na Mecânica Marquinho para os carros da minha frota. Pontualidade e transparência são diferenciais.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-smiling-white-wall-work-job-office-female-business-meeting_140725-65028.jpg", imageAlt: "Maria Lúcia"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Carlos Eduardo",
|
||||
handle: "@carlose.santos",
|
||||
testimonial: "Orçamento claro e sem surpresas! Fiquei muito satisfeito com a rapidez e a qualidade do reparo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
|
||||
imageAlt: "Carlos Eduardo",
|
||||
},
|
||||
id: "ts3", name: "Carlos Eduardo", handle: "@carlose.santos", testimonial: "Orçamento claro e sem surpresas! Fiquei muito satisfeito com a rapidez e a qualidade do reparo.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", imageAlt: "Carlos Eduardo"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Ana Paula",
|
||||
handle: "@anapaulablog",
|
||||
testimonial: "Meus amigos indicaram e não me arrependi. Atendimento excelente e meu carro nunca esteve tão bem cuidado!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg",
|
||||
imageAlt: "Ana Paula",
|
||||
},
|
||||
id: "ts4", name: "Ana Paula", handle: "@anapaulablog", testimonial: "Meus amigos indicaram e não me arrependi. Atendimento excelente e meu carro nunca esteve tão bem cuidado!", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg", imageAlt: "Ana Paula"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Fernando & Laura",
|
||||
handle: "@ferlaura_rp",
|
||||
testimonial: "Sempre levamos os dois carros aqui. A confiança que a equipe passa é fundamental para nós. Nota 10!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-man-dressed-white-tshirts-smiling-taking-selfie-portrait-cheerful-curly-girl-darkskinned-girl-tee-posing-pink-background_197531-27684.jpg",
|
||||
imageAlt: "Fernando e Laura",
|
||||
},
|
||||
id: "ts5", name: "Fernando & Laura", handle: "@ferlaura_rp", testimonial: "Sempre levamos os dois carros aqui. A confiança que a equipe passa é fundamental para nós. Nota 10!", imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-man-dressed-white-tshirts-smiling-taking-selfie-portrait-cheerful-curly-girl-darkskinned-girl-tee-posing-pink-background_197531-27684.jpg", imageAlt: "Fernando e Laura"},
|
||||
]}
|
||||
title="O Que Nossos Clientes Dizem"
|
||||
description="A satisfação dos nossos clientes é a nossa maior recompensa. Veja o que eles têm a dizer sobre a AUTO MECÂNICA MARQUINHO."
|
||||
@@ -298,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quais serviços a Mecânica Marquinho oferece?",
|
||||
content: "Oferecemos uma gama completa de serviços, incluindo troca de óleo, manutenção de freios, suspensão, motor, injeção eletrônica e diagnósticos completos.",
|
||||
},
|
||||
id: "f1", title: "Quais serviços a Mecânica Marquinho oferece?", content: "Oferecemos uma gama completa de serviços, incluindo troca de óleo, manutenção de freios, suspensão, motor, injeção eletrônica e diagnósticos completos."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como posso agendar um serviço?",
|
||||
content: "Você pode agendar facilmente pelo nosso WhatsApp, ligando para nós ou preenchendo o formulário de contato em nosso site.",
|
||||
},
|
||||
id: "f2", title: "Como posso agendar um serviço?", content: "Você pode agendar facilmente pelo nosso WhatsApp, ligando para nós ou preenchendo o formulário de contato em nosso site."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Vocês trabalham com todas as marcas de veículos?",
|
||||
content: "Sim, nossa equipe é especializada e treinada para trabalhar com diversas marcas e modelos de veículos, nacionais e importados.",
|
||||
},
|
||||
id: "f3", title: "Vocês trabalham com todas as marcas de veículos?", content: "Sim, nossa equipe é especializada e treinada para trabalhar com diversas marcas e modelos de veículos, nacionais e importados."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Os serviços têm garantia? ",
|
||||
content: "Sim, todos os nossos serviços e peças utilizadas contam com garantia, proporcionando total segurança e tranquilidade para você.",
|
||||
},
|
||||
id: "f4", title: "Os serviços têm garantia? ", content: "Sim, todos os nossos serviços e peças utilizadas contam com garantia, proporcionando total segurança e tranquilidade para você."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Qual a localização da Mecânica Marquinho em Ribeirão Preto?",
|
||||
content: "Estamos localizados na [Endereço Fictício], no coração de Ribeirão Preto, com fácil acesso para todos os bairros.",
|
||||
},
|
||||
id: "f5", title: "Qual a localização da Mecânica Marquinho em Ribeirão Preto?", content: "Estamos localizados na [Endereço Fictício], no coração de Ribeirão Preto, com fácil acesso para todos os bairros."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Encontre respostas para as dúvidas mais comuns sobre nossos serviços e atendimento."
|
||||
@@ -333,18 +210,12 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contato Rápido"
|
||||
title="Fale Conosco Pelo WhatsApp"
|
||||
description="Entre em contato agora para agendar um serviço ou tirar suas dúvidas. Estamos prontos para ajudar o seu veículo!"
|
||||
tagIcon={MessageSquare}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar via WhatsApp",
|
||||
href: "https://wa.me/5516999999999",
|
||||
},
|
||||
]}
|
||||
buttonText="Agendar via WhatsApp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,62 +223,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Serviços",
|
||||
items: [
|
||||
title: "Serviços", items: [
|
||||
{
|
||||
label: "Manutenção Geral",
|
||||
href: "#servicos",
|
||||
},
|
||||
label: "Manutenção Geral", href: "#servicos"},
|
||||
{
|
||||
label: "Troca de Óleo",
|
||||
href: "#servicos",
|
||||
},
|
||||
label: "Troca de Óleo", href: "#servicos"},
|
||||
{
|
||||
label: "Freios e Suspensão",
|
||||
href: "#servicos",
|
||||
},
|
||||
label: "Freios e Suspensão", href: "#servicos"},
|
||||
{
|
||||
label: "Injeção Eletrônica",
|
||||
href: "#servicos",
|
||||
},
|
||||
label: "Injeção Eletrônica", href: "#servicos"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#sobre",
|
||||
},
|
||||
label: "Sobre Nós", href: "#sobre"},
|
||||
{
|
||||
label: "Nossa Equipe",
|
||||
href: "#equipe",
|
||||
},
|
||||
label: "Nossa Equipe", href: "#equipe"},
|
||||
{
|
||||
label: "Depoimentos",
|
||||
href: "#depoimentos",
|
||||
},
|
||||
label: "Depoimentos", href: "#depoimentos"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
title: "Contato", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5516999999999",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/5516999999999"},
|
||||
{
|
||||
label: "Localização",
|
||||
href: "#contato",
|
||||
},
|
||||
label: "Localização", href: "#contato"},
|
||||
{
|
||||
label: "Trabalhe Conosco",
|
||||
href: "#",
|
||||
},
|
||||
label: "Trabalhe Conosco", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user