bender/ee81a7ca-2918-487f-9464-8877391893a2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 00:58:54 +00:00
parent eac92987dd
commit b31cfe6a3c
1 changed files with 31 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/app/page.tsx
View File

@@ -11,30 +11,6 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
const assetMap = [
{"id":"logo-primary","url":"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ug2md6","alt":"automotive workshop logo union"},
{"id":"hero-mechanic","url":"http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg","alt":"mechanic working on car engine"},
{"id":"avatar-1","url":"http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg","alt":"brazilian man casual portrait"},
{"id":"avatar-2","url":"http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg","alt":"brazilian woman professional photo"},
{"id":"avatar-3","url":"http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg","alt":"brazilian senior man friendly"},
{"id":"avatar-4","url":"http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388775.jpg","alt":"brazilian young woman cheerful"},
{"id":"avatar-5","url":"http://img.b2bpic.net/free-photo/man-listening-music-business-meeting_23-2148746263.jpg","alt":"brazilian mechanic portrait"},
{"id":"about-workshop","url":"http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg","alt":"clean automotive workshop interior"},
{"id":"feature-oil","url":"http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg","alt":"mechanic changing car oil filter"},
{"id":"feature-brake","url":"http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11844.jpg","alt":"mechanic inspecting car brakes"},
{"id":"feature-alignment","url":"http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg","alt":"car wheel alignment machine"},
{"id":"testimonial-1","url":"http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg","alt":"happy customer at car workshop"},
{"id":"testimonial-2","url":"http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440264.jpg","alt":"woman smiling at automotive shop"},
{"id":"testimonial-3","url":"http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg","alt":"senior man trusting mechanic"},
{"id":"testimonial-4","url":"http://img.b2bpic.net/free-photo/medium-shot-smiley-people-desk_23-2149097926.jpg","alt":"young professional car owner"},
{"id":"testimonial-5","url":"http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-female-car-mechanic-repair-shop_637285-7764.jpg","alt":"first-time customer happy car service"},
{"id":"testimonial-6","url":"http://img.b2bpic.net/free-photo/african-american-guy-looking-blonde-client-holding-tablet_74855-8793.jpg","alt":"local resident satisfied car repair"},
{"id":"contact-whatsapp","url":"http://img.b2bpic.net/free-photo/speech-bubble-contacts-communication-connection_53876-120176.jpg","alt":"smartphone with whatsapp chat"}
];
const getAssetUrl = (id) => assetMap.find((asset) => asset.id === id)?.url || "";
const getAssetAlt = (id) => assetMap.find((asset) => asset.id === id)?.alt || "";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -62,8 +38,8 @@ export default function LandingPage() {
button={{ button={{
text: "WhatsApp", href: "https://wa.me/5574999999999" text: "WhatsApp", href: "https://wa.me/5574999999999"
}} }}
logoSrc={getAssetUrl("logo-primary")} logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ug2md6"
logoAlt={getAssetAlt("logo-primary")} logoAlt="automotive workshop logo union"
/> />
</div> </div>
<div id="hero" data-section="hero" className="min-h-[calc(100vh-var(--navbar-height))] md:min-h-[calc(80vh-var(--navbar-height))] lg:min-h-[calc(85vh-var(--navbar-height))]" > <div id="hero" data-section="hero" className="min-h-[calc(100vh-var(--navbar-height))] md:min-h-[calc(80vh-var(--navbar-height))] lg:min-h-[calc(85vh-var(--navbar-height))]" >
@@ -74,22 +50,22 @@ export default function LandingPage() {
{ text: "Pedir orçamento no WhatsApp", href: "https://wa.me/5574999999999" } { text: "Pedir orçamento no WhatsApp", href: "https://wa.me/5574999999999" }
]} ]}
testimonials={[ testimonials={[
{ name: "João Silva", handle: "@joaosilva", testimonial: "Serviço impecável! Meu carro está novo de novo e o atendimento via WhatsApp é super prático. Recomendo a todos em Juazeiro.", rating: 5, imageSrc: getAssetUrl("avatar-1"), imageAlt: getAssetAlt("avatar-1") }, { name: "João Silva", handle: "@joaosilva", testimonial: "Serviço impecável! Meu carro está novo de novo e o atendimento via WhatsApp é super prático. Recomendo a todos em Juazeiro.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg", imageAlt: "brazilian man casual portrait" },
{ name: "Maria Souza", handle: "@mariasouza", testimonial: "Transparência total no orçamento e no serviço. Fui informada a cada passo e o preço foi justo. O melhor de Juazeiro!", rating: 5, imageSrc: getAssetUrl("avatar-2"), imageAlt: getAssetAlt("avatar-2") }, { name: "Maria Souza", handle: "@mariasouza", testimonial: "Transparência total no orçamento e no serviço. Fui informada a cada passo e o preço foi justo. O melhor de Juazeiro!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", imageAlt: "brazilian woman professional photo" },
{ name: "Carlos Lima", handle: "@carloslima", testimonial: "Confiança é tudo, e aqui eu encontro! Anos levando meus carros e nunca tive problemas. Equipe de ponta.", rating: 5, imageSrc: getAssetUrl("avatar-3"), imageAlt: getAssetAlt("avatar-3") }, { name: "Carlos Lima", handle: "@carloslima", testimonial: "Confiança é tudo, e aqui eu encontro! Anos levando meus carros e nunca tive problemas. Equipe de ponta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", imageAlt: "brazilian senior man friendly" },
{ name: "Ana Paula", handle: "@anapaula", testimonial: "Agilidade e eficiência, exatamente o que eu precisava. O orçamento via WhatsApp me poupou muito tempo. Cinco estrelas!", rating: 5, imageSrc: getAssetUrl("avatar-4"), imageAlt: getAssetAlt("avatar-4") }, { name: "Ana Paula", handle: "@anapaula", testimonial: "Agilidade e eficiência, exatamente o que eu precisava. O orçamento via WhatsApp me poupou muito tempo. Cinco estrelas!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388775.jpg", imageAlt: "brazilian young woman cheerful" },
{ name: "Roberto Costa", handle: "@robertocosta", testimonial: "Fui muito bem atendido e orientado. É minha primeira vez aqui e já virei cliente. Super profissionalismo.", rating: 5, imageSrc: getAssetUrl("avatar-5"), imageAlt: getAssetAlt("avatar-5") } { name: "Roberto Costa", handle: "@robertocosta", testimonial: "Fui muito bem atendido e orientado. É minha primeira vez aqui e já virei cliente. Super profissionalismo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-business-meeting_23-2148746263.jpg", imageAlt: "brazilian mechanic portrait" }
]} ]}
testimonialRotationInterval={5000} testimonialRotationInterval={5000}
avatars={[ avatars={[
{ src: getAssetUrl("avatar-1"), alt: getAssetAlt("avatar-1") }, { src: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg", alt: "brazilian man casual portrait" },
{ src: getAssetUrl("avatar-2"), alt: getAssetAlt("avatar-2") }, { src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", alt: "brazilian woman professional photo" },
{ src: getAssetUrl("avatar-3"), alt: getAssetAlt("avatar-3") }, { src: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", alt: "brazilian senior man friendly" },
{ src: getAssetUrl("avatar-4"), alt: getAssetAlt("avatar-4") } { src: "http://img.b2bpic.net/free-photo/woman-wearing-sundress_23-2150388775.jpg", alt: "brazilian young woman cheerful" }
]} ]}
avatarText="Confiança de centenas de clientes satisfeitos" avatarText="Confiança de centenas de clientes satisfeitos"
imageSrc={getAssetUrl("hero-mechanic")} imageSrc="http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg"
imageAlt={getAssetAlt("hero-mechanic")} imageAlt="mechanic working on car engine"
showBlur={true} showBlur={true}
textPosition="bottom" textPosition="bottom"
ariaLabel="Seu carro nas mãos de quem entende" ariaLabel="Seu carro nas mãos de quem entende"
@@ -101,8 +77,9 @@ export default function LandingPage() {
buttons={[ buttons={[
{ text: "Conheça Nossos Valores", href: "#features" } { text: "Conheça Nossos Valores", href: "#features" }
]} ]}
imageSrc={getAssetUrl("about-workshop")} image={{
imageAlt={getAssetAlt("about-workshop")} src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg", alt: "clean automotive workshop interior"
}}
useInvertedBackground={true} useInvertedBackground={true}
ariaLabel="Sobre o Centro Automotivo União" ariaLabel="Sobre o Centro Automotivo União"
/> />
@@ -112,11 +89,11 @@ export default function LandingPage() {
title="Nossos Serviços Completos" title="Nossos Serviços Completos"
description="Oferecemos uma gama completa de serviços para garantir a segurança e performance do seu veículo, sempre com a qualidade e confiança que você merece." description="Oferecemos uma gama completa de serviços para garantir a segurança e performance do seu veículo, sempre com a qualidade e confiança que você merece."
features={[ features={[
{ id: "servico-1", title: "Troca de Óleo e Filtros", tags: ["Manutenção Essencial"], imageSrc: getAssetUrl("feature-oil"), imageAlt: getAssetAlt("feature-oil") }, { id: "servico-1", title: "Troca de Óleo e Filtros", tags: ["Manutenção Essencial"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg", imageAlt: "mechanic changing car oil filter" },
{ id: "servico-2", title: "Revisão de Freios", tags: ["Sua Segurança"], imageSrc: getAssetUrl("feature-brake"), imageAlt: getAssetAlt("feature-brake") }, { id: "servico-2", title: "Revisão de Freios", tags: ["Sua Segurança"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11844.jpg", imageAlt: "mechanic inspecting car brakes" },
{ id: "servico-3", title: "Alinhamento e Balanceamento", tags: ["Desempenho Otimizado"], imageSrc: getAssetUrl("feature-alignment"), imageAlt: getAssetAlt("feature-alignment") }, { id: "servico-3", title: "Alinhamento e Balanceamento", tags: ["Desempenho Otimizado"], imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370168.jpg", imageAlt: "car wheel alignment machine" },
{ id: "servico-4", title: "Diagnóstico Computadorizado", tags: ["Tecnologia Precisa"], imageSrc: getAssetUrl("hero-mechanic"), imageAlt: getAssetAlt("hero-mechanic") }, { id: "servico-4", title: "Diagnóstico Computadorizado", tags: ["Tecnologia Precisa"], imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg", imageAlt: "mechanic working on car engine" },
{ id: "servico-5", title: "Manutenção Preventiva", tags: ["Evite Problemas"], imageSrc: getAssetUrl("about-workshop"), imageAlt: getAssetAlt("about-workshop") } { id: "servico-5", title: "Manutenção Preventiva", tags: ["Evite Problemas"], imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg", imageAlt: "clean automotive workshop interior" }
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -144,12 +121,12 @@ export default function LandingPage() {
title="O que Nossos Clientes Dizem" title="O que Nossos Clientes Dizem"
description="A satisfação de quem confia no Centro Automotivo União é a nossa maior recompensa. Veja o que nossos clientes em Juazeiro têm a dizer sobre nosso trabalho." description="A satisfação de quem confia no Centro Automotivo União é a nossa maior recompensa. Veja o que nossos clientes em Juazeiro têm a dizer sobre nosso trabalho."
testimonials={[ testimonials={[
{ id: "client-1", title: "Qualidade Inquestionável", quote: "O Centro Automotivo União superou minhas expectativas! Meu carro ficou perfeito e o atendimento foi exemplar. A melhor oficina em Juazeiro.", name: "Lucas Fernandes", role: "Engenheiro", imageSrc: getAssetUrl("testimonial-1"), imageAlt: getAssetAlt("testimonial-1") }, { id: "client-1", title: "Qualidade Inquestionável", quote: "O Centro Automotivo União superou minhas expectativas! Meu carro ficou perfeito e o atendimento foi exemplar. A melhor oficina em Juazeiro.", name: "Lucas Fernandes", role: "Engenheiro", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg", imageAlt: "happy customer at car workshop" },
{ id: "client-2", title: "Transparência Total", quote: "Adorei a clareza no orçamento e a comunicação constante via WhatsApp. Me senti segura e bem informada durante todo o processo. Recomendo muito!", name: "Beatriz Guedes", role: "Professora", imageSrc: getAssetUrl("testimonial-2"), imageAlt: getAssetAlt("testimonial-2") }, { id: "client-2", title: "Transparência Total", quote: "Adorei a clareza no orçamento e a comunicação constante via WhatsApp. Me senti segura e bem informada durante todo o processo. Recomendo muito!", name: "Beatriz Guedes", role: "Professora", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440264.jpg", imageAlt: "woman smiling at automotive shop" },
{ id: "client-3", title: "Atendimento de Primeira", quote: "Sempre confiei meus veículos ao União e nunca me decepcionei. A equipe é muito profissional e sempre resolve os problemas com rapidez e eficiência.", name: "Ricardo Almeida", role: "Empresário", imageSrc: getAssetUrl("testimonial-3"), imageAlt: getAssetAlt("testimonial-3") }, { id: "client-3", title: "Atendimento de Primeira", quote: "Sempre confiei meus veículos ao União e nunca me decepcionei. A equipe é muito profissional e sempre resolve os problemas com rapidez e eficiência.", name: "Ricardo Almeida", role: "Empresário", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", imageAlt: "senior man trusting mechanic" },
{ id: "client-4", title: "Eficiência e Praticidade", quote: "Para quem tem a vida corrida como eu, o serviço de agendamento e orçamento pelo WhatsApp é um diferencial enorme. Extremamente prático e eficaz.", name: "Juliana Castro", role: "Advogada", imageSrc: getAssetUrl("testimonial-4"), imageAlt: getAssetAlt("testimonial-4") }, { id: "client-4", title: "Eficiência e Praticidade", quote: "Para quem tem a vida corrida como eu, o serviço de agendamento e orçamento pelo WhatsApp é um diferencial enorme. Extremamente prático e eficaz.", name: "Juliana Castro", role: "Advogada", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-desk_23-2149097926.jpg", imageAlt: "young professional car owner" },
{ id: "client-5", title: "Confiança Garantida", quote: "Era minha primeira vez em Juazeiro e precisava de um mecânico de confiança. Encontrei no União o que buscava: honestidade e um serviço de alta qualidade.", name: "Gabriel Santos", role: "Designer", imageSrc: getAssetUrl("testimonial-5"), imageAlt: getAssetAlt("testimonial-5") }, { id: "client-5", title: "Confiança Garantida", quote: "Era minha primeira vez em Juazeiro e precisava de um mecânico de confiança. Encontrei no União o que buscava: honestidade e um serviço de alta qualidade.", name: "Gabriel Santos", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-female-car-mechanic-repair-shop_637285-7764.jpg", imageAlt: "first-time customer happy car service" },
{ id: "client-6", title: "Serviço Local de Excelência", quote: "É muito bom ter um centro automotivo tão competente e confiável aqui em Juazeiro. Eles realmente se importam com o cliente e com o carro.", name: "Patrícia Ribeiro", role: "Comerciante", imageSrc: getAssetUrl("testimonial-6"), imageAlt: getAssetAlt("testimonial-6") } { id: "client-6", title: "Serviço Local de Excelência", quote: "É muito bom ter um centro automotivo tão competente e confiável aqui em Juazeiro. Eles realmente se importam com o cliente e com o carro.", name: "Patrícia Ribeiro", role: "Comerciante", imageSrc: "http://img.b2bpic.net/free-photo/african-american-guy-looking-blonde-client-holding-tablet_74855-8793.jpg", imageAlt: "local resident satisfied car repair" }
]} ]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -185,8 +162,8 @@ export default function LandingPage() {
name: "serviceDescription", placeholder: "Descreva o serviço que você precisa (ex: troca de freios, revisão geral)", rows: 4, name: "serviceDescription", placeholder: "Descreva o serviço que você precisa (ex: troca de freios, revisão geral)", rows: 4,
required: true required: true
}} }}
imageSrc={getAssetUrl("contact-whatsapp")} imageSrc="http://img.b2bpic.net/free-photo/speech-bubble-contacts-communication-connection_53876-120176.jpg"
imageAlt={getAssetAlt("contact-whatsapp")} imageAlt="smartphone with whatsapp chat"
mediaAnimation="opacity" mediaAnimation="opacity"
mediaPosition="left" mediaPosition="left"
buttonText="Enviar Orçamento via WhatsApp" buttonText="Enviar Orçamento via WhatsApp"
@@ -197,8 +174,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer" > <div id="footer" data-section="footer" >
<FooterBaseReveal <FooterBaseReveal
logoText="Centro Automotivo União" logoText="Centro Automotivo União"
logoSrc={getAssetUrl("logo-primary")} logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ug2md6"
logoAlt={getAssetAlt("logo-primary")} logoAlt="automotive workshop logo union"
columns={[ columns={[
{ title: "Serviços", items: [{ label: "Troca de Óleo", href: "#features" }, { label: "Revisão de Freios", href: "#features" }, { label: "Alinhamento", href: "#features" }, { label: "Diagnóstico", href: "#features" }] }, { title: "Serviços", items: [{ label: "Troca de Óleo", href: "#features" }, { label: "Revisão de Freios", href: "#features" }, { label: "Alinhamento", href: "#features" }, { label: "Diagnóstico", href: "#features" }] },
{ title: "Empresa", items: [{ label: "Sobre Nós", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contato", href: "#contact" }] }, { title: "Empresa", items: [{ label: "Sobre Nós", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contato", href: "#contact" }] },