bender/bfac6120-d588-4e1b-9e96-4faef271bae5
1
0
Fork 0
Code Issues Pull Requests 1 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 #3.
This commit is contained in:
bender
2026-05-06 18:45:07 +00:00
parent 2b6d47f961 4c9ad4a8e2
commit 459da06789
1 changed files with 128 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
src/app/page.tsx
View File

@@ -28,206 +28,143 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Products", id: "products"},
{
name: "Contact", id: "contact"},
]}
brandName="Dakar Auto"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Dakar Auto"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
title="Precision Parts. Power Performance."
description="Premium automotive components engineered for reliability, durability, and absolute performance on the road."
buttons={[
{
text: "Browse Parts", href: "#products"},
{
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1501.jpg"
imageAlt="luxury car engine parts close up"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="Precision Parts. Power Performance."
description="Premium automotive components engineered for reliability, durability, and absolute performance on the road."
buttons={[
{ text: "Browse Parts", href: "#products" },
{ text: "Get a Quote", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1501.jpg"
imageAlt="luxury car engine parts close up"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Engineered for Excellence"
buttons={[
{
text: "Learn More"},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Engineered for Excellence"
buttons={[{ text: "Learn More" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Premium Materials", description: "High-grade alloys and polymers.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681090.jpg", imageAlt: "turbocharger component studio shot"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg", imageAlt: "brake disc rotor performance"},
},
{
title: "Wholesale Pricing", description: "Competitive rates for repair shops.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg", imageAlt: "automotive fuel filter performance"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-car-transmission_23-2147897938.jpg", imageAlt: "car suspension strut high quality"},
},
{
title: "Expert Support", description: "Global assistance from engineers.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1366.jpg", imageAlt: "car electrical sensor connector"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-male-worker_23-2148327546.jpg", imageAlt: "automotive reservoir tank assembly"},
},
]}
showStepNumbers={true}
title="Why Choose Dakar"
description="Premium-grade components designed to keep your fleet and performance vehicles running at peak potential."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Premium Materials", description: "High-grade alloys and polymers.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-robotic-human-heart_23-2151681090.jpg", imageAlt: "turbocharger component studio shot" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg", imageAlt: "brake disc rotor performance" } },
{ title: "Wholesale Pricing", description: "Competitive rates for repair shops.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg", imageAlt: "automotive fuel filter performance" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-car-transmission_23-2147897938.jpg", imageAlt: "car suspension strut high quality" } },
{ title: "Expert Support", description: "Global assistance from engineers.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1366.jpg", imageAlt: "car electrical sensor connector" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-male-worker_23-2148327546.jpg", imageAlt: "automotive reservoir tank assembly" } }
]}
showStepNumbers={true}
title="Why Choose Dakar"
description="Premium-grade components designed to keep your fleet and performance vehicles running at peak potential."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Dakar", name: "Engine Turbo", price: "$899", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-14131.jpg", imageAlt: "turbocharger component studio shot"},
{
id: "p2", brand: "Dakar", name: "Performance Brakes", price: "$450", rating: 5,
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg", imageAlt: "brake disc rotor performance"},
{
id: "p3", brand: "Dakar", name: "Fuel Filter", price: "$120", rating: 4,
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030432.jpg", imageAlt: "automotive fuel filter performance"},
{
id: "p4", brand: "Dakar", name: "Suspension Kit", price: "$650", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333343.jpg", imageAlt: "car suspension strut high quality"},
{
id: "p5", brand: "Dakar", name: "Electrical Sensor", price: "$90", rating: 4,
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/car-lightbulb-white-background_93675-128255.jpg", imageAlt: "car electrical sensor connector"},
{
id: "p6", brand: "Dakar", name: "Fluid Reservoir", price: "$150", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg", imageAlt: "automotive reservoir tank assembly"},
]}
title="Featured Components"
description="Precision-engineered parts for every system."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Dakar", name: "Engine Turbo", price: "$899", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-14131.jpg", imageAlt: "turbocharger component studio shot" },
{ id: "p2", brand: "Dakar", name: "Performance Brakes", price: "$450", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg", imageAlt: "brake disc rotor performance" },
{ id: "p3", brand: "Dakar", name: "Fuel Filter", price: "$120", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030432.jpg", imageAlt: "automotive fuel filter performance" },
{ id: "p4", brand: "Dakar", name: "Suspension Kit", price: "$650", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333343.jpg", imageAlt: "car suspension strut high quality" },
{ id: "p5", brand: "Dakar", name: "Electrical Sensor", price: "$90", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/car-lightbulb-white-background_93675-128255.jpg", imageAlt: "car electrical sensor connector" },
{ id: "p6", brand: "Dakar", name: "Fluid Reservoir", price: "$150", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg", imageAlt: "automotive reservoir tank assembly" }
]}
title="Featured Components"
description="Precision-engineered parts for every system."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Dakar by the Numbers"
tag="Performance Stats"
metrics={[
{
id: "m1", value: "10k+", description: "Parts Shipped"},
{
id: "m2", value: "99.9%", description: "Quality Rate"},
{
id: "m3", value: "500+", description: "Partner Shops"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Dakar by the Numbers"
tag="Performance Stats"
metrics={[
{ id: "m1", value: "10k+", description: "Parts Shipped" },
{ id: "m2", value: "99.9%", description: "Quality Rate" },
{ id: "m3", value: "500+", description: "Partner Shops" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Johnson", handle: "Lead Mechanic", testimonial: "Top-tier parts. Our workshop only uses Dakar now.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-auto-mechanic-with-wrench-standing-hands-folded-white-background_662251-2939.jpg"},
{
id: "t2", name: "Michael Chen", handle: "Shop Owner", testimonial: "Fast delivery and excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg"},
{
id: "t3", name: "Emily Rodriguez", handle: "Fleet Manager", testimonial: "Consistent, reliable, and high performance.", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13926.jpg"},
{
id: "t4", name: "David Kim", handle: "Chief Technician", testimonial: "Best engineering I've encountered.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-with-arms-crossed-spanner_1170-1439.jpg"},
{
id: "t5", name: "Alex Smith", handle: "Auto Tuner", testimonial: "Absolute precision for performance builds.", imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg"},
]}
title="Trusted by Experts"
description="Voices from the industry on why they choose Dakar Performance."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Johnson", handle: "Lead Mechanic", testimonial: "Top-tier parts. Our workshop only uses Dakar now.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-auto-mechanic-with-wrench-standing-hands-folded-white-background_662251-2939.jpg" },
{ id: "t2", name: "Michael Chen", handle: "Shop Owner", testimonial: "Fast delivery and excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg" },
{ id: "t3", name: "Emily Rodriguez", handle: "Fleet Manager", testimonial: "Consistent, reliable, and high performance.", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13926.jpg" },
{ id: "t4", name: "David Kim", handle: "Chief Technician", testimonial: "Best engineering I've encountered.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-with-arms-crossed-spanner_1170-1439.jpg" },
{ id: "t5", name: "Alex Smith", handle: "Auto Tuner", testimonial: "Absolute precision for performance builds.", imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg" },
]}
title="Trusted by Experts"
description="Voices from the industry on why they choose Dakar Performance."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Do you ship globally?", content: "Yes, we ship premium parts worldwide."},
{
id: "f2", title: "Is there a warranty?", content: "Every component includes a 2-year warranty."},
{
id: "f3", title: "Can I request wholesale quotes?", content: "We offer tiered pricing for certified repair shops."},
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Get quick answers to common questions about our products and services."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you ship globally?", content: "Yes, we ship premium parts worldwide." },
{ id: "f2", title: "Is there a warranty?", content: "Every component includes a 2-year warranty." },
{ id: "f3", title: "Can I request wholesale quotes?", content: "We offer tiered pricing for certified repair shops." },
]}
title="Frequently Asked Questions"
faqsAnimation="slide-up"
description="Get quick answers to common questions about our products and services."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
tag="Get Started"
title="Ready to Upgrade?"
description="Submit your request for a quote today and let our specialists assist you."
imageSrc="http://img.b2bpic.net/free-photo/abstract-yellow-blur-background_1048-6183.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Get Started"
title="Ready to Upgrade?"
description="Submit your request for a quote today and let our specialists assist you."
imageSrc="http://img.b2bpic.net/free-photo/abstract-yellow-blur-background_1048-6183.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg"
logoText="Dakar Auto Parts"
columns={[
{
title: "Company", items: [
{
label: "About", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Support", items: [
{
label: "FAQs", href: "#faq"},
{
label: "Warranty", href: "#"},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg"
logoText="Dakar Auto Parts"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Warranty", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);