From b31cfe6a3cf35dc53595436405f0e3851c5f25c3 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 00:58:54 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 85 ++++++++++++++++++------------------------------ 1 file changed, 31 insertions(+), 54 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c44d731..47dc977 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,30 +11,6 @@ import FaqBase from '@/components/sections/faq/FaqBase'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; 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() { return (
@@ -74,22 +50,22 @@ export default function LandingPage() { { text: "Pedir orçamento no WhatsApp", href: "https://wa.me/5574999999999" } ]} 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: "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: "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: "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: "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: "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: "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: "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: "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: "http://img.b2bpic.net/free-photo/man-listening-music-business-meeting_23-2148746263.jpg", imageAlt: "brazilian mechanic portrait" } ]} testimonialRotationInterval={5000} avatars={[ - { src: getAssetUrl("avatar-1"), alt: getAssetAlt("avatar-1") }, - { src: getAssetUrl("avatar-2"), alt: getAssetAlt("avatar-2") }, - { src: getAssetUrl("avatar-3"), alt: getAssetAlt("avatar-3") }, - { src: getAssetUrl("avatar-4"), alt: getAssetAlt("avatar-4") } + { src: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1513.jpg", alt: "brazilian man casual portrait" }, + { src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", alt: "brazilian woman professional photo" }, + { 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: "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" - imageSrc={getAssetUrl("hero-mechanic")} - imageAlt={getAssetAlt("hero-mechanic")} + imageSrc="http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg" + imageAlt="mechanic working on car engine" showBlur={true} textPosition="bottom" ariaLabel="Seu carro nas mãos de quem entende" @@ -101,8 +77,9 @@ export default function LandingPage() { buttons={[ { text: "Conheça Nossos Valores", href: "#features" } ]} - imageSrc={getAssetUrl("about-workshop")} - imageAlt={getAssetAlt("about-workshop")} + image={{ + src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg", alt: "clean automotive workshop interior" + }} useInvertedBackground={true} ariaLabel="Sobre o Centro Automotivo União" /> @@ -112,11 +89,11 @@ export default function LandingPage() { 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." features={[ - { id: "servico-1", title: "Troca de Óleo e Filtros", tags: ["Manutenção Essencial"], imageSrc: getAssetUrl("feature-oil"), imageAlt: getAssetAlt("feature-oil") }, - { id: "servico-2", title: "Revisão de Freios", tags: ["Sua Segurança"], imageSrc: getAssetUrl("feature-brake"), imageAlt: getAssetAlt("feature-brake") }, - { id: "servico-3", title: "Alinhamento e Balanceamento", tags: ["Desempenho Otimizado"], imageSrc: getAssetUrl("feature-alignment"), imageAlt: getAssetAlt("feature-alignment") }, - { id: "servico-4", title: "Diagnóstico Computadorizado", tags: ["Tecnologia Precisa"], imageSrc: getAssetUrl("hero-mechanic"), imageAlt: getAssetAlt("hero-mechanic") }, - { id: "servico-5", title: "Manutenção Preventiva", tags: ["Evite Problemas"], imageSrc: getAssetUrl("about-workshop"), imageAlt: getAssetAlt("about-workshop") } + { 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: "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: "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: "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: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg", imageAlt: "clean automotive workshop interior" } ]} animationType="slide-up" textboxLayout="default" @@ -144,12 +121,12 @@ export default function LandingPage() { 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." 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-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-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-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-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-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-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: "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: "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: "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: "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: "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" 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, required: true }} - imageSrc={getAssetUrl("contact-whatsapp")} - imageAlt={getAssetAlt("contact-whatsapp")} + imageSrc="http://img.b2bpic.net/free-photo/speech-bubble-contacts-communication-connection_53876-120176.jpg" + imageAlt="smartphone with whatsapp chat" mediaAnimation="opacity" mediaPosition="left" buttonText="Enviar Orçamento via WhatsApp" @@ -197,8 +174,8 @@ export default function LandingPage() {