Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0f8be250b4 | |||
| b94e655fd2 | |||
| 3e892a0272 | |||
| a99b73dacf | |||
| c37a99798c | |||
| b561d31497 |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Melton Powersports"
|
||||
/>
|
||||
@@ -58,39 +50,23 @@ export default function LandingPage() {
|
||||
description="Expert motorcycle repair and maintenance services. We keep your machine running at its peak performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Pricing", href: "#pricing"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8083.jpg",
|
||||
imageAlt: "Mechanic working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8083.jpg", imageAlt: "Mechanic working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8097.jpg",
|
||||
imageAlt: "Garage tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8097.jpg", imageAlt: "Garage tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8131.jpg",
|
||||
imageAlt: "Maintenance service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8131.jpg", imageAlt: "Maintenance service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-digital-tablet_107420-95942.jpg",
|
||||
imageAlt: "Diagnostic scan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-digital-tablet_107420-95942.jpg", imageAlt: "Diagnostic scan"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11839.jpg",
|
||||
imageAlt: "Tuning engine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11839.jpg", imageAlt: "Tuning engine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-car-shop-together_23-2150377023.jpg",
|
||||
imageAlt: "Tire replacement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-car-shop-together_23-2150377023.jpg", imageAlt: "Tire replacement"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,20 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Performance",
|
||||
description: "Full diagnostics and engine rebuilds to restore factory power.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-tattooed-bearded-mechanic-specialist-repairs-car-engine-which-is-raised-hydraulic-lift-garage-service-station_613910-4863.jpg",
|
||||
},
|
||||
title: "Engine Performance", description: "Full diagnostics and engine rebuilds to restore factory power.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-tattooed-bearded-mechanic-specialist-repairs-car-engine-which-is-raised-hydraulic-lift-garage-service-station_613910-4863.jpg"},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Precision braking system maintenance for maximum rider safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5498.jpg",
|
||||
},
|
||||
title: "Brake Systems", description: "Precision braking system maintenance for maximum rider safety.", imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5498.jpg"},
|
||||
{
|
||||
title: "Electrical Systems",
|
||||
description: "Troubleshooting wiring and modern electronic control unit diagnostics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-rider-trying-reanimate-broken-motorbike_1262-17366.jpg",
|
||||
},
|
||||
title: "Electrical Systems", description: "Troubleshooting wiring and modern electronic control unit diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/focused-rider-trying-reanimate-broken-motorbike_1262-17366.jpg"},
|
||||
]}
|
||||
title="Comprehensive Repair Solutions"
|
||||
description="Whatever you ride, we ensure its safety and performance."
|
||||
@@ -139,54 +106,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Quick Check",
|
||||
price: "$89",
|
||||
period: "once",
|
||||
description: "Essential safety inspection and oil change.",
|
||||
button: {
|
||||
text: "Select Basic",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Oil change",
|
||||
"Safety inspection",
|
||||
"Tire pressure check",
|
||||
],
|
||||
id: "basic", tag: "Quick Check", price: "$89", period: "once", description: "Essential safety inspection and oil change.", button: {
|
||||
text: "Book Basic Package"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Oil change", "Safety inspection", "Tire pressure check"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Full Service",
|
||||
price: "$249",
|
||||
period: "once",
|
||||
description: "Comprehensive maintenance for long rides.",
|
||||
button: {
|
||||
text: "Select Pro",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Basic +",
|
||||
"Brake service",
|
||||
"Drive chain cleaning",
|
||||
"Electrical check",
|
||||
],
|
||||
id: "pro", tag: "Most Popular", price: "$249", period: "once", description: "Comprehensive maintenance for long rides. Our most popular choice for riders seeking peace of mind.", button: {
|
||||
text: "Book Full Service"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Basic +", "Brake service", "Drive chain cleaning", "Electrical check"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
tag: "Performance",
|
||||
price: "$499",
|
||||
period: "once",
|
||||
description: "Deep performance tuning and overhaul.",
|
||||
button: {
|
||||
text: "Select Elite",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Pro +",
|
||||
"Engine tuning",
|
||||
"Suspension adjustment",
|
||||
"Valve clearance",
|
||||
],
|
||||
id: "elite", tag: "Performance", price: "$499", period: "once", description: "Deep performance tuning and overhaul.", button: {
|
||||
text: "Book Performance Tune"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Pro +", "Engine tuning", "Suspension adjustment", "Valve clearance"],
|
||||
},
|
||||
]}
|
||||
title="Service Plans"
|
||||
@@ -201,26 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1200+",
|
||||
title: "Bikes Repaired",
|
||||
description: "Years of hands-on experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1357.jpg",
|
||||
},
|
||||
id: "1", value: "1200+", title: "Bikes Repaired", description: "Years of hands-on experience.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Proven feedback from local riders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-talking-about-car_23-2150171274.jpg",
|
||||
},
|
||||
id: "2", value: "98%", title: "Customer Satisfaction", description: "Proven feedback from local riders.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-talking-about-car_23-2150171274.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24h",
|
||||
title: "Fast Turnaround",
|
||||
description: "Typical service lead time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2981.jpg",
|
||||
},
|
||||
id: "3", value: "24h", title: "Fast Turnaround", description: "Typical service lead time.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2981.jpg"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Reliability and customer satisfaction speak for themselves."
|
||||
@@ -233,45 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Service",
|
||||
quote: "Melton Powersports turned my bike around in a day. Runs better than new!",
|
||||
name: "John Doe",
|
||||
role: "Sportbike Rider",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/awesome-blond-female-jeans-shirt-sitting-moto-scooter-green-park_613910-15442.jpg",
|
||||
},
|
||||
id: "t1", title: "Amazing Service", quote: "Melton Powersports turned my bike around in a day. Runs better than new!", name: "John Doe", role: "Sportbike Rider", imageSrc: "http://img.b2bpic.net/free-photo/awesome-blond-female-jeans-shirt-sitting-moto-scooter-green-park_613910-15442.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Trusted Expert",
|
||||
quote: "They diagnosed an electrical gremlin that 3 other shops couldn't find.",
|
||||
name: "Jane Smith",
|
||||
role: "Daily Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-hat-cute-young-guy-orange-tshirt-with-hat-pointing-with-finger-smile-his-face_140725-163626.jpg",
|
||||
},
|
||||
id: "t2", title: "Trusted Expert", quote: "They diagnosed an electrical gremlin that 3 other shops couldn't find.", name: "Jane Smith", role: "Daily Commuter", imageSrc: "http://img.b2bpic.net/free-photo/orange-hat-cute-young-guy-orange-tshirt-with-hat-pointing-with-finger-smile-his-face_140725-163626.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Staff",
|
||||
quote: "Extremely knowledgeable and very professional staff. Highly recommend.",
|
||||
name: "Mike Ross",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-fashionable-biker-dressed-black-leather-jacket-with-sunglasses-holds-helmet-sitting-his-custom-made-retro-motorcycle-looking-camera_613910-18811.jpg",
|
||||
},
|
||||
id: "t3", title: "Great Staff", quote: "Extremely knowledgeable and very professional staff. Highly recommend.", name: "Mike Ross", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/stylish-fashionable-biker-dressed-black-leather-jacket-with-sunglasses-holds-helmet-sitting-his-custom-made-retro-motorcycle-looking-camera_613910-18811.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier Maintenance",
|
||||
quote: "My bike has never shifted better. Elite service.",
|
||||
name: "Lisa Wang",
|
||||
role: "Track Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-bicycle_23-2148627057.jpg",
|
||||
},
|
||||
id: "t4", title: "Top Tier Maintenance", quote: "My bike has never shifted better. Elite service.", name: "Lisa Wang", role: "Track Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-bicycle_23-2148627057.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Fair Prices",
|
||||
quote: "Honest pricing and excellent quality of work. My go-to shop.",
|
||||
name: "Sam K.",
|
||||
role: "Cruiser Rider",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-3791.jpg",
|
||||
},
|
||||
id: "t5", title: "Fair Prices", quote: "Honest pricing and excellent quality of work. My go-to shop.", name: "Sam K.", role: "Cruiser Rider", imageSrc: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-3791.jpg"},
|
||||
]}
|
||||
title="Rider Feedback"
|
||||
description="See why our customers trust us with their machines."
|
||||
@@ -284,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure prompt service.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure prompt service."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work on all motorcycle brands?",
|
||||
content: "We specialize in most major Japanese and European brands.",
|
||||
},
|
||||
id: "f2", title: "Do you work on all motorcycle brands?", content: "We specialize in most major Japanese and European brands."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long will my repair take?",
|
||||
content: "Most routine maintenance can be completed in 1-2 business days.",
|
||||
},
|
||||
id: "f3", title: "How long will my repair take?", content: "Most routine maintenance can be completed in 1-2 business days."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common repair questions."
|
||||
@@ -312,28 +193,17 @@ export default function LandingPage() {
|
||||
description="Send us a message and our team will get back to you shortly to schedule your maintenance."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "bike",
|
||||
type: "text",
|
||||
placeholder: "Bike Make/Model",
|
||||
required: true,
|
||||
name: "bike", type: "text", placeholder: "Bike Make/Model", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your issue...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your issue...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg"
|
||||
imageAlt="Our service desk"
|
||||
@@ -346,25 +216,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -374,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user