Merge version_1 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -32,23 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Customs"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,92 +51,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Performance"
|
||||
description="Unlock the full potential of your vehicle with precision engineering and custom enhancements."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex_racer",
|
||||
testimonial: "The performance upgrade completely changed my car.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex_racer", testimonial: "The performance upgrade completely changed my car.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_car",
|
||||
testimonial: "Professional service and incredible attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarah_car", testimonial: "Professional service and incredible attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg"},
|
||||
{
|
||||
name: "Mark L.",
|
||||
handle: "@mark_mod",
|
||||
testimonial: "Best in the industry, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark L.", handle: "@mark_mod", testimonial: "Best in the industry, hands down.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg"},
|
||||
{
|
||||
name: "Jason V.",
|
||||
handle: "@jason_tune",
|
||||
testimonial: "Incredible turnaround time and results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg?_wi=1",
|
||||
},
|
||||
name: "Jason V.", handle: "@jason_tune", testimonial: "Incredible turnaround time and results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena_dr",
|
||||
testimonial: "Apex truly understands high-performance engineering.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-using-vintage-camera_23-2148349765.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena P.", handle: "@elena_dr", testimonial: "Apex truly understands high-performance engineering.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-using-vintage-camera_23-2148349765.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-inside-car_23-2149085768.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-elegant-female-with-her-car_181624-33187.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-elegant-female-with-her-car_181624-33187.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Tuning",
|
||||
},
|
||||
type: "text", text: "Precision Tuning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Rebuilds",
|
||||
},
|
||||
type: "text", text: "Engine Rebuilds"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Aero Kits",
|
||||
},
|
||||
type: "text", text: "Aero Kits"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Parts",
|
||||
},
|
||||
type: "text", text: "Performance Parts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Track Prep",
|
||||
},
|
||||
type: "text", text: "Track Prep"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,26 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Engine",
|
||||
title: "Advanced Tuning",
|
||||
subtitle: "Performance Maps",
|
||||
description: "Optimize your engine power and fuel efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-pov-motion-blur-road-sunset-through-windshield_169016-68682.jpg",
|
||||
},
|
||||
tag: "Engine", title: "Advanced Tuning", subtitle: "Performance Maps", description: "Optimize your engine power and fuel efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/driver-pov-motion-blur-road-sunset-through-windshield_169016-68682.jpg"},
|
||||
{
|
||||
tag: "Exhaust",
|
||||
title: "System Upgrades",
|
||||
subtitle: "Stainless Steel",
|
||||
description: "Enhance sound, flow, and raw performance output.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11806.jpg",
|
||||
},
|
||||
tag: "Exhaust", title: "System Upgrades", subtitle: "Stainless Steel", description: "Enhance sound, flow, and raw performance output.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11806.jpg"},
|
||||
{
|
||||
tag: "Wheels",
|
||||
title: "Precision Setup",
|
||||
subtitle: "Alloy Kits",
|
||||
description: "Customized wheel and suspension configurations for track.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg",
|
||||
},
|
||||
tag: "Wheels", title: "Precision Setup", subtitle: "Alloy Kits", description: "Customized wheel and suspension configurations for track.", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg"},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive customization solutions for every vehicle enthusiast."
|
||||
@@ -195,59 +134,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Apex",
|
||||
name: "Racing Wheels",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-removing-car-wheel-nuts_23-2148254117.jpg",
|
||||
},
|
||||
id: "1", brand: "Apex", name: "Racing Wheels", price: "$1,200", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/man-removing-car-wheel-nuts_23-2148254117.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Apex",
|
||||
name: "Aero Spoiler",
|
||||
price: "$850",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",
|
||||
},
|
||||
id: "2", brand: "Apex", name: "Aero Spoiler", price: "$850", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Apex",
|
||||
name: "Air Intake",
|
||||
price: "$400",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-275.jpg",
|
||||
},
|
||||
id: "3", brand: "Apex", name: "Air Intake", price: "$400", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-275.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Apex",
|
||||
name: "Sport Seat",
|
||||
price: "$600",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5503.jpg",
|
||||
},
|
||||
id: "4", brand: "Apex", name: "Sport Seat", price: "$600", rating: 5,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5503.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Apex",
|
||||
name: "Suspension Kit",
|
||||
price: "$1,500",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",
|
||||
},
|
||||
id: "5", brand: "Apex", name: "Suspension Kit", price: "$1,500", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Apex",
|
||||
name: "Tuning Module",
|
||||
price: "$550",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg",
|
||||
},
|
||||
id: "6", brand: "Apex", name: "Tuning Module", price: "$550", rating: 4,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg"},
|
||||
]}
|
||||
title="Performance Parts Catalog"
|
||||
description="Premium components selected for maximum performance and durability."
|
||||
@@ -261,31 +164,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"All Makes",
|
||||
"Performance Specs",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Projects Completed", items: [
|
||||
"All Makes", "Performance Specs"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Top Quality",
|
||||
"Expert Team",
|
||||
],
|
||||
id: "m2", value: "98%", title: "Client Satisfaction", items: [
|
||||
"Top Quality", "Expert Team"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Industry Awards",
|
||||
items: [
|
||||
"Innovation",
|
||||
"Performance",
|
||||
],
|
||||
id: "m3", value: "15+", title: "Industry Awards", items: [
|
||||
"Innovation", "Performance"],
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -300,59 +188,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Collector",
|
||||
company: "AutoCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Collector", company: "AutoCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Driver",
|
||||
company: "TrackLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Driver", company: "TrackLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-away-medium-shot_23-2148266222.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Pro Racer",
|
||||
company: "SpeedPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Pro Racer", company: "SpeedPro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1098.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Engineer",
|
||||
company: "TechMotors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Engineer", company: "TechMotors", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Designer",
|
||||
company: "CustomAuto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-using-vintage-camera_23-2148349765.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Designer", company: "CustomAuto", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-using-vintage-camera_23-2148349765.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Happy Fans",
|
||||
},
|
||||
value: "1.2k", label: "Happy Fans"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See why our customers trust us with their modifications."
|
||||
@@ -365,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a typical build take?",
|
||||
content: "Depending on the complexity, standard builds take 3-7 business days.",
|
||||
},
|
||||
id: "q1", title: "How long does a typical build take?", content: "Depending on the complexity, standard builds take 3-7 business days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide warranties?",
|
||||
content: "Yes, all our modifications include a 1-year performance warranty.",
|
||||
},
|
||||
id: "q2", title: "Do you provide warranties?", content: "Yes, all our modifications include a 1-year performance warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bring my own parts?",
|
||||
content: "Yes, we are happy to install customer-supplied high-performance parts.",
|
||||
},
|
||||
id: "q3", title: "Can I bring my own parts?", content: "Yes, we are happy to install customer-supplied high-performance parts."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085915.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -392,14 +240,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to transform your drive? Let's discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Project", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -409,29 +254,19 @@ export default function LandingPage() {
|
||||
logoText="Apex Customs"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user