bender/5eea3ac5-6111-4687-9fef-450ca0d7f19b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... main

Author SHA1 Message Date
bender
c21ea63562 Merge version_3 into main 
Merge version_3 into main
 2026-05-18 13:32:41 +00:00
bender
3ba3e7a73a Update src/app/page.tsx 2026-05-18 13:32:38 +00:00
bender
200cf47688 Merge version_2 into main 
Merge version_2 into main
 2026-05-18 13:30:24 +00:00
bender
a7f5e08f0a Update src/app/page.tsx 2026-05-18 13:30:21 +00:00
bender
571228fdd8 Merge version_1 into main 
Merge version_1 into main
 2026-05-18 13:27:27 +00:00
1 changed files with 56 additions and 53 deletions
Expand all files Collapse all files

109
src/app/page.tsx
View File

@@ -31,28 +31,28 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Products", id: "#products" },
{ name: "Produits", id: "#products" },
{ name: "Innovation", id: "#features" },
{ name: "Support", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="Mahle"
button={{ text: "Get Catalog", href: "#contact" }}
button={{ text: "Obtenir le catalogue", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "downward-rays-animated-grid" }}
title="Precision Engineered for Every Journey"
description="Mahle delivers world-class automotive parts designed for longevity, performance, and reliability. From internal engine components to innovative thermal management, we power the automotive industry."
title="Ingénierie de précision pour chaque trajet"
description="Mahle propose des pièces automobiles de classe mondiale conçues pour la longévité, la performance et la fiabilité. Des composants internes de moteur aux solutions innovantes de gestion thermique, nous alimentons l'industrie automobile."
kpis={[
{ value: "100+", label: "Years Experience" },
{ value: "160+", label: "Production Sites" },
{ value: "20M+", label: "Parts Supplied" },
{ value: "100+", label: "Années d'expérience" },
{ value: "160+", label: "Sites de production" },
{ value: "20M+", label: "Pièces fournies" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Explore Catalog", href: "#products" }]}
buttons={[{ text: "Explorer le catalogue", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/gears-cogwheels_1112-919.jpg"
mediaAnimation="slide-up"
avatars={[
@@ -62,13 +62,13 @@ export default function LandingPage() {
{ src: "http://img.b2bpic.net/free-photo/high-angle-hard-disk-components-still-life_23-2149417052.jpg", alt: "Quality control supervisor" },
{ src: "http://img.b2bpic.net/free-photo/meeting-room-interior-modern-office-with-long-wooden-table-chairs-around-it_181624-21722.jpg", alt: "Production line manager" },
]}
avatarText="Trusted by 5,000+ industry experts"
avatarText="Approuvé par plus de 5 000 experts du secteur"
marqueeItems={[
{ type: "text", text: "Precision Engineering" },
{ type: "text", text: "Global Distribution" },
{ type: "text", text: "Thermal Innovation" },
{ type: "text", text: "Sustainable Manufacturing" },
{ type: "text", text: "OEM Quality" },
{ type: "text", text: "Ingénierie de précision" },
{ type: "text", text: "Distribution mondiale" },
{ type: "text", text: "Innovation thermique" },
{ type: "text", text: "Fabrication durable" },
{ type: "text", text: "Qualité OEM" },
]}
/>
</div>
@@ -78,13 +78,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Engine Components", description: "High-durability pistons and valves designed for peak output.", imageSrc: "http://img.b2bpic.net/free-photo/saw-close-up_23-2147773767.jpg", buttonIcon: Zap },
{ title: "Thermal Management", description: "Advanced cooling solutions to maintain engine efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg", buttonIcon: Thermometer },
{ title: "Filtration Systems", description: "Superior protection against impurities in air and fuel.", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030429.jpg", buttonIcon: Shield },
{ title: "Mechanical Power", description: "Durable crankshafts built for extreme performance conditions.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333337.jpg", buttonIcon: Settings },
{ title: "Composants moteur", description: "Pistons et soupapes haute durabilité conçus pour des performances maximales.", imageSrc: "http://img.b2bpic.net/free-photo/saw-close-up_23-2147773767.jpg", buttonIcon: Zap },
{ title: "Gestion thermique", description: "Solutions de refroidissement avancées pour maintenir l'efficacité du moteur.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg", buttonIcon: Thermometer },
{ title: "Systèmes de filtration", description: "Protection supérieure contre les impuretés dans l'air et le carburant.", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030429.jpg", buttonIcon: Shield },
{ title: "Puissance mécanique", description: "Vilebrequins durables construits pour des conditions de performance extrêmes.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333337.jpg", buttonIcon: Settings },
]}
title="Core Innovations"
description="Our technological leadership covers the entire spectrum of automotive engineering."
title="Innovations centrales"
description="Notre leadership technologique couvre tout le spectre de l'ingénierie automobile."
/>
</div>
@@ -95,15 +95,15 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Engine Air Filter", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030387.jpg" },
{ id: "p2", name: "Piston Assembly", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-923.jpg" },
{ id: "p3", name: "Timing Belt Kit", price: "$125.50", imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.jpg" },
{ id: "p4", name: "High Flow Oil Filter", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030431.jpg" },
{ id: "p5", name: "Platinum Spark Plugs", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1291.jpg" },
{ id: "p6", name: "Engine Bearing Kit", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-details-old-industrial-machine_181624-22608.jpg" },
{ id: "p1", name: "Filtre à air moteur", price: "29.99 €", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030387.jpg" },
{ id: "p2", name: "Ensemble de piston", price: "189.00 €", imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-923.jpg" },
{ id: "p3", name: "Kit de courroie de distribution", price: "125.50 €", imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.jpg" },
{ id: "p4", name: "Filtre à huile haut débit", price: "15.99 €", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030431.jpg" },
{ id: "p5", name: "Bougies d'allumage platine", price: "42.00 €", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1291.jpg" },
{ id: "p6", name: "Kit de coussinets moteur", price: "95.00 €", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-details-old-industrial-machine_181624-22608.jpg" },
]}
title="Trusted Spare Parts"
description="Genuine Mahle parts for professional repair and maintenance."
title="Pièces de rechange fiables"
description="Pièces d'origine Mahle pour une réparation et un entretien professionnels."
/>
</div>
@@ -113,12 +113,12 @@ export default function LandingPage() {
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{ id: "m1", value: "160+", title: "Global Sites", description: "Worldwide production and engineering centers.", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" },
{ id: "m2", value: "5,000+", title: "Patents", description: "Continuous innovation in automotive tech.", imageSrc: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4597.jpg" },
{ id: "m3", value: "99.9%", title: "Reliability", description: "Industry-leading quality assurance ratings.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662945.jpg" },
{ id: "m1", value: "160+", title: "Sites mondiaux", description: "Centres de production et d'ingénierie dans le monde entier.", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg" },
{ id: "m2", value: "5,000+", title: "Brevets", description: "Innovation continue dans la technologie automobile.", imageSrc: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4597.jpg" },
{ id: "m3", value: "99.9%", title: "Fiabilité", description: "Évaluations d'assurance qualité leaders du secteur.", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662945.jpg" },
]}
title="Global Impact"
description="Setting industry standards for reliability and sustainability."
title="Impact mondial"
description="Établir les normes de l'industrie en matière de fiabilité et de durabilité."
/>
</div>
@@ -128,19 +128,19 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "John Doe", role: "Shop Owner", company: "Prime Auto", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sales-woman-car-shworoom_1303-29633.jpg" },
{ id: "t2", name: "Sarah Smith", role: "Fleet Manager", company: "Transport Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-female-driver-outdoors_23-2150263129.jpg" },
{ id: "t3", name: "Mike Ross", role: "Restorationist", company: "Classic Gears", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/agent-persuading-hesitant-customer-buy-vehicle_482257-124144.jpg" },
{ id: "t4", name: "Lisa Wong", role: "Engineer", company: "TechDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-female-manager-stands-near-car-automobile-salon_146671-16059.jpg" },
{ id: "t5", name: "Alex Baker", role: "Master Tech", company: "Elite Repair", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg" },
{ id: "t1", name: "John Doe", role: "Propriétaire d'atelier", company: "Prime Auto", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sales-woman-car-shworoom_1303-29633.jpg" },
{ id: "t2", name: "Sarah Smith", role: "Gestionnaire de flotte", company: "Transport Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-female-driver-outdoors_23-2150263129.jpg" },
{ id: "t3", name: "Mike Ross", role: "Restaurateur", company: "Classic Gears", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/agent-persuading-hesitant-customer-buy-vehicle_482257-124144.jpg" },
{ id: "t4", name: "Lisa Wong", role: "Ingénieur", company: "TechDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-female-manager-stands-near-car-automobile-salon_146671-16059.jpg" },
{ id: "t5", name: "Alex Baker", role: "Technicien maître", company: "Elite Repair", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg" },
]}
kpiItems={[
{ value: "4.9/5", label: "Avg. Rating" },
{ value: "50k+", label: "Shops Served" },
{ value: "100%", label: "Quality Compliance" },
{ value: "4.9/5", label: "Note moyenne" },
{ value: "50k+", label: "Ateliers servis" },
{ value: "100%", label: "Conformité qualité" },
]}
title="What Experts Say"
description="Trusted by automotive professionals globally."
title="Avis d'experts"
description="Approuvé par les professionnels de l'automobile du monde entier."
/>
</div>
@@ -148,12 +148,12 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Are Mahle parts OEM compatible?", content: "Yes, Mahle is an original equipment manufacturer, and our aftermarket parts meet or exceed OEM specifications." },
{ id: "f2", title: "Where can I buy Mahle parts?", content: "Our parts are available through authorized distributors worldwide and many major online retailers." },
{ id: "f3", title: "How do I verify part authenticity?", content: "Every genuine Mahle part features an authenticity label that can be checked via our online portal." },
{ id: "f1", title: "Les pièces Mahle sont-elles compatibles OEM ?", content: "Oui, Mahle est un fabricant d'équipement d'origine et nos pièces de rechange respectent ou dépassent les spécifications OEM." },
{ id: "f2", title: "Où puis-je acheter des pièces Mahle ?", content: "Nos pièces sont disponibles via des distributeurs agréés dans le monde entier et chez de nombreux grands détaillants en ligne." },
{ id: "f3", title: "Comment vérifier l'authenticité des pièces ?", content: "Chaque pièce Mahle authentique comporte une étiquette d'authenticité vérifiable via notre portail en ligne." },
]}
sideTitle="Common Questions"
sideDescription="Need help finding the right part? Check our FAQs."
sideTitle="Questions fréquentes"
sideDescription="Besoin d'aide pour trouver la bonne pièce ? Consultez notre FAQ."
faqsAnimation="blur-reveal"
/>
</div>
@@ -162,18 +162,21 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
title="Contact Us"
description="Have questions or need bulk ordering information? Our team is here to help."
title="Contactez-nous"
description="Vous avez des questions ou besoin d'informations sur les commandes en gros ? Notre équipe est là pour vous aider."
inputPlaceholder="Entrez votre email"
buttonText="Envoyer"
termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos conditions générales."
imageSrc="http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg"
mediaAnimation="slide-up"
tag="Get in touch"
tag="Contact"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Mahle"
copyrightText="© 2025 Mahle Automotive Parts. All rights reserved."
copyrightText="© 2025 Mahle Automotive Parts. Tous droits réservés."
socialLinks={[
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
@@ -184,4 +187,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}