Update src/app/page.tsx

This commit is contained in:
2026-06-10 17:40:39 +00:00
parent 2a16c049e0
commit 4a79dfda90

View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Shop", name: "Shop", id: "products"},
id: "products",
},
{ {
name: "Pricing", name: "Pricing", id: "pricing"},
id: "pricing",
},
{ {
name: "Team", name: "Team", id: "team"},
id: "team",
},
{ {
name: "Testimonials", name: "Testimonials", id: "testimonials"},
id: "testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Velocity Customs" brandName="Velocity Customs"
/> />
@@ -77,43 +59,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Rev Up Your Ride: Expert Car Care & Customization" title="Rev Up Your Ride: Expert Car Care & Customization"
description="At Velocity Customs, we combine passion with precision to deliver unparalleled automotive services. From routine maintenance to bespoke modifications, trust our skilled technicians to keep your vehicle performing at its peak." description="At Velocity Customs, we combine passion with precision to deliver unparalleled automotive services. From routine maintenance to bespoke modifications, trust our skilled technicians to keep your vehicle performing at its peak."
tag="Your Ultimate Automotive Partner" tag="Your Ultimate Automotive Partner"
buttons={[ buttons={[
{ {
text: "Book a Service", text: "Book a Service", href: "#contact"},
href: "#contact",
},
{ {
text: "Explore Services", text: "Explore Services", href: "#services"},
href: "#services",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg", imageAlt: "Front view of a luxury sports car"},
imageAlt: "Front view of a luxury sports car",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-car_23-2150171244.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-car_23-2150171244.jpg", imageAlt: "Rear view of a classic muscle car"}
imageAlt: "Rear view of a classic muscle car",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/headlight-vintage-car-filtered-image-processed-vintage_1232-3017.jpg",
imageAlt: "Headlight of a vintage car",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-back-part-red-car-sky-full-clouds_181624-12679.jpg",
imageAlt: "Closeup shot of the back part of a red car",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-brownish-vintage-car-street-near-lake_181624-59346.jpg",
imageAlt: "Vertical shot of a beautiful brownish vintage car",
},
]} ]}
mediaAnimation="opacity" mediaAnimation="opacity"
rating={5} rating={5}
@@ -128,17 +89,11 @@ export default function LandingPage() {
description="Velocity Customs was founded on a simple principle: every car deserves the best. Our team of certified mechanics brings years of experience and a genuine love for automobiles to every job, ensuring your vehicle receives the highest standard of care. We use only top-grade parts and advanced diagnostic tools." description="Velocity Customs was founded on a simple principle: every car deserves the best. Our team of certified mechanics brings years of experience and a genuine love for automobiles to every job, ensuring your vehicle receives the highest standard of care. We use only top-grade parts and advanced diagnostic tools."
metrics={[ metrics={[
{ {
value: "15+", value: "15+", title: "Years Experience"},
title: "Years Experience",
},
{ {
value: "2,500+", value: "2,500+", title: "Cars Serviced"},
title: "Cars Serviced",
},
{ {
value: "100%", value: "100%", title: "Satisfaction"},
title: "Satisfaction",
},
]} ]}
tag="Our Story" tag="Our Story"
imageSrc="http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg" imageSrc="http://img.b2bpic.net/free-photo/shiny-new-car-auto-service-got-problem-with-tyres-which-will-be-sorted-soon_613910-17078.jpg"
@@ -157,23 +112,11 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
features={[ features={[
{ {
title: "Oil Change & Filter Replacement", title: "Oil Change & Filter Replacement", description: "Essential for engine health, our comprehensive oil change service includes premium oil and filter replacement.", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377019.jpg", imageAlt: "Mechanic performing an oil change"},
description: "Essential for engine health, our comprehensive oil change service includes premium oil and filter replacement.",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377019.jpg",
imageAlt: "Mechanic performing an oil change",
},
{ {
title: "Tire Rotation & Balancing", title: "Tire Rotation & Balancing", description: "Extend tire life and improve handling with our professional tire rotation and precision balancing services.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1364.jpg", imageAlt: "Tires being rotated on a car lift"},
description: "Extend tire life and improve handling with our professional tire rotation and precision balancing services.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1364.jpg",
imageAlt: "Tires being rotated on a car lift",
},
{ {
title: "Brake System Inspection & Repair", title: "Brake System Inspection & Repair", description: "Ensure your safety with thorough brake inspections and expert repair or replacement of components.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367555.jpg", imageAlt: "Close-up of brake repair"},
description: "Ensure your safety with thorough brake inspections and expert repair or replacement of components.",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367555.jpg",
imageAlt: "Close-up of brake repair",
},
]} ]}
title="Comprehensive Car Services" title="Comprehensive Car Services"
description="From routine maintenance to complex repairs, our certified technicians handle it all with expertise and care." description="From routine maintenance to complex repairs, our certified technicians handle it all with expertise and care."
@@ -190,65 +133,23 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Velocity Performance", name: "Forged Alloy Wheels", price: "$1,200", rating: 5,
brand: "Velocity Performance", reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31684.jpg", imageAlt: "Stylish car alloy wheel"},
name: "Forged Alloy Wheels",
price: "$1,200",
rating: 5,
reviewCount: "87",
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31684.jpg",
imageAlt: "Stylish car alloy wheel",
},
{ {
id: "p2", id: "p2", brand: "LumenDrive", name: "LED Headlight Upgrade", price: "$350", rating: 4,
brand: "LumenDrive", reviewCount: "123", imageSrc: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg", imageAlt: "Modern LED car headlight"},
name: "LED Headlight Upgrade",
price: "$350",
rating: 4,
reviewCount: "123",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg",
imageAlt: "Modern LED car headlight",
},
{ {
id: "p3", id: "p3", brand: "SonicFlow", name: "Performance Exhaust System", price: "$899", rating: 5,
brand: "SonicFlow", reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078273.jpg", imageAlt: "Performance exhaust system"},
name: "Performance Exhaust System",
price: "$899",
rating: 5,
reviewCount: "65",
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078273.jpg",
imageAlt: "Performance exhaust system",
},
{ {
id: "p4", id: "p4", brand: "GlossGuard", name: "Ultimate Detailing Kit", price: "$150", rating: 4,
brand: "GlossGuard", reviewCount: "201", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg", imageAlt: "Car detailing kit"},
name: "Ultimate Detailing Kit",
price: "$150",
rating: 4,
reviewCount: "201",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg",
imageAlt: "Car detailing kit",
},
{ {
id: "p5", id: "p5", brand: "RidePerfect", name: "Adjustable Coilovers", price: "$1,400", rating: 5,
brand: "RidePerfect", reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fixing-car-undercarriage-autoservice_7502-4425.jpg", imageAlt: "Adjustable car suspension coilover"},
name: "Adjustable Coilovers",
price: "$1,400",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fixing-car-undercarriage-autoservice_7502-4425.jpg",
imageAlt: "Adjustable car suspension coilover",
},
{ {
id: "p6", id: "p6", brand: "LuxeComfort", name: "Custom Leather Seat Covers", price: "$700", rating: 4,
brand: "LuxeComfort", reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg", imageAlt: "Premium car interior accessory"},
name: "Custom Leather Seat Covers",
price: "$700",
rating: 4,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",
imageAlt: "Premium car interior accessory",
},
]} ]}
title="Shop Premium Car Products" title="Shop Premium Car Products"
description="Enhance your driving experience with our curated selection of high-quality parts and accessories." description="Enhance your driving experience with our curated selection of high-quality parts and accessories."
@@ -263,63 +164,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", tag: "Essential Care", tagIcon: Car,
tag: "Essential Care", price: "$99", period: "/service", description: "Basic maintenance for daily drivers.", button: {
tagIcon: Car, text: "Choose Basic", href: "#contact"},
price: "$99", featuresTitle: "Includes:", features: [
period: "/service", "Standard Oil Change", "Tire Pressure Check", "Fluid Top-off", "Multi-point Inspection"],
description: "Basic maintenance for daily drivers.",
button: {
text: "Choose Basic",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Standard Oil Change",
"Tire Pressure Check",
"Fluid Top-off",
"Multi-point Inspection",
],
}, },
{ {
id: "advanced", id: "advanced", tag: "Optimal Performance", tagIcon: Gauge,
tag: "Optimal Performance", price: "$249", period: "/service", description: "In-depth service for enhanced vehicle longevity.", button: {
tagIcon: Gauge, text: "Choose Advanced", href: "#contact"},
price: "$249", featuresTitle: "Includes:", features: [
period: "/service", "Synthetic Oil Change", "Tire Rotation & Balance", "Brake Check", "Battery Health Test", "Engine Diagnostics"],
description: "In-depth service for enhanced vehicle longevity.",
button: {
text: "Choose Advanced",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Synthetic Oil Change",
"Tire Rotation & Balance",
"Brake Check",
"Battery Health Test",
"Engine Diagnostics",
],
}, },
{ {
id: "premium", id: "premium", tag: "Ultimate Customization", tagIcon: Sparkles,
tag: "Ultimate Customization", price: "Custom Quote", period: "/project", description: "Tailored solutions for high-performance and custom builds.", button: {
tagIcon: Sparkles, text: "Get Quote", href: "#contact"},
price: "Custom Quote", featuresTitle: "Includes:", features: [
period: "/project", "Full Performance Tuning", "Custom Exhaust Installation", "Suspension Upgrades", "Bespoke Interior Work", "Advanced Diagnostics & Calibration"],
description: "Tailored solutions for high-performance and custom builds.",
button: {
text: "Get Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full Performance Tuning",
"Custom Exhaust Installation",
"Suspension Upgrades",
"Bespoke Interior Work",
"Advanced Diagnostics & Calibration",
],
}, },
]} ]}
title="Transparent Service Packages" title="Transparent Service Packages"
@@ -334,26 +197,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
team={[ team={[
{ {
id: "tm1", id: "tm1", name: "Alex 'Speed' Johnson", role: "Lead Mechanic & Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg", imageAlt: "Alex Johnson, Lead Mechanic"},
name: "Alex 'Speed' Johnson",
role: "Lead Mechanic & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg",
imageAlt: "Alex Johnson, Lead Mechanic",
},
{ {
id: "tm2", id: "tm2", name: "Maria 'Spark' Rodriguez", role: "Engine Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanics-workshop_329181-11826.jpg", imageAlt: "Maria Rodriguez, Engine Specialist"},
name: "Maria 'Spark' Rodriguez",
role: "Engine Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanics-workshop_329181-11826.jpg",
imageAlt: "Maria Rodriguez, Engine Specialist",
},
{ {
id: "tm3", id: "tm3", name: "David 'Detail' Chen", role: "Body & Customization Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-training-aprentice-car-repair-shop_23-2150367529.jpg", imageAlt: "David Chen, Body & Customization Expert"},
name: "David 'Detail' Chen",
role: "Body & Customization Expert",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-training-aprentice-car-repair-shop_23-2150367529.jpg",
imageAlt: "David Chen, Body & Customization Expert",
},
]} ]}
title="Meet Our Dedicated Team" title="Meet Our Dedicated Team"
description="Our team of passionate and certified automotive experts are here to provide your vehicle with the best care." description="Our team of passionate and certified automotive experts are here to provide your vehicle with the best care."
@@ -367,64 +215,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", role: "Enthusiast", company: "Local Driver", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg", imageAlt: "Sarah J."},
role: "Enthusiast",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg",
imageAlt: "Sarah J.",
},
{ {
id: "t2", id: "t2", name: "Michael C.", role: "Commuter", company: "Daily Rider", rating: 5,
name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg", imageAlt: "Michael C."},
role: "Commuter",
company: "Daily Rider",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg",
imageAlt: "Michael C.",
},
{ {
id: "t3", id: "t3", name: "Emily R.", role: "Collector", company: "Classic Car Owner", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-jacket-showing-double-thumbs-up-looking-confident_176474-31008.jpg", imageAlt: "Emily R."},
role: "Collector",
company: "Classic Car Owner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-jacket-showing-double-thumbs-up-looking-confident_176474-31008.jpg",
imageAlt: "Emily R.",
},
{ {
id: "t4", id: "t4", name: "David K.", role: "Adventure Seeker", company: "Off-Road Driver", rating: 5,
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21197.jpg", imageAlt: "David K."},
role: "Adventure Seeker",
company: "Off-Road Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21197.jpg",
imageAlt: "David K.",
},
{ {
id: "t5", id: "t5", name: "Jessica L.", role: "Family Driver", company: "Mom's Taxi", rating: 5,
name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1267.jpg", imageAlt: "Jessica L."},
role: "Family Driver",
company: "Mom's Taxi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-check-list-customer_1170-1267.jpg",
imageAlt: "Jessica L.",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "99%", value: "99%", label: "Customer Satisfaction"},
label: "Customer Satisfaction",
},
{ {
value: "5/5", value: "5/5", label: "Average Rating"},
label: "Average Rating",
},
{ {
value: "24/7", value: "24/7", label: "Roadside Assistance"},
label: "Roadside Assistance",
},
]} ]}
title="Hear What Our Customers Say" title="Hear What Our Customers Say"
description="Our commitment to quality service and customer satisfaction speaks for itself." description="Our commitment to quality service and customer satisfaction speaks for itself."
@@ -437,20 +249,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How do I book a service?", content: "You can easily book a service through our website, by calling us directly, or by visiting our workshop during business hours. We recommend booking in advance to ensure availability."},
title: "How do I book a service?",
content: "You can easily book a service through our website, by calling us directly, or by visiting our workshop during business hours. We recommend booking in advance to ensure availability.",
},
{ {
id: "f2", id: "f2", title: "What types of vehicles do you service?", content: "We service all makes and models of passenger vehicles, including cars, SUVs, and light trucks. Our technicians are trained to work with a wide range of automotive systems."},
title: "What types of vehicles do you service?",
content: "We service all makes and models of passenger vehicles, including cars, SUVs, and light trucks. Our technicians are trained to work with a wide range of automotive systems.",
},
{ {
id: "f3", id: "f3", title: "Do you offer warranty on your repairs?", content: "Yes, we stand behind our work. All our repairs come with a standard 12-month/12,000-mile warranty on parts and labor, providing you with peace of mind."},
title: "Do you offer warranty on your repairs?",
content: "Yes, we stand behind our work. All our repairs come with a standard 12-month/12,000-mile warranty on parts and labor, providing you with peace of mind.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/laptop-car-bonnet_1170-1495.jpg" imageSrc="http://img.b2bpic.net/free-photo/laptop-car-bonnet_1170-1495.jpg"
imageAlt="Mechanic using a laptop for car diagnostics" imageAlt="Mechanic using a laptop for car diagnostics"
@@ -466,18 +269,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Ready to give your car the care it deserves? Get in touch with us today for a consultation or to schedule your next service." text="Ready to give your car the care it deserves? Get in touch with us today for a consultation or to schedule your next service."
buttons={[ buttons={[
{ {
text: "Call Us Now", text: "Call Us Now", href: "tel:+1234567890"},
href: "tel:+1234567890",
},
{ {
text: "Get Directions", text: "Get Directions", href: "https://maps.google.com/?q=Velocity+Customs+Workshop"},
href: "https://maps.google.com/?q=Velocity+Customs+Workshop",
},
]} ]}
/> />
</div> </div>
@@ -486,66 +284,39 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Oil Change", label: "Oil Change", href: "#services"},
href: "#services",
},
{ {
label: "Brake Repair", label: "Brake Repair", href: "#services"},
href: "#services",
},
{ {
label: "Diagnostics", label: "Diagnostics", href: "#services"},
href: "#services",
},
{ {
label: "Custom Builds", label: "Custom Builds", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "About Us", title: "About Us", items: [
items: [
{ {
label: "Our Story", label: "Our Story", href: "#about"},
href: "#about",
},
{ {
label: "Our Team", label: "Our Team", href: "#team"},
href: "#team",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "Book Now", label: "Book Now", href: "#contact"},
href: "#contact",
},
{ {
label: "Location", label: "Location", href: "https://maps.google.com/?q=Velocity+Customs+Workshop"},
href: "https://maps.google.com/?q=Velocity+Customs+Workshop",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}