Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Excellence Towing"
|
||||
/>
|
||||
@@ -51,80 +39,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fast. Reliable. Excellence Towing."
|
||||
description="24/7 Towing & Roadside Assistance in New Hope, MN You Can Trust. Get the help you need, right when you need it most."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Response",
|
||||
},
|
||||
{
|
||||
value: "Trusted",
|
||||
label: "Local",
|
||||
},
|
||||
{ value: "24/7", label: "Availability" },
|
||||
{ value: "Fast", label: "Response" },
|
||||
{ value: "Trusted", label: "Local" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now for Immediate Help",
|
||||
href: "tel:+17601420000",
|
||||
},
|
||||
{
|
||||
text: "Get Help Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now for Immediate Help", href: "tel:+17601420000" },
|
||||
{ text: "Get Help Now", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sunset-through-lifted-car_23-2148321926.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sunset-through-lifted-car_23-2148321926.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flatbed Towing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fuel Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quick Response",
|
||||
},
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Flatbed Towing" },
|
||||
{ type: "text", text: "Fuel Delivery" },
|
||||
{ type: "text", text: "Quick Response" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,42 +77,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Towing",
|
||||
description: "Fast, reliable response when you are stranded in an emergency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc&_wi=1",
|
||||
imageAlt: "Emergency Towing",
|
||||
},
|
||||
{
|
||||
title: "Roadside Assistance",
|
||||
description: "Professional support for all your roadside needs in New Hope, MN.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc&_wi=2",
|
||||
imageAlt: "Roadside Assistance",
|
||||
},
|
||||
{
|
||||
title: "Jump Starts",
|
||||
description: "Dead battery? We provide quick, professional jump start service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg?_wi=1",
|
||||
imageAlt: "Jump Starts",
|
||||
},
|
||||
{
|
||||
title: "Tire Changes",
|
||||
description: "Quick and safe tire replacement so you can continue your journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg?_wi=2",
|
||||
imageAlt: "Tire Changes",
|
||||
},
|
||||
{
|
||||
title: "Vehicle Lockouts",
|
||||
description: "Lost your keys? Get back into your vehicle fast with our expert help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg?_wi=1",
|
||||
imageAlt: "Vehicle Lockouts",
|
||||
},
|
||||
{
|
||||
title: "Emergency Recovery",
|
||||
description: "Professional recovery services for tough, complex situations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg?_wi=2",
|
||||
imageAlt: "Emergency Recovery",
|
||||
},
|
||||
{ title: "Emergency Towing", description: "Fast, reliable response when you are stranded in an emergency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc", imageAlt: "Emergency Towing" },
|
||||
{ title: "Roadside Assistance", description: "Professional support for all your roadside needs in New Hope, MN.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc", imageAlt: "Roadside Assistance" },
|
||||
{ title: "Jump Starts", description: "Dead battery? We provide quick, professional jump start service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg", imageAlt: "Jump Starts" },
|
||||
{ title: "Tire Changes", description: "Quick and safe tire replacement so you can continue your journey.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg", imageAlt: "Tire Changes" },
|
||||
{ title: "Vehicle Lockouts", description: "Lost your keys? Get back into your vehicle fast with our expert help.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg", imageAlt: "Vehicle Lockouts" },
|
||||
{ title: "Emergency Recovery", description: "Professional recovery services for tough, complex situations.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg", imageAlt: "Emergency Recovery" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive towing and roadside assistance solutions designed to get you back on the road safely."
|
||||
@@ -180,12 +93,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Excellence Towing?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17601420000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+17601420000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,12 +101,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Excellence Towing in New Hope, MN"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17601420000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+17601420000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -207,61 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024-05-10",
|
||||
title: "Great Service",
|
||||
quote: "Super fast response and very professional. Highly recommend!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sunset-through-lifted-car_23-2148321926.jpg?_wi=2",
|
||||
imageAlt: "tow truck night city rainy",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
date: "2024-04-22",
|
||||
title: "Saved Me",
|
||||
quote: "Saved me late at night—arrived quicker than expected.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc&_wi=3",
|
||||
imageAlt: "tow truck icon blue neon",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2024-03-15",
|
||||
title: "Excellent",
|
||||
quote: "Fair pricing and excellent service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg?_wi=3",
|
||||
imageAlt: "roadside assistance flat tire",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "2024-02-10",
|
||||
title: "Fast",
|
||||
quote: "Reliable and fast! Best in New Hope.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg?_wi=3",
|
||||
imageAlt: "tow truck professional recovery",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer L.",
|
||||
date: "2024-01-05",
|
||||
title: "Lifesaver",
|
||||
quote: "Professional team, handled my car with care.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg",
|
||||
imageAlt: "professional man portrait studio",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "2024-05-10", title: "Great Service", quote: "Super fast response and very professional. Highly recommend!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sunset-through-lifted-car_23-2148321926.jpg", imageAlt: "tow truck night city rainy" },
|
||||
{ id: "2", name: "Michael C.", date: "2024-04-22", title: "Saved Me", quote: "Saved me late at night—arrived quicker than expected.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/mature-woman-rubbing-temples-t-shirt-looking-happy_176474-32830.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdvwnc", imageAlt: "tow truck icon blue neon" },
|
||||
{ id: "3", name: "Emily R.", date: "2024-03-15", title: "Excellent", quote: "Fair pricing and excellent service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg", imageAlt: "roadside assistance flat tire" },
|
||||
{ id: "4", name: "David K.", date: "2024-02-10", title: "Fast", quote: "Reliable and fast! Best in New Hope.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261231.jpg", imageAlt: "tow truck professional recovery" },
|
||||
{ id: "5", name: "Jennifer L.", date: "2024-01-05", title: "Lifesaver", quote: "Professional team, handled my car with care.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg", imageSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg", imageAlt: "professional man portrait studio" },
|
||||
]}
|
||||
title="Trusted by Local Drivers"
|
||||
description="See why our customers trust Excellence Towing for their emergency needs."
|
||||
@@ -274,31 +127,11 @@ export default function LandingPage() {
|
||||
title="Need a Tow Right Now?"
|
||||
description="We are available 24/7. Call us at 7601 42nd Ave N, New Hope, MN 555427 or use the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "location",
|
||||
type: "text",
|
||||
placeholder: "Your Current Location",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
{ name: "location", type: "text", placeholder: "Your Current Location", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "Service Needed",
|
||||
rows: 3,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "service", placeholder: "Service Needed", rows: 3, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/road-through-modern-city_1359-606.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -308,49 +141,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151891747.jpg"
|
||||
logoText="Excellence Towing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Towing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roadside Assistance",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Lockouts",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 763-555-0123",
|
||||
href: "tel:+17635550123",
|
||||
},
|
||||
{
|
||||
label: "7601 42nd Ave N, New Hope, MN",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Emergency Towing", href: "#services" }, { label: "Roadside Assistance", href: "#services" }, { label: "Lockouts", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Call: 763-555-0123", href: "tel:+17635550123" }, { label: "7601 42nd Ave N, New Hope, MN", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user