bender/5f688e4a-9326-4483-ab0c-95d4a6441dc3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-28 12:01:51 +00:00
parent 64fd270008 9b06f861ed
commit e28b8ea5b5
1 changed files with 58 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/page.tsx
View File

@@ -33,39 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Specializations",
id: "#specializations",
},
name: "Specializations", id: "#specializations"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Mecanic Classics"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -73,44 +57,23 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Mecanic Classics: Precision Auto Care You Can Trust"
description="Dedicated to delivering exceptional service for classic and modern vehicles alike. From routine maintenance to complex diagnostics, we keep your ride running smoothly and reliably."
tag="Trusted Mechanics"
tagAnimation="opacity"
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hands-female-mechanic-servicing-car_1170-1243.jpg",
imageAlt: "Mechanic working on a car engine",
},
imageSrc: "http://img.b2bpic.net/free-photo/hands-female-mechanic-servicing-car_1170-1243.jpg", imageAlt: "Mechanic working on a car engine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31695.jpg",
imageAlt: "Vintage car inside a clean garage",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1176.jpg",
imageAlt: "Mechanic servicing a car engine",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16584.jpg",
imageAlt: "Car repairman wearing a white uniform standing and holding a wrench that is an essential tool for a mechanic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-car-service-station_23-2148327584.jpg",
imageAlt: "High angle car service station",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31695.jpg", imageAlt: "Vintage car inside a clean garage"}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -123,14 +86,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Passion for Performance, Dedication to Detail"
description={[
"At Mecanic Classics, our love for cars drives everything we do. With years of experience and a team of certified technicians, we provide top-tier auto repair and maintenance services.",
"We combine old-school craftsmanship with modern diagnostic tools to ensure your vehicle receives the best possible care. Whether it's a cherished classic or your daily driver, we treat every car as if it were our own, guaranteeing reliability and performance.",
]}
"At Mecanic Classics, our love for cars drives everything we do. With years of experience and a team of certified technicians, we provide top-tier auto repair and maintenance services.", "We combine old-school craftsmanship with modern diagnostic tools to ensure your vehicle receives the best possible care. Whether it's a cherished classic or your daily driver, we treat every car as if it were our own, guaranteeing reliability and performance."]}
buttons={[
{
text: "Meet Our Team",
href: "#",
},
text: "Meet Our Team", href: "#"},
]}
buttonAnimation="opacity"
showBorder={false}
@@ -144,45 +103,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "oil-change",
title: "Routine Oil Changes & Filter Replacements",
tags: [
"Maintenance",
"Longevity",
],
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg",
imageAlt: "Mechanic changing car oil",
},
id: "oil-change", title: "Routine Oil Changes & Filter Replacements", tags: [
"Maintenance", "Longevity"],
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg", imageAlt: "Mechanic changing car oil"},
{
id: "brake-service",
title: "Expert Brake System Inspections & Repairs",
tags: [
"Safety",
"Performance",
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170039.jpg",
imageAlt: "Mechanic working on car brakes",
},
id: "brake-service", title: "Expert Brake System Inspections & Repairs", tags: [
"Safety", "Performance"],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170039.jpg", imageAlt: "Mechanic working on car brakes"},
{
id: "diagnostics",
title: "Advanced Engine & Electrical Diagnostics",
tags: [
"Efficiency",
"Reliability",
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg",
imageAlt: "Mechanic using diagnostic tool on engine",
},
id: "diagnostics", title: "Advanced Engine & Electrical Diagnostics", tags: [
"Efficiency", "Reliability"],
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg", imageAlt: "Mechanic using diagnostic tool on engine"},
{
id: "tire-service",
title: "Tire Sales, Rotation & Alignment Services",
tags: [
"Handling",
"Wear",
],
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",
imageAlt: "Car tires being serviced",
},
id: "tire-service", title: "Tire Sales, Rotation & Alignment Services", tags: [
"Handling", "Wear"],
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg", imageAlt: "Car tires being serviced"},
]}
title="Our Comprehensive Range of Auto Services"
description="From preventative maintenance to advanced repairs, Mecanic Classics offers a full suite of services to ensure your vehicle's optimal performance and longevity."
@@ -197,65 +132,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "classic-engine",
brand: "Classic Care",
name: "Vintage Engine Rebuilds",
price: "Custom Quote",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1894.jpg",
imageAlt: "Restored classic car engine",
},
id: "classic-engine", brand: "Classic Care", name: "Vintage Engine Rebuilds", price: "Custom Quote", rating: 5,
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1894.jpg", imageAlt: "Restored classic car engine"},
{
id: "exhaust-install",
brand: "Performance",
name: "Custom Exhaust Installation",
price: "From €500",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333323.jpg",
imageAlt: "Performance exhaust being installed",
},
id: "exhaust-install", brand: "Performance", name: "Custom Exhaust Installation", price: "From €500", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333323.jpg", imageAlt: "Performance exhaust being installed"},
{
id: "suspension-tuning",
brand: "Handling",
name: "Performance Suspension Tuning",
price: "From €350",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg",
imageAlt: "Car suspension system",
},
id: "suspension-tuning", brand: "Handling", name: "Performance Suspension Tuning", price: "From €350", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg", imageAlt: "Car suspension system"},
{
id: "vintage-electrical",
brand: "Restoration",
name: "Vintage Electrical Repair",
price: "Custom Quote",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2516.jpg",
imageAlt: "Complex wiring in a vintage car",
},
id: "vintage-electrical", brand: "Restoration", name: "Vintage Electrical Repair", price: "Custom Quote", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2516.jpg", imageAlt: "Complex wiring in a vintage car"},
{
id: "rust-restoration",
brand: "Bodywork",
name: "Rust & Body Restoration",
price: "Custom Quote",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487009.jpg",
imageAlt: "Rust being removed from a car chassis",
},
id: "rust-restoration", brand: "Bodywork", name: "Rust & Body Restoration", price: "Custom Quote", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487009.jpg", imageAlt: "Rust being removed from a car chassis"},
{
id: "detailing-paint",
brand: "Aesthetics",
name: "Professional Detailing & Paint Correction",
price: "From €200",
rating: 5,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-worker-repairman-sanding-polishing-car-body-preparing-automobile-painting-workshop-garage_342744-318.jpg",
imageAlt: "Car being polished",
},
id: "detailing-paint", brand: "Aesthetics", name: "Professional Detailing & Paint Correction", price: "From €200", rating: 5,
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-worker-repairman-sanding-polishing-car-body-preparing-automobile-painting-workshop-garage_342744-318.jpg", imageAlt: "Car being polished"},
]}
title="Specialized Care & Classic Restoration"
description="Beyond standard repairs, we offer expert services for unique vehicle needs, including meticulous classic car restoration and performance enhancements."
@@ -270,20 +163,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "years",
value: "15+",
description: "Years of Dedicated Service",
},
id: "years", value: "15+", description: "Years of Dedicated Service"},
{
id: "customers",
value: "500+",
description: "Happy & Returning Customers",
},
id: "customers", value: "500+", description: "Happy & Returning Customers"},
{
id: "vehicles",
value: "2000+",
description: "Vehicles Serviced & Maintained",
},
id: "vehicles", value: "2000+", description: "Vehicles Serviced & Maintained"},
]}
title="Driven by Results: Our Commitment to Excellence"
description="We measure our success by the satisfaction of our clients and the reliability of their vehicles. See the numbers that reflect our dedication."
@@ -296,50 +180,21 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Jean-Pierre D.",
handle: "@JeanPierreCar",
testimonial: "Mecanic Classics brought my vintage Porsche back to life! Their attention to detail and knowledge of classic cars is unmatched. Highly recommend for any specialized work.",
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
imageAlt: "Portrait of Jean-Pierre D.",
},
id: "1", name: "Jean-Pierre D.", handle: "@JeanPierreCar", testimonial: "Mecanic Classics brought my vintage Porsche back to life! Their attention to detail and knowledge of classic cars is unmatched. Highly recommend for any specialized work.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "Portrait of Jean-Pierre D."},
{
id: "2",
name: "Sophie M.",
handle: "@Sophie_Drives",
testimonial: "Fantastic service every time. They're always transparent about repairs and I trust them completely with my daily driver. Best mechanics in the region!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
imageAlt: "Portrait of Sophie M.",
},
id: "2", name: "Sophie M.", handle: "@Sophie_Drives", testimonial: "Fantastic service every time. They're always transparent about repairs and I trust them completely with my daily driver. Best mechanics in the region!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Portrait of Sophie M."},
{
id: "3",
name: "Marc L.",
handle: "@MarcAutoFan",
testimonial: "I've been coming here for years, and the quality of work is consistently excellent. They explain everything clearly and the pricing is fair. Top-notch professionalism.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-car_1303-14573.jpg",
imageAlt: "Portrait of Marc L.",
},
id: "3", name: "Marc L.", handle: "@MarcAutoFan", testimonial: "I've been coming here for years, and the quality of work is consistently excellent. They explain everything clearly and the pricing is fair. Top-notch professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-car_1303-14573.jpg", imageAlt: "Portrait of Marc L."},
{
id: "4",
name: "Chloé B.",
handle: "@ChloeB_Cars",
testimonial: "Booking was easy, and the service was quick and efficient. My car feels brand new after its maintenance. Thank you, Mecanic Classics!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
imageAlt: "Portrait of Chloé B.",
},
id: "4", name: "Chloé B.", handle: "@ChloeB_Cars", testimonial: "Booking was easy, and the service was quick and efficient. My car feels brand new after its maintenance. Thank you, Mecanic Classics!", imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg", imageAlt: "Portrait of Chloé B."},
{
id: "5",
name: "Thierry R.",
handle: "@ThierryRacer",
testimonial: "My performance car needed specific tuning, and Mecanic Classics delivered beyond expectations. They truly understand high-performance vehicles.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
imageAlt: "Portrait of Thierry R.",
},
id: "5", name: "Thierry R.", handle: "@ThierryRacer", testimonial: "My performance car needed specific tuning, and Mecanic Classics delivered beyond expectations. They truly understand high-performance vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg", imageAlt: "Portrait of Thierry R."},
]}
title="Hear What Our Valued Clients Have to Say"
description="Our reputation is built on trust and excellent service. Read testimonials from customers who rely on Mecanic Classics for their automotive needs."
speed={40}
topMarqueeDirection="left"
animationType="slide-up"
/>
</div>
@@ -349,25 +204,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How can I book an appointment?",
content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our garage in person. We recommend booking in advance for specialized services.",
},
id: "faq-1", title: "How can I book an appointment?", content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our garage in person. We recommend booking in advance for specialized services."},
{
id: "faq-2",
title: "What types of vehicles do you service?",
content: "We proudly service all types of vehicles, from modern daily drivers to cherished classic and vintage automobiles. Our technicians are experienced with a wide range of makes and models.",
},
id: "faq-2", title: "What types of vehicles do you service?", content: "We proudly service all types of vehicles, from modern daily drivers to cherished classic and vintage automobiles. Our technicians are experienced with a wide range of makes and models."},
{
id: "faq-3",
title: "Do you offer warranties on your repairs? ",
content: "Yes, we stand behind the quality of our work. All our repairs come with a standard warranty, details of which can be provided upon request or at the time of service.",
},
id: "faq-3", title: "Do you offer warranties on your repairs? ", content: "Yes, we stand behind the quality of our work. All our repairs come with a standard warranty, details of which can be provided upon request or at the time of service."},
{
id: "faq-4",
title: "What payment methods do you accept?",
content: "We accept various payment methods including major credit/debit cards and bank transfers. Please inquire about specific payment options when you book or visit our shop.",
},
id: "faq-4", title: "What payment methods do you accept?", content: "We accept various payment methods including major credit/debit cards and bank transfers. Please inquire about specific payment options when you book or visit our shop."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg"
imageAlt="Mechanic talking to a client about car repair"
@@ -384,21 +227,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
tagAnimation="opacity"
title="Ready to Schedule Your Vehicle Service?"
description="Contact Mecanic Classics today for reliable, expert automotive care. Book your appointment online or give us a call to discuss your needs."
buttons={[
{
text: "Book Appointment Online",
href: "#",
},
text: "Book Appointment Online", href: "#"},
{
text: "Call Us Now",
href: "tel:+32012345678",
},
text: "Call Us Now", href: "tel:+32012345678"},
]}
buttonAnimation="slide-up"
/>
@@ -411,19 +249,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/mecanicclassics",
ariaLabel: "Facebook page",
},
href: "https://facebook.com/mecanicclassics", ariaLabel: "Facebook page"},
{
icon: Instagram,
href: "https://instagram.com/mecanicclassics",
ariaLabel: "Instagram profile",
},
href: "https://instagram.com/mecanicclassics", ariaLabel: "Instagram profile"},
{
icon: MapPin,
href: "https://www.google.com/maps/place/Mecanic+Classics",
ariaLabel: "Find us on Google Maps",
},
href: "https://www.google.com/maps/place/Mecanic+Classics", ariaLabel: "Find us on Google Maps"},
]}
/>
</div>