bender/6e491ded-80a3-42d4-a73d-20bf6d6c1273
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 14:20:07 +00:00
parent 8ab64a9274
commit c845a2ac29
1 changed files with 49 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Mobile Mechanic"
/>
@@ -57,46 +42,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Fast & Reliable Mobile Mechanic Services"
description="Professional auto repair services brought directly to your location. We bring the shop to you."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550199",
},
{ text: "Book Appointment", href: "#contact" },
{ text: "Call Now", href: "tel:5550199" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881910.jpg?_wi=1",
imageAlt: "mobile mechanic repair car drive",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1312.jpg",
imageAlt: "mobile mechanic repair car drive",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairs-man-talking-phone-while-working-workshop_637285-8646.jpg",
imageAlt: "mobile mechanic repair car drive",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-lamp-while-examining-front-bumper-car-auto-repair-shop_637285-4297.jpg",
imageAlt: "mobile mechanic repair car drive",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-mobile-phone_1170-1193.jpg",
imageAlt: "mobile mechanic repair car drive",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg",
imageAlt: "mobile mechanic repair car drive",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881910.jpg", imageAlt: "mobile mechanic repair car drive" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1312.jpg", imageAlt: "mobile mechanic repair car drive" },
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-repairs-man-talking-phone-while-working-workshop_637285-8646.jpg", imageAlt: "mobile mechanic repair car drive" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-lamp-while-examining-front-bumper-car-auto-repair-shop_637285-4297.jpg", imageAlt: "mobile mechanic repair car drive" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-mobile-phone_1170-1193.jpg", imageAlt: "mobile mechanic repair car drive" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg", imageAlt: "mobile mechanic repair car drive" },
]}
/>
</div>
@@ -108,20 +67,11 @@ export default function LandingPage() {
title="Trusted Auto Repair at Your Doorstep"
description="Elite Mobile Mechanic provides trusted, convenient, and affordable auto repair services. Our experienced, certified mechanics use top-tier equipment to resolve your vehicle issues quickly, ensuring minimal disruption to your busy schedule."
bulletPoints={[
{
title: "Experience",
description: "Years of professional auto repair expertise.",
},
{
title: "Convenience",
description: "Mobile services directly to your home or office.",
},
{
title: "Reliability",
description: "Trusted by locals for fast response times.",
},
{ title: "Experience", description: "Years of professional auto repair expertise." },
{ title: "Convenience", description: "Mobile services directly to your home or office." },
{ title: "Reliability", description: "Trusted by locals for fast response times." },
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg"
imageAlt="friendly mobile mechanic service"
mediaAnimation="slide-up"
/>
@@ -133,66 +83,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Brake Repair",
description: "Quality pad and rotor replacement for maximum safety.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: ShieldCheck,
},
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150169948.jpg",
imageAlt: "Male mechanic working in the shop on a car",
},
{
title: "Battery Services",
description: "Fast testing and replacement at your location.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Zap,
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881910.jpg?_wi=2",
imageAlt: "Male mechanic working in the shop on a car",
},
{
title: "Oil Changes",
description: "Routine maintenance kept easy and hassle-free.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Droplets,
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg?_wi=2",
imageAlt: "Male mechanic working in the shop on a car",
},
{
title: "Diagnostics",
description: "State-of-the-art engine diagnostics for all makes.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Search,
},
imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg?_wi=1",
imageAlt: "Male mechanic working in the shop on a car",
},
{
title: "Roadside Assistance",
description: "Emergency help when you need it most.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: HelpCircle,
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg?_wi=1",
imageAlt: "Male mechanic working in the shop on a car",
},
{
title: "Alternator & Starter",
description: "Expert repairs for electrical charging issues.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Settings,
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg?_wi=1",
imageAlt: "Male mechanic working in the shop on a car",
},
{ title: "Brake Repair", description: "Quality pad and rotor replacement for maximum safety.", bentoComponent: { bentoComponent: "reveal-icon", icon: ShieldCheck }, imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150169948.jpg", imageAlt: "Male mechanic working in the shop on a car" },
{ title: "Battery Services", description: "Fast testing and replacement at your location.", bentoComponent: { bentoComponent: "reveal-icon", icon: Zap }, imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881910.jpg", imageAlt: "Male mechanic working in the shop on a car" },
{ title: "Oil Changes", description: "Routine maintenance kept easy and hassle-free.", bentoComponent: { bentoComponent: "reveal-icon", icon: Droplets }, imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg", imageAlt: "Male mechanic working in the shop on a car" },
{ title: "Diagnostics", description: "State-of-the-art engine diagnostics for all makes.", bentoComponent: { bentoComponent: "reveal-icon", icon: Search }, imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg", imageAlt: "Male mechanic working in the shop on a car" },
{ title: "Roadside Assistance", description: "Emergency help when you need it most.", bentoComponent: { bentoComponent: "reveal-icon", icon: HelpCircle }, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageAlt: "Male mechanic working in the shop on a car" },
{ title: "Alternator & Starter", description: "Expert repairs for electrical charging issues.", bentoComponent: { bentoComponent: "reveal-icon", icon: Settings }, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", imageAlt: "Male mechanic working in the shop on a car" },
]}
title="Professional Services"
description="Comprehensive automotive solutions brought right to your location."
@@ -205,74 +101,17 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Megan Alfonso",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg?_wi=2",
imageAlt: "customer profile picture portrait",
},
{
id: "2",
name: "Ravi Patel",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg?_wi=2",
imageAlt: "customer profile picture portrait",
},
{
id: "3",
name: "Aaron Johnson",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg?_wi=2",
imageAlt: "customer profile picture portrait",
},
{
id: "4",
name: "Collin Murphy",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
imageAlt: "customer profile picture portrait",
},
{
id: "5",
name: "Andy Benson",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
imageAlt: "customer profile picture portrait",
},
{
id: "6",
name: "Alexandra de Cores",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
imageAlt: "customer profile picture portrait",
},
{ id: "1", name: "Megan Alfonso", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg", imageAlt: "customer profile picture portrait" },
{ id: "2", name: "Ravi Patel", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageAlt: "customer profile picture portrait" },
{ id: "3", name: "Aaron Johnson", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", imageAlt: "customer profile picture portrait" },
{ id: "4", name: "Collin Murphy", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", imageAlt: "customer profile picture portrait" },
{ id: "5", name: "Andy Benson", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "customer profile picture portrait" },
{ id: "6", name: "Alexandra de Cores", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "customer profile picture portrait" },
]}
kpiItems={[
{
value: "5.0",
label: "Rating",
},
{
value: "100%",
label: "Satisfaction",
},
{
value: "24/7",
label: "Responsive",
},
{ value: "5.0", label: "Rating" },
{ value: "100%", label: "Satisfaction" },
{ value: "24/7", label: "Responsive" },
]}
title="Customer Reviews"
description="See why our local community trusts Elite Mobile Mechanic."
@@ -285,36 +124,12 @@ export default function LandingPage() {
title="Why Choose Elite Mobile Mechanic"
tag="Our Values"
metrics={[
{
id: "1",
value: "Fast",
description: "Response time",
},
{
id: "2",
value: "Honest",
description: "Pricing",
},
{
id: "3",
value: "Certified",
description: "Mechanics",
},
{
id: "4",
value: "Convenient",
description: "Mobile service",
},
{
id: "5",
value: "Local",
description: "Trusted brand",
},
{
id: "6",
value: "24/7",
description: "Emergency services",
},
{ id: "1", value: "Fast", description: "Response time" },
{ id: "2", value: "Honest", description: "Pricing" },
{ id: "3", value: "Certified", description: "Mechanics" },
{ id: "4", value: "Convenient", description: "Mobile service" },
{ id: "5", value: "Local", description: "Trusted brand" },
{ id: "6", value: "24/7", description: "Emergency services" },
]}
metricsAnimation="slide-up"
/>
@@ -323,19 +138,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to get back on the road? Book an appointment with our elite team today."
buttons={[
{
text: "Call Now: (555) 0199",
href: "tel:5550199",
},
{
text: "Email Us",
href: "mailto:hello@elitemobilemechanic.com",
},
{ text: "Call Now: (555) 0199", href: "tel:5550199" },
{ text: "Email Us", href: "mailto:hello@elitemobilemechanic.com" },
]}
/>
</div>
@@ -344,33 +151,16 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Reviews",
href: "#testimonials",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Reviews", href: "#testimonials" },
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "FAQ",
href: "#",
},
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#" },
],
},
]}