Update src/app/page.tsx

This commit is contained in:
2026-06-10 19:52:17 +00:00
parent 929cfdf806
commit ee2f7d1499

View File

@@ -30,54 +30,69 @@ export default function LandingPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div
style={{
backgroundColor: 'var(--background-accent)',
color: 'var(--primary-cta-text)',
padding: '0.5rem 0',
fontSize: '0.8rem',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
gap: '1rem'
}}
>
<span>319 R. do Marquês de da Bandeira</span>
<span>Tel: <a href="tel:+351223755798" style={{ color: 'inherit', textDecoration: 'none' }}>223755798</a></span>
</div>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", id: "#home"}, name: "Início", id: "#home"},
{ {
name: "About", id: "#about"}, name: "Sobre Nós", id: "#about"},
{ {
name: "Vehicles", id: "#vehicles"}, name: "Veículos", id: "#vehicles"},
{ {
name: "Services", id: "#services"}, name: "Serviços", id: "#services"},
{ {
name: "Testimonials", id: "#testimonials"}, name: "Testemunhos", id: "#testimonials"},
{ {
name: "Contact", id: "#contact"}, name: "Contacto", id: "#contact"},
]} ]}
brandName="Auto Vilanovense" brandName="Auto Vilanovense"
button={{ button={{
text: "Get a Quote", href: "#contact"}} text: "Pedir Orçamento", href: "#contact"}}
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCarouselLogo <HeroCarouselLogo
logoText="Auto Vilanovense" logoText="Auto Vilanovense"
description="Your Trusted Partner for Quality Vehicles & Exceptional Service. Drive Your Dreams Today!" description="O Seu Parceiro de Confiança para Veículos de Qualidade e Serviço Excecional. Conduza os Seus Sonhos Hoje!"
buttons={[ buttons={[
{ {
text: "Explore Inventory", href: "#vehicles"}, text: "Explorar Inventário", href: "#vehicles"},
{ {
text: "Schedule a Test Drive", href: "#contact"}, text: "Agendar Test Drive", href: "#contact"},
]} ]}
slides={[ slides={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExVmDtezFh1hS7j2zxDOP6jKQZ/uploaded-1781120774196-fngsoyet.png", imageAlt: "Facade of the Auto Vilanovense building" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExVmDtezFh1hS7j2zxDOP6jKQZ/uploaded-1781120774196-fngsoyet.png", imageAlt: "Fachada do edifício Auto Vilanovense"
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3041.jpg", imageAlt: "Luxury car in a modern showroom"}, imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3041.jpg", imageAlt: "Carro de luxo num showroom moderno"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-car-with-large-bag-roof_23-2151850165.jpg", imageAlt: "Classic muscle car on a sunny street"}, imageSrc: "http://img.b2bpic.net/free-photo/cartoon-car-with-large-bag-roof_23-2151850165.jpg", imageAlt: "Carro clássico numa rua ensolarada"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169737.jpg", imageAlt: "Electric car charging at a station"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169737.jpg", imageAlt: "Carro elétrico a carregar numa estação"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-trip_23-2147935498.jpg", imageAlt: "Family SUV driving on a scenic road"}, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-trip_23-2147935498.jpg", imageAlt: "SUV familiar a conduzir numa estrada panorâmica"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", imageAlt: "Luxury sedan in an urban setting"}, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", imageAlt: "Sedan de luxo num ambiente urbano"},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-snow_23-2151674287.jpg", imageAlt: "Sports car on a race track"}, imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-snow_23-2151674287.jpg", imageAlt: "Carro desportivo numa pista de corrida"},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -87,17 +102,17 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
useInvertedBackground={false} useInvertedBackground={false}
title="Committed to Excellence in Every Drive" title="Comprometidos com a Excelência em Cada Viagem"
metrics={[ metrics={[
{ {
icon: Car, icon: Car,
label: "Years in Business", value: "25+"}, label: "Anos no Negócio", value: "25+"},
{ {
icon: Users, icon: Users,
label: "Happy Customers", value: "10,000+"}, label: "Clientes Satisfeitos", value: "10,000+"},
{ {
icon: ShieldCheck, icon: ShieldCheck,
label: "Certified Vehicles", value: "100%"}, label: "Veículos Certificados", value: "100%"},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -110,23 +125,23 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
title: "Expert Maintenance & Repair", description: "Our certified technicians ensure your car runs smoothly with top-tier diagnostics and repairs.", bentoComponent: "reveal-icon", icon: Wrench, title: "Manutenção e Reparação Especializada", description: "Os nossos técnicos certificados garantem que o seu carro funciona sem problemas com diagnósticos e reparações de alta qualidade.", bentoComponent: "reveal-icon", icon: Wrench,
button: { button: {
text: "Learn More"} text: "Saber Mais"}
}, },
{ {
title: "Flexible Financing Options", description: "We offer competitive financing solutions to make your dream car a reality, tailored to your budget.", bentoComponent: "reveal-icon", icon: DollarSign, title: "Opções de Financiamento Flexíveis", description: "Oferecemos soluções de financiamento competitivas para tornar o seu carro de sonho uma realidade, adaptadas ao seu orçamento.", bentoComponent: "reveal-icon", icon: DollarSign,
button: { button: {
text: "Get Pre-Approved"} text: "Obter Pré-Aprovação"}
}, },
{ {
title: "Comprehensive Vehicle Inspections", description: "Thorough inspections guarantee the safety and reliability of every vehicle in our inventory.", bentoComponent: "reveal-icon", icon: CheckCircle, title: "Inspeções Completas de Veículos", description: "Inspeções rigorosas garantem a segurança e fiabilidade de cada veículo no nosso inventário.", bentoComponent: "reveal-icon", icon: CheckCircle,
button: { button: {
text: "View Details"} text: "Ver Detalhes"}
}, },
]} ]}
title="Our Premium Automotive Services" title="Os Nossos Serviços Automotivos Premium"
description="Experience unparalleled care with our comprehensive range of services, designed to keep your vehicle in top condition." description="Experimente um cuidado inigualável com a nossa gama completa de serviços, projetados para manter o seu veículo em perfeitas condições."
/> />
</div> </div>
@@ -138,20 +153,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "prod-1", name: "2022 Sport Coupe", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg", imageAlt: "Red 2022 Sport Coupe"}, id: "prod-1", name: "2022 Sport Coupe", price: "65.000", imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-1055.jpg", imageAlt: "Coupé Desportivo Vermelho 2022"},
{ {
id: "prod-2", name: "2020 Family Sedan", price: "$32,000", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21188.jpg", imageAlt: "Blue 2020 Family Sedan"}, id: "prod-2", name: "2020 Family Sedan", price: "32.000", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-travelling-by-electric-car_1303-21188.jpg", imageAlt: "Sedan Familiar Azul 2020"},
{ {
id: "prod-3", name: "2021 Adventure SUV", price: "$48,000", imageSrc: "http://img.b2bpic.net/free-photo/beach-trip-4x4-vehicle_268835-3204.jpg", imageAlt: "Black 2021 Adventure SUV"}, id: "prod-3", name: "2021 Adventure SUV", price: "48.000", imageSrc: "http://img.b2bpic.net/free-photo/beach-trip-4x4-vehicle_268835-3204.jpg", imageAlt: "SUV de Aventura Preto 2021"},
{ {
id: "prod-4", name: "2023 Electric Hatchback", price: "$41,000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065318.jpg", imageAlt: "White 2023 Electric Hatchback"}, id: "prod-4", name: "2023 Electric Hatchback", price: "41.000", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065318.jpg", imageAlt: "Hatchback Elétrico Branco 2023"},
{ {
id: "prod-5", name: "2019 Heavy Duty Truck", price: "$38,000", imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg", imageAlt: "Silver 2019 Heavy Duty Truck"}, id: "prod-5", name: "2019 Heavy Duty Truck", price: "38.000", imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg", imageAlt: "Pick-up de Carga Pesada Prateada 2019"},
{ {
id: "prod-6", name: "1969 Classic Roadster", price: "$95,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-classic-car-front-monument_23-2148226480.jpg", imageAlt: "Yellow 1969 Classic Roadster"}, id: "prod-6", name: "1969 Classic Roadster", price: "95.000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-classic-car-front-monument_23-2148226480.jpg", imageAlt: "Roadster Clássico Amarelo 1969"},
]} ]}
title="Discover Your Next Ride" title="Descubra o Seu Próximo Carro"
description="Browse our curated selection of quality pre-owned vehicles, hand-picked for performance and reliability." description="Navegue pela nossa seleção cuidada de veículos usados de qualidade, escolhidos a dedo para desempenho e fiabilidade."
/> />
</div> </div>
@@ -162,51 +177,51 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic-plan", badge: "Essential", badgeIcon: CheckCircle, id: "basic-plan", badge: "Essencial", badgeIcon: CheckCircle,
price: "$299/year", subtitle: "Basic maintenance for peace of mind.", buttons: [ price: "299€/ano", subtitle: "Manutenção básica para sua tranquilidade.", buttons: [
{ {
text: "Select Basic"} text: "Selecionar Essencial"}
], ],
features: [ features: [
"Annual Oil Change", "Tire Rotation", "Multi-Point Inspection", "Basic Fluid Top-Offs"], "Mudança de Óleo Anual", "Rotação de Pneus", "Inspeção Multi-Pontos", "Reabastecimento Básico de Fluidos"],
}, },
{ {
id: "premium-plan", badge: "Most Popular", badgeIcon: Star, id: "premium-plan", badge: "Mais Popular", badgeIcon: Star,
price: "$599/year", subtitle: "Comprehensive coverage for ultimate care.", buttons: [ price: "599€/ano", subtitle: "Cobertura abrangente para cuidado máximo.", buttons: [
{ {
text: "Select Premium"} text: "Selecionar Premium"}
], ],
features: [ features: [
"All Essential Features", "Brake Inspection & Cleaning", "HVAC System Check", "Advanced Diagnostic Scan", "24/7 Roadside Assistance"], "Todas as Funcionalidades Essenciais", "Inspeção e Limpeza de Travões", "Verificação do Sistema HVAC", "Diagnóstico Avançado", "Assistência Rodoviária 24/7"],
}, },
{ {
id: "elite-plan", badge: "Ultimate", badgeIcon: Crown, id: "elite-plan", badge: "Final", badgeIcon: Crown,
price: "$999/year", subtitle: "Exclusive benefits for the discerning owner.", buttons: [ price: "999€/ano", subtitle: "Benefícios exclusivos para o proprietário exigente.", buttons: [
{ {
text: "Select Elite"} text: "Selecionar Final"}
], ],
features: [ features: [
"All Premium Features", "Full Vehicle Detailing", "Exclusive Loaner Car Service", "Extended Warranty Discount", "Priority Service Scheduling"], "Todas as Funcionalidades Premium", "Detalhe Completo do Veículo", "Serviço Exclusivo de Carro de Substituição", "Desconto em Garantia Estendida", "Agendamento Prioritário de Serviço"],
}, },
]} ]}
title="Transparent Service Packages" title="Pacotes de Serviços Transparentes"
description="Choose from our range of maintenance and warranty plans, designed to fit your needs and ensure long-term peace of mind." description="Escolha entre a nossa gama de planos de manutenção e garantia, projetados para atender às suas necessidades e garantir tranquilidade a longo prazo."
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="Our Achievements Speak Volumes" title="As Nossas Conquistas Falam Por Si"
tag="Trusted Performance" tag="Desempenho de Confiança"
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
metrics={[ metrics={[
{ {
id: "met-1", value: "98%", description: "Customer Satisfaction Rate"}, id: "met-1", value: "98%", description: "Taxa de Satisfação do Cliente"},
{ {
id: "met-2", value: "5000+", description: "Vehicles Sold Annually"}, id: "met-2", value: "5000+", description: "Veículos Vendidos Anualmente"},
{ {
id: "met-3", value: "4.9", description: "Average Google Rating"}, id: "met-3", value: "4.9", description: "Classificação Média no Google"},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -218,18 +233,18 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "test-1", title: "A seamless buying experience!", quote: "Auto Vilanovense made buying my new car incredibly easy and enjoyable. Their team was professional, knowledgeable, and genuinely cared about my needs. Highly recommended!", name: "Carlos A.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", imageAlt: "Photo of Carlos A."}, id: "test-1", title: "Uma experiência de compra sem falhas!", quote: "A Auto Vilanovense tornou a compra do meu carro novo incrivelmente fácil e agradável. A sua equipa foi profissional, experiente e preocupou-se genuinamente com as minhas necessidades. Altamente recomendado!", name: "Carlos A.", role: "Cliente Satisfeito", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", imageAlt: "Foto de Carlos A."},
{ {
id: "test-2", title: "Exceptional service every time.", quote: "I've been bringing my car to Auto Vilanovense for years, and their service is always top-notch. Quick, reliable, and always going the extra mile. Wouldn't go anywhere else!", name: "Sofia R.", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-sitting-car-looking-through-window_1303-28815.jpg", imageAlt: "Photo of Sofia R."}, id: "test-2", title: "Serviço excecional sempre.", quote: "Há anos que levo o meu carro à Auto Vilanovense, e o seu serviço é sempre de primeira qualidade. Rápido, fiável e sempre a ir além. Não iria a mais lado nenhum!", name: "Sofia R.", role: "Cliente Fiel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-sitting-car-looking-through-window_1303-28815.jpg", imageAlt: "Foto de Sofia R."},
{ {
id: "test-3", title: "Found my dream car here!", quote: "The selection at Auto Vilanovense is impressive, and their sales team is fantastic. They helped me find the perfect car within my budget. Truly a fantastic experience!", name: "Miguel D.", role: "New Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-trip_23-2147874640.jpg", imageAlt: "Photo of Miguel D."}, id: "test-3", title: "Encontrei o meu carro de sonho aqui!", quote: "A seleção na Auto Vilanovense é impressionante, e a sua equipa de vendas é fantástica. Ajudaram-me a encontrar o carro perfeito dentro do meu orçamento. Realmente uma experiência fantástica!", name: "Miguel D.", role: "Novo Proprietário de Carro", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-trip_23-2147874640.jpg", imageAlt: "Foto de Miguel D."},
{ {
id: "test-4", title: "Reliable and trustworthy.", quote: "As a first-time buyer, I was nervous, but Auto Vilanovense provided all the information I needed without any pressure. I trust them completely with my vehicle.", name: "Ana L.", role: "First-Time Buyer", imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg", imageAlt: "Photo of Ana L."}, id: "test-4", title: "Fiável e de confiança.", quote: "Como comprador de primeira viagem, estava nervoso, mas a Auto Vilanovense forneceu todas as informações de que precisava sem qualquer pressão. Confio neles completamente com o meu veículo.", name: "Ana L.", role: "Comprador(a) de Primeira Viagem", imageSrc: "http://img.b2bpic.net/free-photo/friendly-car-salesman-showcasing-dealership-vehicles-clients_482257-124573.jpg", imageAlt: "Foto de Ana L."},
{ {
id: "test-5", title: "Highly professional and friendly.", quote: "The staff at Auto Vilanovense are always so welcoming and helpful. From sales to service, their professionalism shines through. Truly a pleasure to do business with.", name: "Ricardo S.", role: "Long-Term Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car_657921-23.jpg", imageAlt: "Photo of Ricardo S."}, id: "test-5", title: "Altamente profissional e amigável.", quote: "A equipa da Auto Vilanovense é sempre muito acolhedora e prestativa. Desde as vendas ao serviço, o seu profissionalismo brilha. É realmente um prazer fazer negócios com eles.", name: "Ricardo S.", role: "Cliente de Longa Data", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car_657921-23.jpg", imageAlt: "Foto de Ricardo S."},
]} ]}
title="What Our Customers Say" title="O Que Dizem os Nossos Clientes"
description="Hear from satisfied clients who chose Auto Vilanovense for their automotive needs and exceptional service." description="Ouça os clientes satisfeitos que escolheram a Auto Vilanovense para as suas necessidades automotivas e serviço excecional."
/> />
</div> </div>
@@ -239,8 +254,8 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Auto Innovations", "Drive Solutions", "Road Master", "Vehicle Pro", "Gear Tech", "Wheel Hub", "Piston Dynamics"]} "Auto Innovations", "Drive Solutions", "Road Master", "Vehicle Pro", "Gear Tech", "Wheel Hub", "Piston Dynamics"]}
title="Trusted by Industry-Leading Brands" title="Confiado por Marcas Líderes da Indústria"
description="Our commitment to quality has earned us the trust of top names in the automotive sector and beyond." description="O nosso compromisso com a qualidade granjeou-nos a confiança dos principais nomes do setor automóvel e além."
/> />
</div> </div>
@@ -249,12 +264,12 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain"}} variant: "plain"}}
text="Ready to find your dream car? Contact us today for personalized assistance and exceptional service!" text="Pronto para encontrar o carro dos seus sonhos? Contacte-nos hoje para assistência personalizada e serviço excecional!"
buttons={[ buttons={[
{ {
text: "Call Us Now", href: "tel:+1234567890"}, text: "Ligue-nos Agora", href: "tel:+351223755798"},
{ {
text: "Email Us", href: "mailto:info@autovilanovense.com"} text: "Envie-nos um Email", href: "mailto:info@autovilanovense.com"}
]} ]}
/> />
</div> </div>
@@ -266,43 +281,43 @@ export default function LandingPage() {
logoText="Auto Vilanovense" logoText="Auto Vilanovense"
columns={[ columns={[
{ {
title: "Quick Links", items: [ title: "Links Rápidos", items: [
{ {
label: "Home", href: "#home"}, label: "Início", href: "#home"},
{ {
label: "About Us", href: "#about"}, label: "Sobre Nós", href: "#about"},
{ {
label: "Vehicles", href: "#vehicles"}, label: "Veículos", href: "#vehicles"},
{ {
label: "Services", href: "#services"}, label: "Serviços", href: "#services"},
] ]
}, },
{ {
title: "Our Services", items: [ title: "Os Nossos Serviços", items: [
{ {
label: "Maintenance", href: "#services"}, label: "Manutenção", href: "#services"},
{ {
label: "Financing", href: "#pricing"}, label: "Financiamento", href: "#pricing"},
{ {
label: "Inspections", href: "#services"}, label: "Inspeções", href: "#services"},
{ {
label: "Trade-Ins", href: "#contact"} label: "Retomas", href: "#contact"}
] ]
}, },
{ {
title: "Contact Us", items: [ title: "Contacte-nos", items: [
{ {
label: "Location", href: "#contact"}, label: "Localização", href: "#contact"},
{ {
label: "Email", href: "mailto:info@autovilanovense.com"}, label: "Email", href: "mailto:info@autovilanovense.com"},
{ {
label: "Phone", href: "tel:+1234567890"}, label: "Telefone", href: "tel:+351223755798"},
{ {
label: "Schedule Appointment", href: "#contact"} label: "Agendar Consulta", href: "#contact"}
] ]
} }
]} ]}
copyrightText="© 2024 Auto Vilanovense. All rights reserved." copyrightText="© 2024 Auto Vilanovense. Todos os direitos reservados."
/> />
</div> </div>
</ReactLenis> </ReactLenis>