Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dakar Auto Parts"
|
||||
/>
|
||||
@@ -56,107 +48,62 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Parts. Power Performance."
|
||||
description="Premium automotive components built for durability, performance, and reliability."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@mechanic",
|
||||
testimonial: "Top-tier parts. Our workshop only uses Dakar now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-plumber-holding-wrench-ready-work-white-background_662251-3004.jpg",
|
||||
},
|
||||
name: "John Smith", handle: "@mechanic", testimonial: "Top-tier parts. Our workshop only uses Dakar now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-young-plumber-holding-wrench-ready-work-white-background_662251-3004.jpg"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Excellent quality and truly fast shipping.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1579.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "Excellent quality and truly fast shipping.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1579.jpg"},
|
||||
{
|
||||
name: "Mark Evans",
|
||||
handle: "@mevans",
|
||||
testimonial: "Dakar saved our fleet downtime. Professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-smiling_1170-1139.jpg",
|
||||
},
|
||||
name: "Mark Evans", handle: "@mevans", testimonial: "Dakar saved our fleet downtime. Professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-smiling_1170-1139.jpg"},
|
||||
{
|
||||
name: "Lisa Wang",
|
||||
handle: "@lwang",
|
||||
testimonial: "The precision engineering is evident in every part.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ungry-mechanic-with-wrench_1149-262.jpg",
|
||||
},
|
||||
name: "Lisa Wang", handle: "@lwang", testimonial: "The precision engineering is evident in every part.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ungry-mechanic-with-wrench_1149-262.jpg"},
|
||||
{
|
||||
name: "David Rossi",
|
||||
handle: "@drossi",
|
||||
testimonial: "Competitive wholesale pricing for my workshop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg",
|
||||
},
|
||||
name: "David Rossi", handle: "@drossi", testimonial: "Competitive wholesale pricing for my workshop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg"},
|
||||
]}
|
||||
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/waiting-client-repairing-is-done-black-keys-leaning-hood-automobile_146671-16578.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waiting-client-repairing-is-done-black-keys-leaning-hood-automobile_146671-16578.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="luxury car engine close up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
|
||||
alt: "Happy colleagues",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg", alt: "Happy colleagues"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg",
|
||||
alt: "Young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg", alt: "Young woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
alt: "Business partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", alt: "Business partners"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg",
|
||||
alt: "Warehouse worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-carrying-box_23-2148923107.jpg", alt: "Warehouse worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886809.jpg",
|
||||
alt: "Logistics manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886809.jpg", alt: "Logistics manager"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "OEM Certified",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "OEM Certified", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Logistics",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Global Logistics", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Tested",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Precision Tested", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Warranty Guaranteed",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Warranty Guaranteed", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -167,14 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"OEM Standards",
|
||||
"Fast Global Delivery",
|
||||
"Warranty Guaranteed",
|
||||
"Certified Precision",
|
||||
"Expert Technical Support",
|
||||
"Competitive Wholesale",
|
||||
"Quality Checked",
|
||||
]}
|
||||
"OEM Standards", "Fast Global Delivery", "Warranty Guaranteed", "Certified Precision", "Expert Technical Support", "Competitive Wholesale", "Quality Checked"]}
|
||||
title="Trusted by Professionals"
|
||||
description="Excellence in every component."
|
||||
/>
|
||||
@@ -187,49 +127,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Components",
|
||||
description: "High-heat tolerance and precision fit.",
|
||||
icon: Zap,
|
||||
title: "Engine Components", description: "High-heat tolerance and precision fit.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-checking-car-medium-shot_23-2149385677.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-checking-car-medium-shot_23-2149385677.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1601.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car_1170-1601.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-client-repairing-is-done-black-keys-leaning-hood-automobile_146671-16578.jpg?_wi=2",
|
||||
imageAlt: "automotive brake system",
|
||||
},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Maximum stopping power for performance vehicles.",
|
||||
icon: Shield,
|
||||
title: "Brake Systems", description: "Maximum stopping power for performance vehicles.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-678.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-678.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030443.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030443.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-artist-teaching-group-people-how-draw-sitting-chair-classroom-smiling-camera-positive-atmosphere-drawing-workshop-art-education-sketching-classes-adults_482257-64491.jpg?_wi=1",
|
||||
imageAlt: "automotive brake system",
|
||||
},
|
||||
{
|
||||
title: "Suspension",
|
||||
description: "Handling and durability refined.",
|
||||
icon: Settings,
|
||||
title: "Suspension", description: "Handling and durability refined.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-examining-car-engine-with-lamp_1170-1292.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-examining-car-engine-with-lamp_1170-1292.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-take-away-paper-cups-closed-with-caps-isolated-left_346278-811.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-take-away-paper-cups-closed-with-caps-isolated-left_346278-811.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-crossing-hands_23-2147897803.jpg?_wi=1",
|
||||
imageAlt: "automotive brake system",
|
||||
},
|
||||
]}
|
||||
title="Core Engineering"
|
||||
@@ -242,7 +164,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Dakar"
|
||||
description="We specialize in premium-grade materials and wholesale logistics for fleet managers and professional repair shops worldwide."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-woman-artist-teaching-group-people-how-draw-sitting-chair-classroom-smiling-camera-positive-atmosphere-drawing-workshop-art-education-sketching-classes-adults_482257-64491.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-woman-artist-teaching-group-people-how-draw-sitting-chair-classroom-smiling-camera-positive-atmosphere-drawing-workshop-art-education-sketching-classes-adults_482257-64491.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,59 +176,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Dakar",
|
||||
name: "Performance Brake Kit",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg",
|
||||
},
|
||||
id: "p1", brand: "Dakar", name: "Performance Brake Kit", price: "Request Quote", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Dakar",
|
||||
name: "Precision Suspension",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-wheel-system_23-2147897831.jpg",
|
||||
},
|
||||
id: "p2", brand: "Dakar", name: "Precision Suspension", price: "Request Quote", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-wheel-system_23-2147897831.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dakar",
|
||||
name: "Smart Sensor Pack",
|
||||
price: "Request Quote",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-753.jpg",
|
||||
},
|
||||
id: "p3", brand: "Dakar", name: "Smart Sensor Pack", price: "Request Quote", rating: 4,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-753.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dakar",
|
||||
name: "Fuel System Filter",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030388.jpg",
|
||||
},
|
||||
id: "p4", brand: "Dakar", name: "Fuel System Filter", price: "Request Quote", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030388.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Dakar",
|
||||
name: "Engine Turbo Unit",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg",
|
||||
},
|
||||
id: "p5", brand: "Dakar", name: "Engine Turbo Unit", price: "Request Quote", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Dakar",
|
||||
name: "Oil Filtration System",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030413.jpg",
|
||||
},
|
||||
id: "p6", brand: "Dakar", name: "Oil Filtration System", price: "Request Quote", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030413.jpg"},
|
||||
]}
|
||||
title="Featured Parts"
|
||||
description="Engineered for excellence."
|
||||
@@ -320,40 +206,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Excellent quality and truly fast shipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-crossing-hands_23-2147897803.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Excellent quality and truly fast shipping.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-crossing-hands_23-2147897803.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
handle: "@mevans",
|
||||
testimonial: "Dakar saved our fleet downtime. Professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Evans", handle: "@mevans", testimonial: "Dakar saved our fleet downtime. Professional.", imageSrc: "http://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lwang",
|
||||
testimonial: "The precision engineering is evident in every part.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2149214304.jpg",
|
||||
},
|
||||
id: "3", name: "Lisa Wang", handle: "@lwang", testimonial: "The precision engineering is evident in every part.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2149214304.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Rossi",
|
||||
handle: "@drossi",
|
||||
testimonial: "Competitive wholesale pricing for my workshop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15656.jpg",
|
||||
},
|
||||
id: "4", name: "David Rossi", handle: "@drossi", testimonial: "Competitive wholesale pricing for my workshop.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-car-showroom_1303-15656.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Kovac",
|
||||
handle: "@ekovac",
|
||||
testimonial: "Simply the best automotive components around.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-biker-yellow-helmet-side-busy-road-thailand-sunset-time_343596-2841.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Kovac", handle: "@ekovac", testimonial: "Simply the best automotive components around.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-biker-yellow-helmet-side-busy-road-thailand-sunset-time_343596-2841.jpg"},
|
||||
]}
|
||||
title="Industry Feedback"
|
||||
description="What our professional partners say about our parts."
|
||||
@@ -364,8 +225,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Upgrade?"
|
||||
description="Request a quote for your professional automotive needs today."
|
||||
@@ -378,42 +238,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "support@dakarauto.com",
|
||||
href: "mailto:support@dakarauto.com",
|
||||
},
|
||||
label: "support@dakarauto.com", href: "mailto:support@dakarauto.com"},
|
||||
{
|
||||
label: "Dakar, Senegal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dakar, Senegal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user