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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_2 ... 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
1 changed files with 49 additions and 49 deletions
Expand all files Collapse all files

98
src/app/page.tsx
View File

@@ -31,28 +31,28 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Products", id: "#products" }, { name: "Produits", id: "#products" },
{ name: "Innovation", id: "#features" }, { name: "Innovation", id: "#features" },
{ name: "Support", id: "#faq" }, { name: "Support", id: "#faq" },
{ name: "Contact", id: "#contact" }, { name: "Contact", id: "#contact" },
]} ]}
brandName="Mahle" brandName="Mahle"
button={{ text: "Get Catalog", href: "#contact" }} button={{ text: "Obtenir le catalogue", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ variant: "downward-rays-animated-grid" }} background={{ variant: "downward-rays-animated-grid" }}
title="Precision Engineered for Every Journey" title="Ingénierie de précision pour chaque trajet"
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." 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={[ kpis={[
{ value: "100+", label: "Years Experience" }, { value: "100+", label: "Années d'expérience" },
{ value: "160+", label: "Production Sites" }, { value: "160+", label: "Sites de production" },
{ value: "20M+", label: "Parts Supplied" }, { value: "20M+", label: "Pièces fournies" },
]} ]}
enableKpiAnimation={true} 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" imageSrc="http://img.b2bpic.net/free-photo/gears-cogwheels_1112-919.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ 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/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" }, { 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={[ marqueeItems={[
{ type: "text", text: "Precision Engineering" }, { type: "text", text: "Ingénierie de précision" },
{ type: "text", text: "Global Distribution" }, { type: "text", text: "Distribution mondiale" },
{ type: "text", text: "Thermal Innovation" }, { type: "text", text: "Innovation thermique" },
{ type: "text", text: "Sustainable Manufacturing" }, { type: "text", text: "Fabrication durable" },
{ type: "text", text: "OEM Quality" }, { type: "text", text: "Qualité OEM" },
]} ]}
/> />
</div> </div>
@@ -78,13 +78,13 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "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: "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: "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: "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: "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: "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: "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" title="Innovations centrales"
description="Our technological leadership covers the entire spectrum of automotive engineering." description="Notre leadership technologique couvre tout le spectre de l'ingénierie automobile."
/> />
</div> </div>
@@ -95,15 +95,15 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ 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: "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: "Piston Assembly", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-923.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: "Timing Belt Kit", price: "$125.50", imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.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: "High Flow Oil Filter", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030431.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: "Platinum Spark Plugs", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1291.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: "Engine Bearing Kit", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-details-old-industrial-machine_181624-22608.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" title="Pièces de rechange fiables"
description="Genuine Mahle parts for professional repair and maintenance." description="Pièces d'origine Mahle pour une réparation et un entretien professionnels."
/> />
</div> </div>
@@ -113,12 +113,12 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
metrics={[ 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: "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: "Patents", description: "Continuous innovation in automotive tech.", imageSrc: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4597.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: "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: "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" title="Impact mondial"
description="Setting industry standards for reliability and sustainability." description="Établir les normes de l'industrie en matière de fiabilité et de durabilité."
/> />
</div> </div>
@@ -128,19 +128,19 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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: "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: "Fleet Manager", company: "Transport Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-female-driver-outdoors_23-2150263129.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: "Restorationist", company: "Classic Gears", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/agent-persuading-hesitant-customer-buy-vehicle_482257-124144.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: "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: "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: "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: "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={[ kpiItems={[
{ value: "4.9/5", label: "Avg. Rating" }, { value: "4.9/5", label: "Note moyenne" },
{ value: "50k+", label: "Shops Served" }, { value: "50k+", label: "Ateliers servis" },
{ value: "100%", label: "Quality Compliance" }, { value: "100%", label: "Conformité qualité" },
]} ]}
title="What Experts Say" title="Avis d'experts"
description="Trusted by automotive professionals globally." description="Approuvé par les professionnels de l'automobile du monde entier."
/> />
</div> </div>
@@ -148,12 +148,12 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ 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: "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: "Where can I buy Mahle parts?", content: "Our parts are available through authorized distributors worldwide and many major online retailers." }, { 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: "How do I verify part authenticity?", content: "Every genuine Mahle part features an authenticity label that can be checked via our online portal." }, { 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" sideTitle="Questions fréquentes"
sideDescription="Need help finding the right part? Check our FAQs." sideDescription="Besoin d'aide pour trouver la bonne pièce ? Consultez notre FAQ."
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
/> />
</div> </div>
@@ -187,4 +187,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }