Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-11 15:27:52 +00:00

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Services", name: "Services", id: "features"},
id: "features",
},
{ {
name: "Pricing", name: "Pricing", id: "pricing"},
id: "pricing",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Mobile Mechanic Pro" brandName="Mobile Mechanic Pro"
/> />
@@ -59,104 +49,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Expert Mobile Mechanic Services" title="Expert Mobile Mechanic Services"
description="We bring professional automotive repair directly to your home or office. Save time and get back on the road with our expert on-site technicians." description="We bring professional automotive repair directly to your home or office. Save time and get back on the road with our expert on-site technicians."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28671.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28671.jpg?_wi=1", imageAlt: "Mechanic at work"},
imageAlt: "Mechanic at work",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/wrenches-pocket-repairmen_23-2147897984.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/wrenches-pocket-repairmen_23-2147897984.jpg?_wi=1", imageAlt: "Mobile service van"},
imageAlt: "Mobile service van",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1186.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1186.jpg", imageAlt: "Close view of tools"},
imageAlt: "Close view of tools",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-using-digital-tablet-while-working-auto-repair-shop_637285-7606.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-car-mechanic-using-digital-tablet-while-working-auto-repair-shop_637285-7606.jpg", imageAlt: "Mechanic using tablet"},
imageAlt: "Mechanic using tablet",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-using-compressed-air-clean-inside-dirty-smartphone-repair-shop-latin-man-with-gloves-cleaning-cellphone_662251-280.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-using-compressed-air-clean-inside-dirty-smartphone-repair-shop-latin-man-with-gloves-cleaning-cellphone_662251-280.jpg", imageAlt: "Technician cleaning equipment"},
imageAlt: "Technician cleaning equipment",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-car-garage-with-tools_1157-46539.jpg", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-car-garage-with-tools_1157-46539.jpg", imageAlt: "Mechanic van"},
imageAlt: "Mechanic van",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1482.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1482.jpg", imageAlt: "Diagnostic check"},
imageAlt: "Diagnostic check",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/picture-joyful-electronic-engineer-holding-smartphone-plug-having-cords-electronic-equipment-tools-neck-smiling-sincerely_176532-10164.jpg", imageSrc: "http://img.b2bpic.net/free-photo/picture-joyful-electronic-engineer-holding-smartphone-plug-having-cords-electronic-equipment-tools-neck-smiling-sincerely_176532-10164.jpg", imageAlt: "Engineer smiling"},
imageAlt: "Engineer smiling",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car_1170-1452.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car_1170-1452.jpg", imageAlt: "Female mechanic examining car"},
imageAlt: "Female mechanic examining car",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-service_23-2150171258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-service_23-2150171258.jpg", imageAlt: "Man working in service"},
imageAlt: "Man working in service",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/front-view-man-wearing-protection-equipment_23-2149714353.jpg", src: "http://img.b2bpic.net/free-photo/front-view-man-wearing-protection-equipment_23-2149714353.jpg", alt: "Mechanic headshot 1"},
alt: "Mechanic headshot 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-car_23-2150171268.jpg", src: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-car_23-2150171268.jpg", alt: "Mechanic headshot 2"},
alt: "Mechanic headshot 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881763.jpg", src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881763.jpg", alt: "Mechanic headshot 3"},
alt: "Mechanic headshot 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg", src: "http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg", alt: "Mechanic headshot 4"},
alt: "Mechanic headshot 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1318.jpg", src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1318.jpg", alt: "Mechanic headshot 5"},
alt: "Mechanic headshot 5",
},
]} ]}
avatarText="Our expert team is ready to help." avatarText="Our expert team is ready to help."
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Trusted Service"},
text: "Trusted Service",
},
{ {
type: "text", type: "text", text: "ASE Certified"},
text: "ASE Certified",
},
{ {
type: "text", type: "text", text: "Fully Insured"},
text: "Fully Insured",
},
{ {
type: "text", type: "text", text: "24/7 Availability"},
text: "24/7 Availability",
},
{ {
type: "text", type: "text", text: "Local Experts"},
text: "Local Experts",
},
]} ]}
/> />
</div> </div>
@@ -168,40 +115,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "On-Site Diagnostics", description: "We diagnose your vehicle problems exactly where they are parked.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg"},
title: "On-Site Diagnostics",
description: "We diagnose your vehicle problems exactly where they are parked.",
tag: "Convenience",
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg",
},
{ {
id: "f2", id: "f2", title: "Rapid Tire Services", description: "Mobile tire replacement and balancing at your convenience.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg"},
title: "Rapid Tire Services",
description: "Mobile tire replacement and balancing at your convenience.",
tag: "Expertise",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg",
},
{ {
id: "f3", id: "f3", title: "Preventative Maintenance", description: "Full oil changes, filter swaps, and fluid checks on the spot.", tag: "Reliability", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg"},
title: "Preventative Maintenance",
description: "Full oil changes, filter swaps, and fluid checks on the spot.",
tag: "Reliability",
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg",
},
{ {
id: "f4", id: "f4", title: "Engine Diagnostics", description: "Advanced scanning technology for all modern engine issues.", tag: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1631.jpg"},
title: "Engine Diagnostics",
description: "Advanced scanning technology for all modern engine issues.",
tag: "Precision",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1631.jpg",
},
{ {
id: "f5", id: "f5", title: "Brake System Repair", description: "Complete brake pad and rotor replacements delivered to you.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-holding-repairing-equipment_23-2150376982.jpg"},
title: "Brake System Repair",
description: "Complete brake pad and rotor replacements delivered to you.",
tag: "Safety",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-holding-repairing-equipment_23-2150376982.jpg",
},
]} ]}
title="Why Choose Mobile Mechanic Pro" title="Why Choose Mobile Mechanic Pro"
description="Premium automotive service that travels to you." description="Premium automotive service that travels to you."
@@ -216,20 +138,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "1500+", description: "Successful On-Site Repairs"},
value: "1500+",
description: "Successful On-Site Repairs",
},
{ {
id: "m2", id: "m2", value: "4.9/5", description: "Customer Satisfaction"},
value: "4.9/5",
description: "Customer Satisfaction",
},
{ {
id: "m3", id: "m3", value: "100%", description: "Quality Guaranteed"},
value: "100%",
description: "Quality Guaranteed",
},
]} ]}
title="Our Track Record" title="Our Track Record"
description="Serving the local community with transparency and skill." description="Serving the local community with transparency and skill."
@@ -243,40 +156,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Miller", role: "Office Manager", testimonial: "Extremely convenient and professional. They fixed my engine at my home during my workday.", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg"},
name: "Sarah Miller",
role: "Office Manager",
testimonial: "Extremely convenient and professional. They fixed my engine at my home during my workday.",
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
},
{ {
id: "2", id: "2", name: "John Doe", role: "Architect", testimonial: "Best mobile service in the area. Very fast response time and fair pricing.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg"},
name: "John Doe",
role: "Architect",
testimonial: "Best mobile service in the area. Very fast response time and fair pricing.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg",
},
{ {
id: "3", id: "3", name: "Emily Chen", role: "Developer", testimonial: "Saved me so much time. Will definitely book again.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-showing-customer-car-changes_482257-76110.jpg"},
name: "Emily Chen",
role: "Developer",
testimonial: "Saved me so much time. Will definitely book again.",
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-showing-customer-car-changes_482257-76110.jpg",
},
{ {
id: "4", id: "4", name: "Mark Wilson", role: "Consultant", testimonial: "Excellent service and very knowledgeable technician. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg"},
name: "Mark Wilson",
role: "Consultant",
testimonial: "Excellent service and very knowledgeable technician. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg",
},
{ {
id: "5", id: "5", name: "Alex Baker", role: "Designer", testimonial: "They made my car maintenance so much easier. Professional and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg"},
name: "Alex Baker",
role: "Designer",
testimonial: "They made my car maintenance so much easier. Professional and efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg",
},
]} ]}
title="What Our Customers Say" title="What Our Customers Say"
description="Trusted by hundreds for professional auto repair." description="Trusted by hundreds for professional auto repair."
@@ -289,20 +177,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Do I need to be home for the service?", content: "No, as long as our technician has access to the vehicle, we can perform the service while you are away."},
title: "Do I need to be home for the service?",
content: "No, as long as our technician has access to the vehicle, we can perform the service while you are away.",
},
{ {
id: "q2", id: "q2", title: "Do you carry spare parts?", content: "We carry common parts and diagnostic tools. If a specialized part is needed, we will order it and schedule a follow-up visit."},
title: "Do you carry spare parts?",
content: "We carry common parts and diagnostic tools. If a specialized part is needed, we will order it and schedule a follow-up visit.",
},
{ {
id: "q3", id: "q3", title: "Is your service guaranteed?", content: "Yes, all our services come with a 12-month or 12,000-mile parts and labor warranty."},
title: "Is your service guaranteed?",
content: "Yes, all our services come with a 12-month or 12,000-mile parts and labor warranty.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about our mobile service." description="Everything you need to know about our mobile service."
@@ -317,56 +196,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "p1", id: "p2", title: "Full Oil Change", price: "$149", period: "/ service", features: [
title: "Basic Checkup", "Synthetic Oil", "Filter Change", "Safety Inspection"],
price: "$99",
period: "/ visit",
features: [
"Diagnostic Report",
"Fluid Check",
"Battery Test",
],
button: { button: {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28671.jpg?_wi=2", imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station"},
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-repairman-man-putting-gloves-work-with-car-service-station_496169-984.jpg",
imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station",
},
{ {
id: "p2", id: "p1", title: "Basic Checkup", price: "$99", period: "/ visit", features: [
title: "Full Oil Change", "Diagnostic Report", "Fluid Check", "Battery Test"],
price: "$149",
period: "/ service",
features: [
"Synthetic Oil",
"Filter Change",
"Safety Inspection",
],
button: { button: {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/side-view-repairman-man-putting-gloves-work-with-car-service-station_496169-984.jpg", imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station"},
},
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28671.jpg?_wi=2",
imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station",
},
{ {
id: "p3", id: "p3", title: "Premium Maintenance", price: "$299", period: "/ service", features: [
title: "Premium Maintenance", "Full Maintenance", "Tire Rotation", "Comprehensive Scan"],
price: "$299",
period: "/ service",
features: [
"Full Maintenance",
"Tire Rotation",
"Comprehensive Scan",
],
button: { button: {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/wrenches-pocket-repairmen_23-2147897984.jpg?_wi=2", imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station"},
},
imageSrc: "http://img.b2bpic.net/free-photo/wrenches-pocket-repairmen_23-2147897984.jpg?_wi=2",
imageAlt: "Side view of repairman man putting on gloves for a work with a car in service station",
},
]} ]}
title="Transparent Pricing" title="Transparent Pricing"
description="Fair prices for professional mobile service." description="Fair prices for professional mobile service."
@@ -386,14 +232,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Ready to book your service? Get in touch with our team today and schedule your mobile visit." text="Ready to book your service? Get in touch with our team today and schedule your mobile visit."
buttons={[ buttons={[
{ {
text: "Book Appointment", text: "Book Appointment", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -402,16 +245,12 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Mobile Mechanic Pro" logoText="Mobile Mechanic Pro"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }