Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Mobile Car Diagnostic & Repair"
|
||||
/>
|
||||
@@ -54,109 +42,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Mobile Car Diagnostic & Repair in Manchester"
|
||||
description="Reliable mobile mechanic services for diagnostics, fault finding, battery issues, and urgent vehicle problems at your home, work, or roadside."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "Salford",
|
||||
testimonial: "Came out the same day and sorted my engine light. Professional and honest.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg?_wi=1",
|
||||
imageAlt: "mobile mechanic diagnostic engine",
|
||||
},
|
||||
name: "John Smith", handle: "Salford", testimonial: "Came out the same day and sorted my engine light. Professional and honest.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg", imageAlt: "mobile mechanic diagnostic engine"},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Prestwich",
|
||||
testimonial: "Fantastic service. Saved me a trip to the garage. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg?_wi=1",
|
||||
imageAlt: "mobile mechanic diagnostic engine",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "Prestwich", testimonial: "Fantastic service. Saved me a trip to the garage. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg", imageAlt: "mobile mechanic diagnostic engine"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "Middleton",
|
||||
testimonial: "Quick, reliable, and fair pricing. Will definitely use again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-man-grey-wall_176420-7267.jpg",
|
||||
imageAlt: "mobile mechanic diagnostic engine",
|
||||
},
|
||||
name: "David W.", handle: "Middleton", testimonial: "Quick, reliable, and fair pricing. Will definitely use again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-man-grey-wall_176420-7267.jpg", imageAlt: "mobile mechanic diagnostic engine"},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "Manchester",
|
||||
testimonial: "Super efficient diagnostic service. Back on the road within an hour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
imageAlt: "mobile mechanic diagnostic engine",
|
||||
},
|
||||
name: "Emma L.", handle: "Manchester", testimonial: "Super efficient diagnostic service. Back on the road within an hour.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", imageAlt: "mobile mechanic diagnostic engine"},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "Cheetham Hill",
|
||||
testimonial: "Absolute lifesaver for my battery issues.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
|
||||
imageAlt: "mobile mechanic diagnostic engine",
|
||||
},
|
||||
name: "Chris B.", handle: "Cheetham Hill", testimonial: "Absolute lifesaver for my battery issues.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg", imageAlt: "mobile mechanic diagnostic engine"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:01610000000",
|
||||
},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:01610000000" },
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11130.jpg",
|
||||
alt: "Portrait of a charismatic sensual male in black sweater",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg",
|
||||
alt: "Medium shot unknown man posing in studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg",
|
||||
alt: "Medium shot young man posing in spotlight",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",
|
||||
alt: "Brutal athletic male vogue model dressed in a white shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Business woman in green suit using phone",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11130.jpg", alt: "Portrait of a charismatic sensual male in black sweater" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg", alt: "Medium shot unknown man posing in studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg", alt: "Medium shot young man posing in spotlight" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", alt: "Brutal athletic male vogue model dressed in a white shirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Business woman in green suit using phone" },
|
||||
]}
|
||||
avatarText="Trusted by over 190+ local Manchester residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Diagnostics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Battery Replacement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fault Finding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Servicing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Callouts",
|
||||
},
|
||||
{ type: "text", text: "Engine Diagnostics" },
|
||||
{ type: "text", text: "Battery Replacement" },
|
||||
{ type: "text", text: "Fault Finding" },
|
||||
{ type: "text", text: "Mobile Servicing" },
|
||||
{ type: "text", text: "Emergency Callouts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,13 +90,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Trustpilot",
|
||||
"Facebook Verified",
|
||||
"Checkatrade",
|
||||
"Manchester Business Hub",
|
||||
]}
|
||||
names={["Google Reviews", "Trustpilot", "Facebook Verified", "Checkatrade", "Manchester Business Hub"]}
|
||||
title="Trusted by 190+ Local Customers"
|
||||
description="Providing dependable vehicle care across the Greater Manchester area."
|
||||
/>
|
||||
@@ -183,36 +102,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Mobile Diagnostics",
|
||||
description: "Cutting-edge diagnostic tools to find faults quickly.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Engine Fault Finding",
|
||||
description: "Expert investigation into warning lights and engine performance issues.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Battery & Starting",
|
||||
description: "Instant testing and replacement of failing batteries and starters.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Alternator & Charging",
|
||||
description: "Repairing charging system faults to keep you running.",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Breakdown Help",
|
||||
description: "Urgent assistance when your car lets you down.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Emergency Callouts",
|
||||
description: "Fast response for urgent vehicle problems.",
|
||||
},
|
||||
{ icon: Search, title: "Mobile Diagnostics", description: "Cutting-edge diagnostic tools to find faults quickly." },
|
||||
{ icon: Wrench, title: "Engine Fault Finding", description: "Expert investigation into warning lights and engine performance issues." },
|
||||
{ icon: Zap, title: "Battery & Starting", description: "Instant testing and replacement of failing batteries and starters." },
|
||||
{ icon: Zap, title: "Alternator & Charging", description: "Repairing charging system faults to keep you running." },
|
||||
{ icon: AlertTriangle, title: "Breakdown Help", description: "Urgent assistance when your car lets you down." },
|
||||
{ icon: Wrench, title: "Emergency Callouts", description: "Fast response for urgent vehicle problems." },
|
||||
]}
|
||||
title="Professional Mobile Mechanic Services"
|
||||
description="We bring the garage to you. Expert fault finding and repairs wherever you are in Manchester."
|
||||
@@ -224,13 +119,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Our Mobile Mechanic Service?"
|
||||
description="We are a dedicated local Manchester team committed to honest, convenient, and professional car repair. Forget the hassle of towing or waiting weeks for a garage slot; our fully-equipped mobile units come to your home or office, providing the same high-standard service as a main dealership with personal, local attention."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg?_wi=2"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -239,56 +129,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
date: "10/02/2025",
|
||||
title: "Excellent service",
|
||||
quote: "Came to my workplace in Salford. Diagnostics sorted in minutes. Very impressive.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-man-grey-wall_176420-7267.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg?_wi=3",
|
||||
imageAlt: "friendly man portrait smile",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lucy K.",
|
||||
date: "15/02/2025",
|
||||
title: "Honest Mechanic",
|
||||
quote: "Could have charged me for a full part replacement, but fixed a loose sensor. Total legend.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg?_wi=3",
|
||||
imageAlt: "friendly man portrait smile",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tom H.",
|
||||
date: "20/02/2025",
|
||||
title: "Breakdown hero",
|
||||
quote: "Battery died at home, they were with me in 40 mins and had me back on the road.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-smiling_1187-4949.jpg",
|
||||
imageAlt: "friendly man portrait smile",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma D.",
|
||||
date: "22/02/2025",
|
||||
title: "Highly Professional",
|
||||
quote: "So convenient. I didn't even have to leave my house. Fair prices too.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-supermarket_107420-96366.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg?_wi=1",
|
||||
imageAlt: "friendly man portrait smile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gary T.",
|
||||
date: "25/02/2025",
|
||||
title: "Great communication",
|
||||
quote: "Kept me updated throughout. Very polite and knowledgeable.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/car-mechanic-examining-engine-malfunction-while-using-touchpad-auto-repair-shop_637285-4311.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1305.jpg",
|
||||
imageAlt: "friendly man portrait smile",
|
||||
},
|
||||
{ id: "1", name: "Mark R.", date: "10/02/2025", title: "Excellent service", quote: "Came to my workplace in Salford. Diagnostics sorted in minutes. Very impressive.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-man-grey-wall_176420-7267.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg", imageAlt: "friendly man portrait smile" },
|
||||
{ id: "2", name: "Lucy K.", date: "15/02/2025", title: "Honest Mechanic", quote: "Could have charged me for a full part replacement, but fixed a loose sensor. Total legend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg", imageAlt: "friendly man portrait smile" },
|
||||
{ id: "3", name: "Tom H.", date: "20/02/2025", title: "Breakdown hero", quote: "Battery died at home, they were with me in 40 mins and had me back on the road.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-smiling_1187-4949.jpg", imageAlt: "friendly man portrait smile" },
|
||||
{ id: "4", name: "Emma D.", date: "22/02/2025", title: "Highly Professional", quote: "So convenient. I didn't even have to leave my house. Fair prices too.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-supermarket_107420-96366.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg", imageAlt: "friendly man portrait smile" },
|
||||
{ id: "5", name: "Gary T.", date: "25/02/2025", title: "Great communication", quote: "Kept me updated throughout. Very polite and knowledgeable.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/car-mechanic-examining-engine-malfunction-while-using-touchpad-auto-repair-shop_637285-4311.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1305.jpg", imageAlt: "friendly man portrait smile" },
|
||||
]}
|
||||
title="What Our Manchester Customers Say"
|
||||
description="Authentic feedback from drivers across Greater Manchester."
|
||||
@@ -298,13 +143,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Your Repair"
|
||||
title="Request Your Quote Today"
|
||||
description="Enter your details below and we'll get back to you with a free, no-obligation quote for your vehicle diagnostics or repair."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-yellow-tool-factory_107420-96041.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -314,54 +157,24 @@ export default function LandingPage() {
|
||||
logoText="Mobile Car Diagnostic & Repair"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Battery Issues",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Diagnostics", href: "#services" },
|
||||
{ label: "Emergency Repair", href: "#services" },
|
||||
{ label: "Battery Issues", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Areas Covered",
|
||||
items: [
|
||||
{
|
||||
label: "Manchester",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Salford",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Prestwich",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Middleton",
|
||||
href: "#",
|
||||
},
|
||||
title: "Areas Covered", items: [
|
||||
{ label: "Manchester", href: "#" },
|
||||
{ label: "Salford", href: "#" },
|
||||
{ label: "Prestwich", href: "#" },
|
||||
{ label: "Middleton", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 0161 000 0000",
|
||||
href: "tel:01610000000",
|
||||
},
|
||||
{
|
||||
label: "Email: contact@mcr-mechanic.uk",
|
||||
href: "mailto:contact@mcr-mechanic.uk",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Call: 0161 000 0000", href: "tel:01610000000" },
|
||||
{ label: "Email: contact@mcr-mechanic.uk", href: "mailto:contact@mcr-mechanic.uk" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +183,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user