Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -29,132 +29,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testemunhos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Testemunhos", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Luís Daniel"
|
||||
button={{ text: "Agendar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A oficina que o Barreiro confia. Há mais de 20 anos."
|
||||
description="Honestidade, experiência e preços justos — sempre."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Graça do Vale",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Desde há anos que me desloco de Lisboa a esta oficina no Barreiro.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg?_wi=1",
|
||||
imageAlt: "cinematic garage lighting dark",
|
||||
},
|
||||
{
|
||||
name: "Manuel Ratinho",
|
||||
handle: "Cliente",
|
||||
testimonial: "Honestidade, competência e profissionalismo. Vale a pena.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg?_wi=1",
|
||||
imageAlt: "cinematic garage lighting dark",
|
||||
},
|
||||
{
|
||||
name: "Fernanda Martins",
|
||||
handle: "Cliente",
|
||||
testimonial: "O Sr. Luís além de consertar não me cobrou pelo serviço.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg?_wi=1",
|
||||
imageAlt: "cinematic garage lighting dark",
|
||||
},
|
||||
{
|
||||
name: "Diogo Elias",
|
||||
handle: "Cliente",
|
||||
testimonial: "Escolhi o Sr. Daniel à pressa e não me arrependi.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg?_wi=1",
|
||||
imageAlt: "cinematic garage lighting dark",
|
||||
},
|
||||
{
|
||||
name: "José Loures",
|
||||
handle: "Cliente",
|
||||
testimonial: "Seriedade, rapidez, eficácia e alto nível profissional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg?_wi=1",
|
||||
imageAlt: "cinematic garage lighting dark",
|
||||
},
|
||||
{ name: "Graça do Vale", handle: "Local Guide", testimonial: "Desde há anos que me desloco de Lisboa a esta oficina no Barreiro.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg", imageAlt: "cinematic garage lighting dark" },
|
||||
{ name: "Manuel Ratinho", handle: "Cliente", testimonial: "Honestidade, competência e profissionalismo. Vale a pena.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg", imageAlt: "cinematic garage lighting dark" },
|
||||
{ name: "Fernanda Martins", handle: "Cliente", testimonial: "O Sr. Luís além de consertar não me cobrou pelo serviço.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg", imageAlt: "cinematic garage lighting dark" },
|
||||
{ name: "Diogo Elias", handle: "Cliente", testimonial: "Escolhi o Sr. Daniel à pressa e não me arrependi.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageAlt: "cinematic garage lighting dark" },
|
||||
{ name: "José Loures", handle: "Cliente", testimonial: "Seriedade, rapidez, eficácia e alto nível profissional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg", imageAlt: "cinematic garage lighting dark" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Marcar Visita",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg?_wi=2"
|
||||
buttons={[{ text: "Marcar Visita", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg"
|
||||
imageAlt="cinematic garage lighting dark"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg",
|
||||
alt: "Portrait of man with blue shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman_23-2148908890.jpg",
|
||||
alt: "Portrait young businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
|
||||
alt: "Smiling millennial man looking at camera in cafe, headshot portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg",
|
||||
alt: "Close up on young businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Smiling African American man posing at library",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg", alt: "Portrait of man with blue shirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman_23-2148908890.jpg", alt: "Portrait young businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Smiling millennial man looking at camera in cafe, headshot portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg", alt: "Close up on young businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Diagnóstico de Precisão",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experiência Comprovada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Preços Transparentes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Manutenção Preventiva",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento Personalizado",
|
||||
},
|
||||
{ type: "text", text: "Diagnóstico de Precisão" },
|
||||
{ type: "text", text: "Experiência Comprovada" },
|
||||
{ type: "text", text: "Preços Transparentes" },
|
||||
{ type: "text", text: "Manutenção Preventiva" },
|
||||
{ type: "text", text: "Atendimento Personalizado" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,42 +79,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
title: "Anos de Experiência",
|
||||
items: [
|
||||
"Serviço consolidado",
|
||||
"Confiança total",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.7★",
|
||||
title: "Classificação Google",
|
||||
items: [
|
||||
"94 opiniões reais",
|
||||
"Altamente avaliado",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Transparência",
|
||||
items: [
|
||||
"Preço justo",
|
||||
"Sem surpresas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1000+",
|
||||
title: "Clientes Fiéis",
|
||||
items: [
|
||||
"Famílias Barreiro",
|
||||
"Lisboa incluída",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "20+", title: "Anos de Experiência", items: ["Serviço consolidado", "Confiança total"] },
|
||||
{ id: "2", value: "4.7★", title: "Classificação Google", items: ["94 opiniões reais", "Altamente avaliado"] },
|
||||
{ id: "3", value: "100%", title: "Transparência", items: ["Preço justo", "Sem surpresas"] },
|
||||
{ id: "4", value: "1000+", title: "Clientes Fiéis", items: ["Famílias Barreiro", "Lisboa incluída"] }
|
||||
]}
|
||||
title="O Nosso Legado"
|
||||
description="Números que refletem a confiança de gerações."
|
||||
@@ -212,10 +94,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Diferença Luís Daniel"
|
||||
description={[
|
||||
"Diagnóstico Honesto — Identificamos o problema real sem custos desnecessários.",
|
||||
"Experiência Verdadeira — Décadas de hands-on em todas as marcas.",
|
||||
"Recomendação de Família — O marketing mais forte é a palavra de quem confia.",
|
||||
"Eficiência e Fiabilidade — Sem atalhos, apenas trabalho bem feito.",
|
||||
"Diagnóstico Honesto — Identificamos o problema real sem custos desnecessários.", "Experiência Verdadeira — Décadas de hands-on em todas as marcas.", "Recomendação de Família — O marketing mais forte é a palavra de quem confia.", "Eficiência e Fiabilidade — Sem atalhos, apenas trabalho bem feito."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,42 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Manutenção Geral",
|
||||
description: "Serviços preventivos para uma vida longa do seu automóvel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic tool laptop",
|
||||
},
|
||||
{
|
||||
title: "Motores & Mecânica",
|
||||
description: "Expertise técnica absoluta em diagnósticos complexos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg?_wi=2",
|
||||
imageAlt: "mechanic holding wrench tool",
|
||||
},
|
||||
{
|
||||
title: "Travões & Suspensão",
|
||||
description: "Segurança total com componentes de topo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg?_wi=2",
|
||||
imageAlt: "fast car repair service process",
|
||||
},
|
||||
{
|
||||
title: "Inspeções Pré-Compra",
|
||||
description: "Compre com tranquilidade usando a nossa análise detalhada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-preparing-check-list_1170-1540.jpg",
|
||||
imageAlt: "friendly mechanic smiling service",
|
||||
},
|
||||
{
|
||||
title: "Diagnósticos Elétricos",
|
||||
description: "Identificação rápida de falhas em sistemas complexos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg",
|
||||
imageAlt: "car diagnostic tool laptop",
|
||||
},
|
||||
{
|
||||
title: "Reparações de Emergência",
|
||||
description: "Soluções rápidas quando mais precisa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16605.jpg",
|
||||
imageAlt: "mechanic holding wrench tool",
|
||||
},
|
||||
{ title: "Manutenção Geral", description: "Serviços preventivos para uma vida longa do seu automóvel.", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg", imageAlt: "car diagnostic tool laptop" },
|
||||
{ title: "Motores & Mecânica", description: "Expertise técnica absoluta em diagnósticos complexos.", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg", imageAlt: "mechanic holding wrench tool" },
|
||||
{ title: "Travões & Suspensão", description: "Segurança total com componentes de topo.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg", imageAlt: "fast car repair service process" },
|
||||
{ title: "Inspeções Pré-Compra", description: "Compre com tranquilidade usando a nossa análise detalhada.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-preparing-check-list_1170-1540.jpg", imageAlt: "friendly mechanic smiling service" },
|
||||
{ title: "Diagnósticos Elétricos", description: "Identificação rápida de falhas em sistemas complexos.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg", imageAlt: "car diagnostic tool laptop" },
|
||||
{ title: "Reparações de Emergência", description: "Soluções rápidas quando mais precisa.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16605.jpg", imageAlt: "mechanic holding wrench tool" }
|
||||
]}
|
||||
title="Serviços Especializados"
|
||||
description="Mantemos o seu veículo em perfeitas condições."
|
||||
@@ -274,61 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Graça do Vale",
|
||||
date: "2024",
|
||||
title: "Local Guide",
|
||||
quote: "Desloco-me de Lisboa ao Barreiro pela confiança.",
|
||||
tag: "Fidelidade",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg?_wi=3",
|
||||
imageAlt: "customer portrait profile",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Manuel Ratinho",
|
||||
date: "2024",
|
||||
title: "Cliente",
|
||||
quote: "Honestidade, competência e profissionalismo.",
|
||||
tag: "Recomendado",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg?_wi=3",
|
||||
imageAlt: "customer portrait profile",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jorge Gutierres",
|
||||
date: "2024",
|
||||
title: "Cliente",
|
||||
quote: "Há 20 anos que somos bem servidos, preço acessível.",
|
||||
tag: "Gerações",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg?_wi=3",
|
||||
imageAlt: "customer portrait profile",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fernanda Martins",
|
||||
date: "2024",
|
||||
title: "Cliente",
|
||||
quote: "O Sr. Luís foi honesto, não cobrou sem necessidade.",
|
||||
tag: "Honestidade",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg?_wi=2",
|
||||
imageAlt: "customer portrait profile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "João Rebocho",
|
||||
date: "2024",
|
||||
title: "Cliente",
|
||||
quote: "Oficina de confiança, excelentes profissionais.",
|
||||
tag: "Confiança",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg?_wi=3",
|
||||
imageAlt: "customer portrait profile",
|
||||
},
|
||||
{ id: "1", name: "Graça do Vale", date: "2024", title: "Local Guide", quote: "Desloco-me de Lisboa ao Barreiro pela confiança.", tag: "Fidelidade", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg", imageAlt: "customer portrait profile" },
|
||||
{ id: "2", name: "Manuel Ratinho", date: "2024", title: "Cliente", quote: "Honestidade, competência e profissionalismo.", tag: "Recomendado", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg", imageAlt: "customer portrait profile" },
|
||||
{ id: "3", name: "Jorge Gutierres", date: "2024", title: "Cliente", quote: "Há 20 anos que somos bem servidos, preço acessível.", tag: "Gerações", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-with-muscular-hands-tattoo-keeping-wrench_7502-4415.jpg", imageAlt: "customer portrait profile" },
|
||||
{ id: "4", name: "Fernanda Martins", date: "2024", title: "Cliente", quote: "O Sr. Luís foi honesto, não cobrou sem necessidade.", tag: "Honestidade", avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageAlt: "customer portrait profile" },
|
||||
{ id: "5", name: "João Rebocho", date: "2024", title: "Cliente", quote: "Oficina de confiança, excelentes profissionais.", tag: "Confiança", avatarSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-different-nesessary-tools-parts-every-man-s-garage_613910-15276.jpg", imageAlt: "customer portrait profile" }
|
||||
]}
|
||||
title="A Voz dos Nossos Clientes"
|
||||
description="O que dizem quem nos conhece há décadas."
|
||||
@@ -339,9 +138,7 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Não reparamos apenas carros."
|
||||
description={[
|
||||
"Damos-lhe paz de espírito. É por isso que os clientes vêm de Lisboa e as famílias confiam em nós há 20 anos.",
|
||||
]}
|
||||
description={["Damos-lhe paz de espírito. É por isso que os clientes vêm de Lisboa e as famílias confiam em nós há 20 anos."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -351,24 +148,9 @@ export default function LandingPage() {
|
||||
title="O seu carro merece mãos honestas."
|
||||
description="Marque a sua visita e tratamos de tudo. Barreiro, Setúbal."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "telefone",
|
||||
type: "tel",
|
||||
placeholder: "Telefone",
|
||||
required: true,
|
||||
},
|
||||
{ name: "nome", type: "text", placeholder: "Nome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "telefone", type: "tel", placeholder: "Telefone", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg"
|
||||
imageAlt="mechanic workshop exterior day"
|
||||
@@ -384,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user