Merge version_2 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -30,90 +30,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
name: "Why Us", id: "why"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="KEN 24/7"
|
||||
button={{
|
||||
text: "Call Ken: 555-0199",
|
||||
href: "tel:5550199",
|
||||
}}
|
||||
text: "Call Ken: 555-0199", href: "tel:5550199"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Broken Down in NYC? Ken's Got You."
|
||||
description="24/7 mobile diesel and auto repair. We come to your location—JFK, highways, or your front door. Professional help at any hour."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Ken Now: 555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Call Ken Now: 555-0199", href: "tel:5550199"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092037.jpg"
|
||||
imageAlt="Ken's Mobile Diesel Repair"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171233.jpg",
|
||||
alt: "Medium shot man checking car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171233.jpg", alt: "Medium shot man checking car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468874.jpg",
|
||||
alt: "Scene with photorealistic logistics operations and proceedings",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468874.jpg", alt: "Scene with photorealistic logistics operations and proceedings"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482998.jpg",
|
||||
alt: "Off-road car in the wilderness",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482998.jpg", alt: "Off-road car in the wilderness"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46513.jpg",
|
||||
alt: "A young worker checks wheel. Truck malfunction. Service work.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46513.jpg", alt: "A young worker checks wheel. Truck malfunction. Service work."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468886.jpg",
|
||||
alt: "Scene with photorealistic logistics operations and proceedings",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468886.jpg", alt: "Scene with photorealistic logistics operations and proceedings"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ fleet managers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 EMERGENCY REPAIR",
|
||||
},
|
||||
type: "text", text: "24/7 EMERGENCY REPAIR"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HEAVY DUTY EXPERTS",
|
||||
},
|
||||
type: "text", text: "HEAVY DUTY EXPERTS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MOBILE DIAGNOSTICS",
|
||||
},
|
||||
type: "text", text: "MOBILE DIAGNOSTICS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NYC & NJ SERVICE AREA",
|
||||
},
|
||||
type: "text", text: "NYC & NJ SERVICE AREA"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LICENSED & INSURED",
|
||||
},
|
||||
type: "text", text: "LICENSED & INSURED"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,23 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mobile Diagnostics",
|
||||
description: "Cutting-edge computer diagnostics for all diesel engines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
title: "Mobile Diagnostics", description: "On-site diagnostic repair service. We come to you, so there is never a need for an expensive tow.", imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg", imageAlt: "Diagnostics"},
|
||||
{
|
||||
title: "Battery & Electrical",
|
||||
description: "Professional jump starts and complex electrical troubleshooting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-attaching-jumper-cables-car-battery_1170-1314.jpg",
|
||||
imageAlt: "Jump start",
|
||||
},
|
||||
title: "Battery & Electrical", description: "Immediate on-site electrical troubleshooting to get you moving again with no-tow-needed solutions.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-attaching-jumper-cables-car-battery_1170-1314.jpg", imageAlt: "Jump start"},
|
||||
{
|
||||
title: "Brake Line Repair",
|
||||
description: "Immediate on-site repair for brake lines and fluid leaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",
|
||||
imageAlt: "Brakes",
|
||||
},
|
||||
title: "Brake Line Repair", description: "Expert brake repair directly at your location—no tow required, saving you time and money.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg", imageAlt: "Brakes"},
|
||||
]}
|
||||
title="Expert Mobile Repair Services"
|
||||
description="Comprehensive mechanical solutions for diesel and auto engines, performed wherever you are."
|
||||
@@ -156,9 +111,7 @@ export default function LandingPage() {
|
||||
description="We understand that time is money. That's why we operate 24/7, serving NYC and NJ with fair pricing and specialized knowledge for diesel engines."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Assistance",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Call for Assistance", href: "tel:5550199"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-repair-truck-man-teaches-repair-car-two-men-uniform_1157-46530.jpg"
|
||||
imageAlt="Expertise and reliability"
|
||||
@@ -172,59 +125,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sandra D.",
|
||||
role: "Fleet Manager",
|
||||
company: "Logistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489645.jpg",
|
||||
},
|
||||
id: "1", name: "Sandra D.", role: "Fleet Manager", company: "Logistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489645.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alan W.",
|
||||
role: "Owner-Operator",
|
||||
company: "Self-Employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886879.jpg",
|
||||
},
|
||||
id: "2", name: "Alan W.", role: "Owner-Operator", company: "Self-Employed", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886879.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bernard G.",
|
||||
role: "Truck Driver",
|
||||
company: "TransCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-laptop-standing-street-near-busy-road-city-talking_1258-205603.jpg",
|
||||
},
|
||||
id: "3", name: "Bernard G.", role: "Truck Driver", company: "TransCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-laptop-standing-street-near-busy-road-city-talking_1258-205603.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gloria M.",
|
||||
role: "Supervisor",
|
||||
company: "Airport Shuttle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg",
|
||||
},
|
||||
id: "4", name: "Gloria M.", role: "Supervisor", company: "Airport Shuttle", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/businesswoman-working-warehouse_329181-12795.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Harlan J.",
|
||||
role: "Driver",
|
||||
company: "Freight",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489855.jpg",
|
||||
},
|
||||
id: "5", name: "Harlan J.", role: "Driver", company: "Freight", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489855.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service",
|
||||
},
|
||||
value: "24/7", label: "Service"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Reliability",
|
||||
},
|
||||
value: "100%", label: "Reliability"},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "5-Star", label: "Rating"},
|
||||
]}
|
||||
title="Trusted by Drivers"
|
||||
description="Reliability you can count on when you need it most."
|
||||
@@ -238,26 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "NYC",
|
||||
title: "New York City",
|
||||
description: "Full coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46519.jpg",
|
||||
},
|
||||
id: "m1", value: "NYC", title: "New York City", description: "Full coverage.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46519.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "NJ",
|
||||
title: "New Jersey",
|
||||
description: "Full coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-bicycle-mechanic-with-crossed-arms-holds-cup-key-tool-stand-background-workshop_613910-6013.jpg",
|
||||
},
|
||||
id: "m2", value: "NJ", title: "New Jersey", description: "Full coverage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-bicycle-mechanic-with-crossed-arms-holds-cup-key-tool-stand-background-workshop_613910-6013.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "JFK",
|
||||
title: "JFK Area",
|
||||
description: "Expert airport services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-with-gloves_23-2149714333.jpg",
|
||||
},
|
||||
id: "m3", value: "JFK", title: "JFK Area", description: "Expert airport services.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-with-gloves_23-2149714333.jpg"},
|
||||
]}
|
||||
title="Serving NYC & NJ"
|
||||
description="We are ready to deploy to highways, JFK Airport, and major roadways across the region."
|
||||
@@ -268,16 +175,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="EMERGENCY SERVICE"
|
||||
title="Don't Wait. Call Ken Now."
|
||||
description="Service available 24/7. Call today to get back on the road safely."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Ken: 555-0199",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
text: "Call Ken: 555-0199", href: "tel:5550199"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,33 +192,21 @@ export default function LandingPage() {
|
||||
logoText="KEN 24/7"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#why",
|
||||
},
|
||||
label: "About", href: "#why"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user