Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dakar Auto"
|
||||
/>
|
||||
@@ -55,21 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "Browse Parts", href: "#products"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1501.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1501.jpg"
|
||||
imageAlt="luxury car engine parts close up"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,8 +67,7 @@ export default function LandingPage() {
|
||||
title="Engineered for Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,46 +79,22 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1501.jpg?_wi=2",
|
||||
imageAlt: "turbocharger component studio shot",
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367569.jpg",
|
||||
imageAlt: "turbocharger component studio shot",
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-auto-mechanic-with-wrench-standing-hands-folded-white-background_662251-2939.jpg?_wi=1",
|
||||
imageAlt: "turbocharger component studio shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-male-worker_23-2148327546.jpg", imageAlt: "automotive reservoir tank assembly"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -149,65 +111,23 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -221,20 +141,11 @@ export default function LandingPage() {
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Parts Shipped",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Parts Shipped"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Quality Rate",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Quality Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Partner Shops",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Partner Shops"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -247,40 +158,15 @@ export default function LandingPage() {
|
||||
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?_wi=2",
|
||||
},
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -293,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship globally?",
|
||||
content: "Yes, we ship premium parts worldwide.",
|
||||
},
|
||||
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: "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.",
|
||||
},
|
||||
id: "f3", title: "Can I request wholesale quotes?", content: "We offer tiered pricing for certified repair shops."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -318,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Upgrade?"
|
||||
description="Submit your request for a quote today and let our specialists assist you."
|
||||
@@ -334,29 +210,19 @@ export default function LandingPage() {
|
||||
logoText="Dakar Auto Parts"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user