7 Commits

Author SHA1 Message Date
30d4d2a81e Merge version_4 into main
Merge version_4 into main
2026-05-28 12:22:11 +00:00
5b79d82d80 Update src/app/page.tsx 2026-05-28 12:22:05 +00:00
77dae37345 Merge version_3 into main
Merge version_3 into main
2026-05-28 12:19:36 +00:00
b5f50abd62 Update src/app/page.tsx 2026-05-28 12:19:33 +00:00
7ed417eee9 Merge version_3 into main
Merge version_3 into main
2026-05-28 12:18:51 +00:00
620f3875ef Update src/app/page.tsx 2026-05-28 12:18:48 +00:00
e28b8ea5b5 Merge version_1 into main
Merge version_1 into main
2026-05-28 12:01:51 +00:00

View File

@@ -2,7 +2,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
@@ -13,6 +12,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Instagram, MapPin } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function LandingPage() {
return (
@@ -33,15 +33,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#home"},
name: "Accueil", id: "#home"},
{
name: "About Us", id: "#about"},
name: "À Propos", id: "#about"},
{
name: "Services", id: "#services"},
{
name: "Specializations", id: "#specializations"},
name: "Spécialisations", id: "#specializations"},
{
name: "Testimonials", id: "#testimonials"},
name: "Témoignages", id: "#testimonials"},
{
name: "FAQ", id: "#faq"},
{
@@ -49,7 +49,7 @@ export default function LandingPage() {
]}
brandName="Mecanic Classics"
button={{
text: "Book Now", href: "#contact"}}
text: "Réserver Maintenant", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -58,38 +58,38 @@ export default function LandingPage() {
<HeroSplitDualMedia
background={{
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"
title="Mecanic Classics : Entretien Automobile de Précision, en Toute Confiance"
description="Dédié à offrir un service exceptionnel pour les véhicules classiques et modernes. De l'entretien courant aux diagnostics complexes, nous assurons le bon fonctionnement et la fiabilité de votre véhicule."
tag="Mécaniciens de Confiance"
tagAnimation="opacity"
buttons={[
{
text: "Book an Appointment", href: "#contact"},
text: "Prendre un Rendez-vous", href: "#contact"},
{
text: "Explore Services", href: "#services"},
text: "Découvrir Nos 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: "Mécanicienne travaillant sur un moteur de voiture"},
{
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/handsome-man-blue-uniform-checks-car_1157-31695.jpg", imageAlt: "Voiture vintage dans un garage propre"}
]}
mediaAnimation="blur-reveal"
rating={5}
ratingText="Rated 5 Stars by Our Happy Customers"
ratingText="Évalué 5 étoiles par Nos Clients Satisfaits"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Passion for Performance, Dedication to Detail"
title="Passion pour la Performance, Dévouement au Détail"
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."]}
"Chez Mecanic Classics, notre amour des voitures motive tout ce que nous faisons. Avec des années d'expérience et une équipe de techniciens certifiés, nous offrons des services de réparation et d'entretien automobile de premier ordre.", "Nous combinons un savoir-faire traditionnel avec des outils de diagnostic modernes pour garantir que votre véhicule reçoive les meilleurs soins possibles. Qu'il s'agisse d'un classique précieux ou de votre voiture de tous les jours, nous traitons chaque voiture comme la nôtre, garantissant fiabilité et performance."]}
buttons={[
{
text: "Meet Our Team", href: "#"},
text: "Rencontrer Notre Équipe", href: "#"},
]}
buttonAnimation="opacity"
showBorder={false}
@@ -103,24 +103,24 @@ 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: "Vidanges d'Huile et Remplacements de Filtres Routiniers", tags: [
"Entretien", "Longévité"],
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg", imageAlt: "Mécanicien changeant l'huile de voiture"},
{
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: "Inspections et Réparations Expertes des Systèmes de Freinage", tags: [
"Sécurité", "Performance"],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170039.jpg", imageAlt: "Mécanicien travaillant sur les freins d'une voiture"},
{
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: "Diagnostics Avancés Moteur et Électrique", tags: [
"Efficacité", "Fiabilité"],
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg", imageAlt: "Mécanicien utilisant un outil de diagnostic sur le moteur"},
{
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: "Vente, Rotation et Services d'Alignement de Pneus", tags: [
"Tenue de Route", "Usure"],
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg", imageAlt: "Pneus de voiture en cours d'entretien"},
]}
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."
title="Notre Gamme Complète de Services Automobiles"
description="De l'entretien préventif aux réparations avancées, Mecanic Classics offre une gamme complète de services pour assurer la performance optimale et la longévité de votre véhicule."
/>
</div>
@@ -132,26 +132,26 @@ 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: "Soins Classiques", name: "Reconstructions de Moteurs Vintage", price: "Devis Personnalisé", rating: 5,
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1894.jpg", imageAlt: "Moteur de voiture classique restauré"},
{
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: "Installation d'Échappement Sur Mesure", price: "À Partir de 500", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333323.jpg", imageAlt: "Échappement performance en cours d'installation"},
{
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: "Tenue de Route", name: "Réglage de Suspension Performance", price: "À Partir de 350", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg", imageAlt: "Système de suspension de voiture"},
{
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: "Restauration", name: "Réparation Électrique Vintage", price: "Devis Personnalisé", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2516.jpg", imageAlt: "Câblage complexe dans une voiture vintage"},
{
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: "Carrosserie", name: "Restauration de Rouille et Carrosserie", price: "Devis Personnalisé", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487009.jpg", imageAlt: "Enlèvement de rouille sur un châssis de voiture"},
{
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: "Esthétique", name: "Détail Professionnel et Correction de Peinture", price: "À Partir de 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: "Voiture en cours de polissage"},
]}
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."
title="Soins Spécialisés et Restauration de Classiques"
description="Au-delà des réparations standard, nous offrons des services experts pour les besoins uniques des véhicules, incluant la restauration méticuleuse de voitures classiques et les améliorations de performance."
/>
</div>
@@ -159,18 +159,18 @@ export default function LandingPage() {
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "years", value: "15+", description: "Years of Dedicated Service"},
id: "years", value: "15+", description: "Années de Service Dédié"},
{
id: "customers", value: "500+", description: "Happy & Returning Customers"},
id: "customers", value: "500+", description: "Clients Heureux et Fidèles"},
{
id: "vehicles", value: "2000+", description: "Vehicles Serviced & Maintained"},
id: "vehicles", value: "2000+", description: "Véhicules Entretenus et Réparés"},
]}
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."
title="Guidés par les Résultats : Notre Engagement envers l'Excellence"
description="Nous mesurons notre succès par la satisfaction de nos clients et la fiabilité de leurs véhicules. Découvrez les chiffres qui reflètent notre dévouement."
gridVariant="uniform-all-items-equal"
/>
</div>
@@ -180,18 +180,18 @@ 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 a redonné vie à ma Porsche vintage ! Leur souci du détail et leur connaissance des voitures classiques sont inégalés. Je recommande vivement pour tout travail spéciali.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "Portrait de 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: "Service fantastique à chaque fois. Ils sont toujours transparents sur les réparations et je leur fais entièrement confiance avec ma voiture de tous les jours. Les meilleurs mécaniciens de la région !", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Portrait de 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: "Je viens ici depuis des années, et la qualité du travail est constamment excellente. Ils expliquent tout clairement et les prix sont justes. Professionnalisme de premier ordre.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-car_1303-14573.jpg", imageAlt: "Portrait de 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: "La prise de rendez-vous a été facile, et le service rapide et efficace. Ma voiture est comme neuve après son entretien. Merci, Mecanic Classics !", imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg", imageAlt: "Portrait de 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: "Ma voiture de performance avait besoin d'un réglage spécifique, et Mecanic Classics a dépassé toutes les attentes. Ils comprennent vraiment les véhicules de haute performance.", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg", imageAlt: "Portrait de 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."
title="Découvrez Ce Que Nos Clients Appréciés Disent de Nous"
description="Notre réputation est bâtie sur la confiance et un excellent service. Lisez les témoignages de clients qui comptent sur Mecanic Classics pour leurs besoins automobiles."
speed={40}
topMarqueeDirection="left"
animationType="slide-up"
@@ -204,58 +204,55 @@ 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: "Comment puis-je prendre rendez-vous ?", content: "Vous pouvez facilement prendre rendez-vous via le formulaire de contact de notre site web, en nous appelant directement ou en visitant notre garage en personne. Nous recommandons de réserver à l'avance pour les services spécialisés."},
{
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: "Quels types de véhicules entretenez-vous ?", content: "Nous sommes fiers d'entretenir tous les types de véhicules, des voitures modernes de tous les jours aux automobiles classiques et vintage chéries. Nos techniciens sont expérimentés avec un large éventail de marques et de modèles."},
{
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: "Offrez-vous des garanties sur vos réparations ?", content: "Oui, nous garantissons la qualité de notre travail. Toutes nos réparations sont assorties d'une garantie standard, dont les détails peuvent être fournis sur demande ou au moment du 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: "Quels modes de paiement acceptez-vous ?", content: "Nous acceptons divers modes de paiement, y compris les principales cartes de crédit/débit et les virements bancaires. Veuillez vous renseigner sur les options de paiement spécifiques lorsque vous réservez ou visitez notre atelier."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg"
imageAlt="Mechanic talking to a client about car repair"
imageAlt="Mécanicien parlant à un client de la réparation automobile"
mediaAnimation="blur-reveal"
mediaPosition="left"
title="Common Questions About Auto Service"
description="Find quick answers to your questions about our services, booking process, and what to expect when you visit Mecanic Classics."
title="Questions Fréquentes sur Nos Services Automobiles"
description="Trouvez des réponses rapides à vos questions sur nos services, le processus de réservation et à quoi vous attendre lors de votre visite chez Mecanic Classics."
faqsAnimation="slide-up"
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
tag="Get in Touch"
tag="Contactez-Nous"
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: "Call Us Now", href: "tel:+32012345678"},
]}
buttonAnimation="slide-up"
title="Prêt à Planifier l'Entretien de Votre Véhicule ?"
description="Contactez Mecanic Classics dès aujourd'hui pour un entretien automobile fiable et expert. Entrez votre email pour prendre rendez-vous en ligne."
inputPlaceholder="Votre adresse e-mail"
buttonText="Réserver Maintenant"
termsText="En cliquant sur Réserver Maintenant, vous confirmez que vous acceptez nos Termes et Conditions."
onSubmit={(email) => console.log('Booking email submitted:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Mecanic Classics"
copyrightText="© 2024 Mecanic Classics. All rights reserved."
copyrightText="© 2024 Mecanic Classics. Tous droits réservés."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/mecanicclassics", ariaLabel: "Facebook page"},
href: "https://facebook.com/mecanicclassics", ariaLabel: "Page Facebook"},
{
icon: Instagram,
href: "https://instagram.com/mecanicclassics", ariaLabel: "Instagram profile"},
href: "https://instagram.com/mecanicclassics", ariaLabel: "Profil Instagram"},
{
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: "Trouvez-nous sur Google Maps"},
]}
/>
</div>