bender/35c8dcc0-b5ba-4a4d-871f-818dd25d3f7b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-15 21:55:32 +00:00
Conversation 0 Commits 1 Files Changed 1 +41 -244
1 changed files with 41 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -32,57 +32,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="J & J Recovery Service"
button={{
text: "Call Now",
href: "tel:5550123456",
}}
button={{ text: "Call Now", href: "tel:5550123456" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Reliable Recovery When You Need It Most"
description="J & J Recovery Service provides fast, professional towing and roadside assistance 24/7. Trusted by drivers for quick response and expert care."
buttons={[
{
text: "Get Emergency Help",
href: "tel:5550123456",
},
]}
buttons={[{ text: "Get Emergency Help", href: "tel:5550123456" }]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6rind&_wi=1",
imageAlt: "towing truck road assistance",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guyq8e&_wi=1",
imageAlt: "roadside assistance professional crew",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt7vxm&_wi=1",
imageAlt: "towing professional service truck",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6rind", imageAlt: "towing truck road assistance" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guyq8e", imageAlt: "roadside assistance professional crew" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt7vxm", imageAlt: "towing professional service truck" }
]}
mediaAnimation="slide-up"
/>
@@ -92,15 +61,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About J & J Recovery Service",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=encvys",
alt: "professional tow truck driver",
},
{ type: "text", content: "About J & J Recovery Service" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=encvys", alt: "professional tow truck driver" }
]}
/>
</div>
@@ -112,47 +74,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "24/7 Emergency Towing",
description: "Rapid response for any breakdown or accident recovery, day or night.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyzhg6",
imageAlt: "tow truck road service",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5j7tcq",
imageAlt: "towing truck engine check",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6rind&_wi=2",
imageAlt: "tow truck road service",
title: "24/7 Emergency Towing", description: "Rapid response for any breakdown or accident recovery, day or night.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyzhg6", imageAlt: "tow truck road service" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5j7tcq", imageAlt: "towing truck engine check" }
},
{
title: "Battery Jump Starts",
description: "Don't let a dead battery stall your day. We provide quick jump starts anywhere.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6hvyk9",
imageAlt: "tow truck road service",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f4w68",
imageAlt: "towing truck engine check",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guyq8e&_wi=2",
imageAlt: "tow truck road service",
title: "Battery Jump Starts", description: "Don't let a dead battery stall your day. We provide quick jump starts anywhere.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6hvyk9", imageAlt: "tow truck road service" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f4w68", imageAlt: "towing truck engine check" }
},
{
title: "Lockout Services",
description: "Locked your keys in your vehicle? Our professional team will get you back in.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh1ic5",
imageAlt: "tow truck road service",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cemovd",
imageAlt: "towing truck engine check",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt7vxm&_wi=2",
imageAlt: "tow truck road service",
},
title: "Lockout Services", description: "Locked your keys in your vehicle? Our professional team will get you back in.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh1ic5", imageAlt: "tow truck road service" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cemovd", imageAlt: "towing truck engine check" }
}
]}
showStepNumbers={false}
title="Our Professional Services"
@@ -167,27 +99,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Decades of professional recovery expertise.",
icon: Award,
},
{
id: "m2",
value: "24/7",
title: "Availability",
description: "Always ready to assist you.",
icon: Clock,
},
{
id: "m3",
value: "30min",
title: "Average Response",
description: "Quickest response times in the city.",
icon: Zap,
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Decades of professional recovery expertise.", icon: Award },
{ id: "m2", value: "24/7", title: "Availability", description: "Always ready to assist you.", icon: Clock },
{ id: "m3", value: "30min", title: "Average Response", description: "Quickest response times in the city.", icon: Zap }
]}
title="Why Trust Us"
description="Excellence in service, every single time."
@@ -201,50 +115,17 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
title: "Standard Tow",
price: "$75",
period: "flat rate",
features: [
"Within 5 miles",
"24/7 support",
],
button: {
text: "Call to Book",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hw1rn",
imageAlt: "towing service emergency night",
id: "p1", title: "Standard Tow", price: "$75", period: "flat rate", features: ["Within 5 miles", "24/7 support"],
button: { text: "Call to Book" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hw1rn", imageAlt: "towing service emergency night"
},
{
id: "p2",
title: "Roadside Support",
price: "$50",
period: "flat rate",
features: [
"Jump start",
"Lockout assist",
],
button: {
text: "Call to Book",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6rind&_wi=3",
imageAlt: "towing service emergency night",
id: "p2", title: "Roadside Support", price: "$50", period: "flat rate", features: ["Jump start", "Lockout assist"],
button: { text: "Call to Book" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6rind", imageAlt: "towing service emergency night"
},
{
id: "p3",
title: "Long Distance",
price: "Custom",
period: "quoted",
features: [
"Over 5 miles",
"Customized rate",
],
button: {
text: "Call to Book",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guyq8e&_wi=3",
imageAlt: "towing service emergency night",
},
id: "p3", title: "Long Distance", price: "Custom", period: "quoted", features: ["Over 5 miles", "Customized rate"],
button: { text: "Call to Book" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=guyq8e", imageAlt: "towing service emergency night"
}
]}
title="Clear & Transparent Pricing"
description="No hidden fees, just professional service."
@@ -258,51 +139,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "Local Driver",
company: "Customer",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lug8s7",
imageAlt: "portrait customer satisfied smiling",
},
{
id: "t2",
name: "Sarah Smith",
role: "Commuter",
company: "Customer",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hcac7b",
imageAlt: "portrait car driver happy",
},
{
id: "t3",
name: "Michael Brown",
role: "Trucker",
company: "Customer",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=13xp9o",
imageAlt: "client roadside assistance happy",
},
{
id: "t4",
name: "Emily Davis",
role: "Student",
company: "Customer",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fzvcm",
imageAlt: "satisfied driver portrait",
},
{
id: "t5",
name: "David Wilson",
role: "Business Owner",
company: "Customer",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fspprq",
imageAlt: "portrait driver satisfied",
},
{ id: "t1", name: "John Doe", role: "Local Driver", company: "Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lug8s7", imageAlt: "portrait customer satisfied smiling" },
{ id: "t2", name: "Sarah Smith", role: "Commuter", company: "Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hcac7b", imageAlt: "portrait car driver happy" },
{ id: "t3", name: "Michael Brown", role: "Trucker", company: "Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=13xp9o", imageAlt: "client roadside assistance happy" },
{ id: "t4", name: "Emily Davis", role: "Student", company: "Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fzvcm", imageAlt: "satisfied driver portrait" },
{ id: "t5", name: "David Wilson", role: "Business Owner", company: "Customer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fspprq", imageAlt: "portrait driver satisfied" }
]}
title="Trusted by Locals"
description="What our satisfied clients say about us."
@@ -314,21 +155,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer 24/7 service?",
content: "Yes, our team is available 24/7 to handle any roadside emergency.",
},
{
id: "f2",
title: "What areas do you cover?",
content: "We cover a 50-mile radius around our central dispatch location.",
},
{
id: "f3",
title: "How long until you arrive?",
content: "Our average response time is under 30 minutes, traffic permitting.",
},
{ id: "f1", title: "Do you offer 24/7 service?", content: "Yes, our team is available 24/7 to handle any roadside emergency." },
{ id: "f2", title: "What areas do you cover?", content: "We cover a 50-mile radius around our central dispatch location." },
{ id: "f3", title: "How long until you arrive?", content: "Our average response time is under 30 minutes, traffic permitting." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7hobta"
title="Frequently Asked Questions"
@@ -344,18 +173,8 @@ export default function LandingPage() {
title="Get in Touch"
description="Need immediate service? Give us a call or send a request."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsxji1"
imageAlt="towing service dispatcher communication"
@@ -365,30 +184,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Emergency Call",
href: "tel:5550123456",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Emergency Call", href: "tel:5550123456" }, { label: "Privacy Policy", href: "#" }] }
]}
logoText="J & J Recovery Service"
/>