Merge version_1_1781408244685 into main #1
@@ -6,307 +6,146 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Award, Gauge, ThumbsUp, Tool, Wallet, Zap } from "lucide-react";
|
||||
import { Award, Gauge, Wrench, Wallet, Zap, ThumbsUp } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Expert Auto Care in Mombasa"
|
||||
title="Professional Vehicle Repair & Maintenance Services"
|
||||
description="Trusted automotive experts delivering reliable diagnostics, repairs, and maintenance services for all vehicle types."
|
||||
primaryButton={{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/254722369689",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-checking-car-performance_482257-81473.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580534.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11800.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-dark-inside-park-night_1127-2363.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1175.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-engine-while-using-lamp-auto-repair-shop_637285-4291.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Auto Care in Mombasa"
|
||||
title="Professional Vehicle Repair & Maintenance Services"
|
||||
description="Trusted automotive experts delivering reliable diagnostics, repairs, and maintenance services for all vehicle types."
|
||||
primaryButton={{ text: "Book Service", href: "#contact" }}
|
||||
secondaryButton={{ text: "WhatsApp Us", href: "https://wa.me/254722369689" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-checking-car-performance_482257-81473.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580534.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11800.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-tightens-car-screws-with-wrench_482257-76132.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nobody-dark-inside-park-night_1127-2363.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1175.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-engine-while-using-lamp-auto-repair-shop_637285-4291.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Keeping Mombasa Moving"
|
||||
description="Motion Auto Garage Limited is committed to providing reliable automotive repair and maintenance solutions using skilled technicians, modern tools, and quality workmanship. Our mission is to keep vehicles safe, efficient, and roadworthy."
|
||||
items={[
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Experienced Technicians",
|
||||
description: "Highly skilled experts for every vehicle type.",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Advanced Diagnostics",
|
||||
description: "Cutting-edge tools for pinpoint accuracy.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Quality Guarantee",
|
||||
description: "Genuine parts with a satisfaction guarantee.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
title="Keeping Mombasa Moving"
|
||||
description="Motion Auto Garage Limited is committed to providing reliable automotive repair and maintenance solutions using skilled technicians, modern tools, and quality workmanship. Our mission is to keep vehicles safe, efficient, and roadworthy."
|
||||
items={[
|
||||
{ icon: Wrench, title: "Experienced Technicians", description: "Highly skilled experts for every vehicle type." },
|
||||
{ icon: Gauge, title: "Advanced Diagnostics", description: "Cutting-edge tools for pinpoint accuracy." },
|
||||
{ icon: Award, title: "Quality Guarantee", description: "Genuine parts with a satisfaction guarantee." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Why Choose Us"
|
||||
title="Unmatched Excellence"
|
||||
description="We take pride in our precision-driven approach to automotive care."
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Turnaround",
|
||||
description: "We respect your time and get you back on the road.",
|
||||
},
|
||||
{
|
||||
icon: Wallet,
|
||||
title: "Affordable Pricing",
|
||||
description: "Transparent and competitive rates in Mombasa.",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
title: "Customer Guarantee",
|
||||
description: "Your satisfaction is our primary metric of success.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Us"
|
||||
title="Unmatched Excellence"
|
||||
description="We take pride in our precision-driven approach to automotive care."
|
||||
features={[
|
||||
{ icon: Zap, title: "Fast Turnaround", description: "We respect your time and get you back on the road." },
|
||||
{ icon: Wallet, title: "Affordable Pricing", description: "Transparent and competitive rates in Mombasa." },
|
||||
{ icon: ThumbsUp, title: "Customer Guarantee", description: "Your satisfaction is our primary metric of success." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Our Services"
|
||||
title="Comprehensive Auto Solutions"
|
||||
description="From diagnostics to complete engine rebuilds, we cover it all."
|
||||
items={[
|
||||
{
|
||||
title: "Computer Diagnostics",
|
||||
description: "Pinpoint analysis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1295.jpg",
|
||||
},
|
||||
{
|
||||
title: "Engine Repair",
|
||||
description: "Full rebuilds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg",
|
||||
},
|
||||
{
|
||||
title: "Brake Service",
|
||||
description: "Professional safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wheel Alignment",
|
||||
description: "Precision balance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-mechanical-woman-working_23-2148327537.jpg",
|
||||
},
|
||||
{
|
||||
title: "Routine Servicing",
|
||||
description: "Oil changes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-electric-mechanic-uniform-working-auto-service-making-car-diagnostics-using-obd-device-with-laptop_627829-3940.jpg",
|
||||
},
|
||||
{
|
||||
title: "AC Services",
|
||||
description: "Cool performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fleet Maintenance",
|
||||
description: "Business solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Services"
|
||||
title="Comprehensive Auto Solutions"
|
||||
description="From diagnostics to complete engine rebuilds, we cover it all."
|
||||
items={[
|
||||
{ title: "Computer Diagnostics", description: "Pinpoint analysis.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1295.jpg" },
|
||||
{ title: "Engine Repair", description: "Full rebuilds.", imageSrc: "http://img.b2bpic.net/free-photo/employee-checks-car-with-mockup-laptop_482257-91166.jpg" },
|
||||
{ title: "Brake Service", description: "Professional safety.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg" },
|
||||
{ title: "Wheel Alignment", description: "Precision balance.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-mechanical-woman-working_23-2148327537.jpg" },
|
||||
{ title: "Routine Servicing", description: "Oil changes.", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-electric-mechanic-uniform-working-auto-service-making-car-diagnostics-using-obd-device-with-laptop_627829-3940.jpg" },
|
||||
{ title: "AC Services", description: "Cool performance.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg" },
|
||||
{ title: "Fleet Maintenance", description: "Business solutions.", imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Customer Reviews"
|
||||
title="Trusted by Mombasa Drivers"
|
||||
description="Hear what our loyal clients have to say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Kamau",
|
||||
role: "Vehicle Owner",
|
||||
quote: "Fast service and honest pricing. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Wanjiku",
|
||||
role: "Fleet Manager",
|
||||
quote: "Reliable fleet maintenance that keeps my business running.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Otieno",
|
||||
role: "Car Enthusiast",
|
||||
quote: "The mechanics here are skilled and precise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amira Yusuf",
|
||||
role: "Regular Client",
|
||||
quote: "Excellent customer support and very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-inside-car_23-2148213497.jpg",
|
||||
},
|
||||
{
|
||||
name: "Peter Mbugua",
|
||||
role: "Local Business",
|
||||
quote: "Fair prices and quick diagnosis. Truly the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Customer Reviews"
|
||||
title="Trusted by Mombasa Drivers"
|
||||
description="Hear what our loyal clients have to say."
|
||||
testimonials={[
|
||||
{ name: "John Kamau", role: "Vehicle Owner", quote: "Fast service and honest pricing. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg" },
|
||||
{ name: "Sarah Wanjiku", role: "Fleet Manager", quote: "Reliable fleet maintenance that keeps my business running.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg" },
|
||||
{ name: "David Otieno", role: "Car Enthusiast", quote: "The mechanics here are skilled and precise.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg" },
|
||||
{ name: "Amira Yusuf", role: "Regular Client", quote: "Excellent customer support and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-inside-car_23-2148213497.jpg" },
|
||||
{ name: "Peter Mbugua", role: "Local Business", quote: "Fair prices and quick diagnosis. Truly the best.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Demonstrating our commitment to service excellence."
|
||||
metrics={[
|
||||
{
|
||||
value: "5,000+",
|
||||
title: "Vehicles Serviced",
|
||||
features: [
|
||||
"Diagnostic accuracy",
|
||||
"Professional repair",
|
||||
"Preventive care",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Fleet Partners",
|
||||
features: [
|
||||
"Business support",
|
||||
"Routine checks",
|
||||
"Priority access",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
features: [
|
||||
"Client feedback",
|
||||
"Reliable outcomes",
|
||||
"Trusted quality",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Demonstrating our commitment to service excellence."
|
||||
metrics={[
|
||||
{ value: "5,000+", title: "Vehicles Serviced", features: ["Diagnostic accuracy", "Professional repair", "Preventive care"] },
|
||||
{ value: "150+", title: "Fleet Partners", features: ["Business support", "Routine checks", "Priority access"] },
|
||||
{ value: "98%", title: "Satisfaction Rate", features: ["Client feedback", "Reliable outcomes", "Trusted quality"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQs"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What are your operating hours?",
|
||||
answer: "We are open from 8 AM to 6 PM daily.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer emergency roadside assistance?",
|
||||
answer: "Yes, we provide emergency breakdown support in Mombasa.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Do you use genuine parts?",
|
||||
answer: "We strictly use genuine, high-quality spare parts.",
|
||||
},
|
||||
{
|
||||
question: "Can I book service online?",
|
||||
answer: "Yes, use our booking form to secure your slot.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQs"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
categories={[
|
||||
{ name: "General", items: [{ question: "What are your operating hours?", answer: "We are open from 8 AM to 6 PM daily." }, { question: "Do you offer emergency roadside assistance?", answer: "Yes, we provide emergency breakdown support in Mombasa." }] },
|
||||
{ name: "Services", items: [{ question: "Do you use genuine parts?", answer: "We strictly use genuine, high-quality spare parts." }, { question: "Can I book service online?", answer: "Yes, use our booking form to secure your slot." }] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact Us"
|
||||
text="Ready to get back on the road? Book your vehicle service today with Motion Auto Garage."
|
||||
primaryButton={{
|
||||
text: "Book Service Online",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Support",
|
||||
href: "https://wa.me/254722369689",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact Us"
|
||||
text="Ready to get back on the road? Book your vehicle service today with Motion Auto Garage."
|
||||
primaryButton={{ text: "Book Service Online", href: "#" }}
|
||||
secondaryButton={{ text: "WhatsApp Support", href: "https://wa.me/254722369689" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user