Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ee54f946d0 | |||
| 53f3b73a9c | |||
| da0ad60847 | |||
| 373a8f33ed | |||
| 0b23939552 | |||
| b20e3a2a80 | |||
| 1bd8ae885d |
413
src/app/page.tsx
413
src/app/page.tsx
@@ -34,96 +34,55 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Rentals",
|
name: "Rentals", id: "#rentals"},
|
||||||
id: "#rentals",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
||||||
logoAlt="TrailerPro Rentals Logo"
|
logoAlt="SnA Advantage Group Logo"
|
||||||
brandName="TrailerPro Rentals"
|
brandName="SnA Advantage Group"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
title="Your Journey Starts Here: Reliable Trailer Rentals from SnA Advantage Group"
|
||||||
title="Your Journey Starts Here: Reliable Trailer Rentals for Every Need"
|
description="Whether you're moving house, hauling equipment, or going on an adventure, SnA Advantage Group has the perfect trailer solution for you. Easy booking, flexible terms, and a fleet you can trust."
|
||||||
description="Whether you're moving house, hauling equipment, or going on an adventure, we have the perfect trailer solution for you. Easy booking, flexible terms, and a fleet you can trust."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Our Fleet",
|
text: "Explore Our Fleet", href: "#rentals"},
|
||||||
href: "#rentals",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "hero-carousel-1",
|
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/landscape-30-zone-ends-road-sign_181624-8761.jpg", imageAlt: "Heavy duty trailer on a road"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-30-zone-ends-road-sign_181624-8761.jpg",
|
|
||||||
imageAlt: "Heavy duty trailer on a road",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-carousel-2",
|
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/people-travel-adventure-concept-attractive-man-with-beard-smiling-saying-goodbye-his-friends-after-active-weekend-outdoors-while-standing-outside-his-white-jeep_273609-1584.jpg", imageAlt: "Open utility trailer in a landscape"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-travel-adventure-concept-attractive-man-with-beard-smiling-saying-goodbye-his-friends-after-active-weekend-outdoors-while-standing-outside-his-white-jeep_273609-1584.jpg",
|
|
||||||
imageAlt: "Open utility trailer in a landscape",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-carousel-3",
|
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg", imageAlt: "Enclosed trailer for moving"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-inspecting-vehicle-trailer-tires-before-driving_342744-1266.jpg",
|
|
||||||
imageAlt: "Enclosed trailer for moving",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-carousel-4",
|
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/white-pickup-truck-loaded-with-atv-near-gas-station_93675-133932.jpg", imageAlt: "Motorcycle trailer ready"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pickup-truck-loaded-with-atv-near-gas-station_93675-133932.jpg",
|
|
||||||
imageAlt: "Motorcycle trailer ready",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-carousel-5",
|
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/deer-grassy-field-surrounded-by-green-trees-norway_181624-13256.jpg", imageAlt: "Dump trailer ready for work"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/deer-grassy-field-surrounded-by-green-trees-norway_181624-13256.jpg",
|
|
||||||
imageAlt: "Dump trailer ready for work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-carousel-6",
|
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/fuel-tanker-truck-winter-highway-long-haul_169016-71387.jpg", imageAlt: "Flatbed trailer loaded with cargo"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fuel-tanker-truck-winter-highway-long-haul_169016-71387.jpg",
|
|
||||||
imageAlt: "Flatbed trailer loaded with cargo",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
autoPlay={true}
|
autoPlay={true}
|
||||||
autoPlayInterval={4000}
|
autoPlayInterval={4000}
|
||||||
@@ -135,24 +94,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Your Trusted Partner for "},
|
||||||
content: "Your Trusted Partner for ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/happy-grey-haired-businesswoman-talking-with-colleague-phone-professional-confident-manager-chatting-smiling-working-computer-business-workplace-communication-concept_74855-11805.jpg", alt: "Friendly staff assisting a customer with a trailer"},
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-grey-haired-businesswoman-talking-with-colleague-phone-professional-confident-manager-chatting-smiling-working-computer-business-workplace-communication-concept_74855-11805.jpg",
|
|
||||||
alt: "Friendly staff assisting a customer with a trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " Trailer Rentals with SnA Advantage Group"},
|
||||||
content: " Trailer Rentals",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More About Us",
|
text: "Learn More About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -164,26 +114,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Safety First",
|
title: "Safety First", description: "Our trailers are meticulously maintained and regularly inspected to ensure maximum safety and reliability for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-just-married-scene-with-car-cans_23-2149539994.jpg", imageAlt: "Secure trailer hitch coupling"},
|
||||||
description: "Our trailers are meticulously maintained and regularly inspected to ensure maximum safety and reliability for your peace of mind.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-just-married-scene-with-car-cans_23-2149539994.jpg",
|
|
||||||
imageAlt: "Secure trailer hitch coupling",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Diverse Fleet",
|
title: "Diverse Fleet", description: "From small utility trailers to heavy-duty car haulers and enclosed cargo units, our extensive fleet has a trailer for every job.", imageSrc: "http://img.b2bpic.net/free-photo/parked-cars-aerial-views-transport-concept_23-2148959683.jpg", imageAlt: "Wide variety of trailers available"},
|
||||||
description: "From small utility trailers to heavy-duty car haulers and enclosed cargo units, our extensive fleet has a trailer for every job.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/parked-cars-aerial-views-transport-concept_23-2148959683.jpg",
|
|
||||||
imageAlt: "Wide variety of trailers available",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Easy Booking",
|
title: "Easy Booking", description: "Rent a trailer in minutes with our user-friendly online booking system. Select your trailer, dates, and pick-up location effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-truck-with-drink_23-2149426533.jpg", imageAlt: "Easy online booking system on a laptop"},
|
||||||
description: "Rent a trailer in minutes with our user-friendly online booking system. Select your trailer, dates, and pick-up location effortlessly.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-truck-with-drink_23-2149426533.jpg",
|
|
||||||
imageAlt: "Easy online booking system on a laptop",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose TrailerPro Rentals?"
|
title="Why Choose SnA Advantage Group for Trailer Rentals?"
|
||||||
description="Experience unparalleled convenience, safety, and a wide selection of trailers to fit your exact specifications."
|
description="Experience unparalleled convenience, safety, and a wide selection of trailers to fit your exact specifications with SnA Advantage Group."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -196,56 +134,20 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "utility-trailer",
|
id: "utility-trailer", name: "Utility Trailer", price: "$50/day", variant: "Open, Small to Medium", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-caravan-window_23-2148670183.jpg", imageAlt: "Utility trailer with ramp gate"},
|
||||||
name: "Utility Trailer",
|
|
||||||
price: "$50/day",
|
|
||||||
variant: "Open, Small to Medium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-caravan-window_23-2148670183.jpg",
|
|
||||||
imageAlt: "Utility trailer with ramp gate",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "enclosed-cargo",
|
id: "enclosed-cargo", name: "Enclosed Cargo Trailer", price: "$75/day", variant: "Secure, Weather-proof", imageSrc: "http://img.b2bpic.net/free-photo/blank-cargo-truck-road_23-2151751321.jpg", imageAlt: "White enclosed cargo trailer"},
|
||||||
name: "Enclosed Cargo Trailer",
|
|
||||||
price: "$75/day",
|
|
||||||
variant: "Secure, Weather-proof",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-cargo-truck-road_23-2151751321.jpg",
|
|
||||||
imageAlt: "White enclosed cargo trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-hauler",
|
id: "car-hauler", name: "Car Hauler Trailer", price: "$120/day", variant: "Flatbed, Vehicle Transport", imageSrc: "http://img.b2bpic.net/free-photo/blank-cargo-truck-road_23-2151751314.jpg", imageAlt: "Empty flatbed car hauler trailer"},
|
||||||
name: "Car Hauler Trailer",
|
|
||||||
price: "$120/day",
|
|
||||||
variant: "Flatbed, Vehicle Transport",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-cargo-truck-road_23-2151751314.jpg",
|
|
||||||
imageAlt: "Empty flatbed car hauler trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dump-trailer",
|
id: "dump-trailer", name: "Dump Trailer", price: "$150/day", variant: "Hydraulic, Debris Removal", imageSrc: "http://img.b2bpic.net/free-photo/people-carrying-burden-concept_23-2150040370.jpg", imageAlt: "Dump trailer at a construction site"},
|
||||||
name: "Dump Trailer",
|
|
||||||
price: "$150/day",
|
|
||||||
variant: "Hydraulic, Debris Removal",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-carrying-burden-concept_23-2150040370.jpg",
|
|
||||||
imageAlt: "Dump trailer at a construction site",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "flatbed-trailer",
|
id: "flatbed-trailer", name: "Flatbed Trailer", price: "$100/day", variant: "Heavy Equipment, Open Deck", imageSrc: "http://img.b2bpic.net/free-photo/green-semi-truck-with-white-trailer-driving-highway-vehicle-moves-along-road_169016-72741.jpg", imageAlt: "Flatbed equipment trailer"},
|
||||||
name: "Flatbed Trailer",
|
|
||||||
price: "$100/day",
|
|
||||||
variant: "Heavy Equipment, Open Deck",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/green-semi-truck-with-white-trailer-driving-highway-vehicle-moves-along-road_169016-72741.jpg",
|
|
||||||
imageAlt: "Flatbed equipment trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "boat-trailer",
|
id: "boat-trailer", name: "Boat Trailer", price: "$90/day", variant: "Specialty, Marine Transport", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-types-boats-docked-near-coast-sea_181624-3653.jpg", imageAlt: "Specialty boat trailer"},
|
||||||
name: "Boat Trailer",
|
|
||||||
price: "$90/day",
|
|
||||||
variant: "Specialty, Marine Transport",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-types-boats-docked-near-coast-sea_181624-3653.jpg",
|
|
||||||
imageAlt: "Specialty boat trailer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Diverse Trailer Fleet"
|
title="SnA Advantage Group's Diverse Trailer Fleet"
|
||||||
description="Browse our selection of high-quality trailers available for rent. Find the perfect fit for your moving, hauling, or recreational needs."
|
description="Browse SnA Advantage Group's selection of high-quality trailers available for rent. Find the perfect fit for your moving, hauling, or recreational needs."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -256,58 +158,25 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "daily",
|
id: "daily", tag: "Short Term", tagIcon: Calendar,
|
||||||
tag: "Short Term",
|
price: "$75", period: "/day", description: "Ideal for quick tasks, local moves, or single-day projects.", button: {
|
||||||
tagIcon: Calendar,
|
text: "Rent Daily", href: "#contact"},
|
||||||
price: "$75",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/day",
|
"Standard insurance", "Basic roadside assistance", "Flexible pick-up/drop-off"],
|
||||||
description: "Ideal for quick tasks, local moves, or single-day projects.",
|
|
||||||
button: {
|
|
||||||
text: "Rent Daily",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Standard insurance",
|
|
||||||
"Basic roadside assistance",
|
|
||||||
"Flexible pick-up/drop-off",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "weekly",
|
id: "weekly", tag: "Best Value", tagIcon: Star,
|
||||||
tag: "Best Value",
|
price: "$350", period: "/week", description: "Perfect for extended projects, multi-day hauls, or weekend adventures.", button: {
|
||||||
tagIcon: Star,
|
text: "Rent Weekly", href: "#contact"},
|
||||||
price: "$350",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/week",
|
"Enhanced insurance", "Premium roadside assistance", "Discounted long-term rates"],
|
||||||
description: "Perfect for extended projects, multi-day hauls, or weekend adventures.",
|
|
||||||
button: {
|
|
||||||
text: "Rent Weekly",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Enhanced insurance",
|
|
||||||
"Premium roadside assistance",
|
|
||||||
"Discounted long-term rates",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "monthly",
|
id: "monthly", tag: "Long Term", tagIcon: Clock,
|
||||||
tag: "Long Term",
|
price: "$1200", period: "/month", description: "Great for ongoing commercial needs or extensive renovation projects.", button: {
|
||||||
tagIcon: Clock,
|
text: "Rent Monthly", href: "#contact"},
|
||||||
price: "$1200",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/month",
|
"Comprehensive insurance", "Priority roadside assistance", "Dedicated account manager"],
|
||||||
description: "Great for ongoing commercial needs or extensive renovation projects.",
|
|
||||||
button: {
|
|
||||||
text: "Rent Monthly",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Comprehensive insurance",
|
|
||||||
"Priority roadside assistance",
|
|
||||||
"Dedicated account manager",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Flexible Rental Plans"
|
title="Flexible Rental Plans"
|
||||||
@@ -318,24 +187,15 @@ export default function LandingPage() {
|
|||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Committed to Your Hauling Success"
|
title="SnA Advantage Group: Committed to Your Hauling Success"
|
||||||
tag="Our Achievements"
|
tag="Our Achievements at SnA Advantage Group"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "years",
|
id: "years", value: "15+", description: "Years in Service"},
|
||||||
value: "15+",
|
|
||||||
description: "Years in Service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "trailers",
|
id: "trailers", value: "100+", description: "Trailers in Fleet"},
|
||||||
value: "100+",
|
|
||||||
description: "Trailers in Fleet",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "customers",
|
id: "customers", value: "10K+", description: "Happy Customers"},
|
||||||
value: "10K+",
|
|
||||||
description: "Happy Customers",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -349,53 +209,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Mark R.", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||||
name: "Mark R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-casual-clothes-standing-by-his-truck-with-tablet-looking-truck_342744-1269.jpg", imageAlt: "Happy man with rental trailer"},
|
||||||
role: "Homeowner",
|
|
||||||
company: "Local Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-casual-clothes-standing-by-his-truck-with-tablet-looking-truck_342744-1269.jpg",
|
|
||||||
imageAlt: "Happy man with rental trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sarah J.", role: "Small Business Owner", company: "Bloom Landscaping", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571898.jpg", imageAlt: "Woman smiling after using trailer"},
|
||||||
role: "Small Business Owner",
|
|
||||||
company: "Bloom Landscaping",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571898.jpg",
|
|
||||||
imageAlt: "Woman smiling after using trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "David L.", role: "Contractor", company: "ProBuild Construction", rating: 5,
|
||||||
name: "David L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-ready-travel_23-2148925851.jpg", imageAlt: "Family loading trailer together"},
|
||||||
role: "Contractor",
|
|
||||||
company: "ProBuild Construction",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-ready-travel_23-2148925851.jpg",
|
|
||||||
imageAlt: "Family loading trailer together",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Emily P.", role: "Event Organizer", company: "City Events Co.", rating: 5,
|
||||||
name: "Emily P.",
|
imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "Contractor with equipment trailer"},
|
||||||
role: "Event Organizer",
|
|
||||||
company: "City Events Co.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg",
|
|
||||||
imageAlt: "Contractor with equipment trailer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Chris B.", role: "Student", company: "University Student", rating: 5,
|
||||||
name: "Chris B.",
|
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371947.jpg", imageAlt: "Student with small trailer for dorm move"},
|
||||||
role: "Student",
|
|
||||||
company: "University Student",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371947.jpg",
|
|
||||||
imageAlt: "Student with small trailer for dorm move",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say About SnA Advantage Group"
|
||||||
description="Hear from satisfied clients who chose TrailerPro Rentals for their hauling needs."
|
description="Hear from satisfied clients who chose SnA Advantage Group for their hauling needs."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -405,23 +235,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "What types of trailers do you offer?", content: "We offer a wide range including utility trailers, enclosed cargo trailers, car haulers, dump trailers, and flatbed trailers to suit various needs."},
|
||||||
title: "What types of trailers do you offer?",
|
|
||||||
content: "We offer a wide range including utility trailers, enclosed cargo trailers, car haulers, dump trailers, and flatbed trailers to suit various needs.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "How do I book a trailer?", content: "You can easily book a trailer through our website's online booking system. Simply select your desired trailer, rental dates, and pick-up location."},
|
||||||
title: "How do I book a trailer?",
|
|
||||||
content: "You can easily book a trailer through our website's online booking system. Simply select your desired trailer, rental dates, and pick-up location.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "What are your rental durations?", content: "We offer flexible rental periods including daily, weekly, and monthly options to best fit your project timeline."},
|
||||||
title: "What are your rental durations?",
|
|
||||||
content: "We offer flexible rental periods including daily, weekly, and monthly options to best fit your project timeline.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Find answers to common questions about our trailer rental services, booking process, and policies."
|
description="Find answers to common questions about SnA Advantage Group's trailer rental services, booking process, and policies."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
showCard={true}
|
showCard={true}
|
||||||
/>
|
/>
|
||||||
@@ -430,31 +251,20 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Get Your Free Rental Quote Today"
|
title="Get Your Free Rental Quote from SnA Advantage Group Today"
|
||||||
description="Ready to rent? Fill out the form below with your details and trailer requirements, and we'll get back to you with a personalized quote."
|
description="Ready to rent? Fill out the form below with your details and trailer requirements, and SnA Advantage Group will get back to you with a personalized quote."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Your Phone Number"},
|
||||||
type: "tel",
|
|
||||||
placeholder: "Your Phone Number",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Tell us about your rental needs...", rows: 4,
|
||||||
placeholder: "Tell us about your rental needs...",
|
|
||||||
rows: 4,
|
|
||||||
required: true,
|
required: true,
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/female-customer-talking-mobile_1170-1572.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/female-customer-talking-mobile_1170-1572.jpg"
|
||||||
@@ -468,73 +278,48 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
||||||
logoAlt="TrailerPro Rentals Logo"
|
logoAlt="SnA Advantage Group Logo"
|
||||||
logoText="TrailerPro Rentals"
|
logoText="SnA Advantage Group"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Fleet",
|
label: "Our Fleet", href: "#rentals"},
|
||||||
href: "#rentals",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms & Conditions",
|
label: "Terms & Conditions", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "LinkedIn",
|
label: "LinkedIn", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 TrailerPro Rentals. All rights reserved."
|
copyrightText="© 2024 SnA Advantage Group. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
331
src/app/trailer-rentals/page.tsx
Normal file
331
src/app/trailer-rentals/page.tsx
Normal file
@@ -0,0 +1,331 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||||
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||||
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||||
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
|
import { Calendar, Clock, Star, Wrench, Package, Truck } from "lucide-react";
|
||||||
|
|
||||||
|
export default function TrailerRentalsPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="hover-magnetic"
|
||||||
|
defaultTextAnimation="background-highlight"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="small"
|
||||||
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
|
background="blurBottom"
|
||||||
|
cardStyle="gradient-radial"
|
||||||
|
primaryButtonStyle="shadow"
|
||||||
|
secondaryButtonStyle="radial-glow"
|
||||||
|
headingFontWeight="semibold"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[
|
||||||
|
{
|
||||||
|
name: "Home", id: "/"},
|
||||||
|
{
|
||||||
|
name: "Trailer Rentals", id: "/trailer-rentals"},
|
||||||
|
{
|
||||||
|
name: "About", id: "#about"},
|
||||||
|
{
|
||||||
|
name: "Features", id: "#features"},
|
||||||
|
{
|
||||||
|
name: "Fleet", id: "#fleet"},
|
||||||
|
{
|
||||||
|
name: "Pricing", id: "#pricing"},
|
||||||
|
{
|
||||||
|
name: "Testimonials", id: "#testimonials"},
|
||||||
|
{
|
||||||
|
name: "FAQ", id: "#faq"},
|
||||||
|
{
|
||||||
|
name: "Contact", id: "#contact"},
|
||||||
|
]}
|
||||||
|
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
||||||
|
logoAlt="SnA Advantage Group Logo"
|
||||||
|
brandName="SnA Advantage Group"
|
||||||
|
button={{
|
||||||
|
text: "Get a Quote", href: "#contact"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="hero" data-section="hero">
|
||||||
|
<HeroBillboardRotatedCarousel
|
||||||
|
background={{
|
||||||
|
variant: "rotated-rays-static"}}
|
||||||
|
title="High-Traction Flatbed Trailer Rentals by SnA Advantage Group"
|
||||||
|
description="Secure, reliable, and versatile flatbed trailers for all your hauling needs. Experience the SnA Advantage difference with easy booking and exceptional service."
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Explore Our Flatbeds", href: "#fleet"},
|
||||||
|
{
|
||||||
|
text: "Get a Quote", href: "#contact"},
|
||||||
|
]}
|
||||||
|
carouselItems={[
|
||||||
|
{
|
||||||
|
id: "hero-carousel-1", imageSrc: "https://img.b2bpic.net/free-photo/side-view-truck-car-haulers_23-2150824040.jpg?_wi=1", imageAlt: "Large flatbed trailer on highway"},
|
||||||
|
{
|
||||||
|
id: "hero-carousel-2", imageSrc: "https://img.b2bpic.net/free-photo/cargo-trucks-highway_23-2149539824.jpg?_wi=1", imageAlt: "Flatbed trailer loaded with construction materials"},
|
||||||
|
{
|
||||||
|
id: "hero-carousel-3", imageSrc: "https://img.b2bpic.net/free-photo/empty-trailer-truck-is-parked-at-the-edge-of-road-background-is-a-cargo-container-yard_23-2150171217.jpg", imageAlt: "Empty flatbed trailer at a loading dock"},
|
||||||
|
{
|
||||||
|
id: "hero-carousel-4", imageSrc: "https://img.b2bpic.net/free-photo/view-truck-passing-wooden-car-road_23-2149454848.jpg", imageAlt: "Heavy equipment on a flatbed trailer"},
|
||||||
|
{
|
||||||
|
id: "hero-carousel-5", imageSrc: "https://img.b2bpic.net/free-photo/view-truck-passing-wooden-car-road_23-2149454845.jpg", imageAlt: "Flatbed trailer transporting industrial pipes"},
|
||||||
|
{
|
||||||
|
id: "hero-carousel-6", imageSrc: "https://img.b2bpic.net/free-photo/low-angle-semi-truck-with-cargo_23-2151751322.jpg", imageAlt: "Flatbed trailer at sunset"},
|
||||||
|
]}
|
||||||
|
autoPlay={true}
|
||||||
|
autoPlayInterval={4000}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="about" data-section="about">
|
||||||
|
<InlineImageSplitTextAbout
|
||||||
|
useInvertedBackground={false}
|
||||||
|
heading={[
|
||||||
|
{
|
||||||
|
type: "text", content: "Your Trusted Partner for "},
|
||||||
|
{
|
||||||
|
type: "image", src: "https://img.b2bpic.net/free-photo/happy-grey-haired-businesswoman-talking-with-colleague-phone-professional-confident-manager-chatting-smiling-working-computer-business-workplace-communication-concept_74855-11805.jpg", alt: "Business professional smiling"},
|
||||||
|
{
|
||||||
|
type: "text", content: " Flatbed Trailer Rentals"},
|
||||||
|
]}
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Learn More About SnA Advantage", href: "#contact"},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="features" data-section="features">
|
||||||
|
<FeatureCardSeven
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
title: "Unmatched Durability", description: "Our flatbed trailers are built with heavy-duty materials, ensuring they withstand the toughest loads and long hauls, providing you with peace of mind.", imageSrc: "https://img.b2bpic.net/free-photo/truck-trailer-transportation-concept_23-2149303722.jpg?_wi=1", imageAlt: "Durable flatbed trailer construction"},
|
||||||
|
{
|
||||||
|
title: "Versatile Loading Options", description: "With open decks, our flatbeds accommodate oversized cargo, machinery, and various equipment, offering maximum flexibility for your transportation needs.", imageSrc: "https://img.b2bpic.net/free-photo/forklift-truck-loading-unloading-cargo_23-2150821550.jpg", imageAlt: "Versatile loading with a forklift on a flatbed"},
|
||||||
|
{
|
||||||
|
title: "Safety & Compliance", description: "All SnA Advantage flatbed trailers undergo rigorous safety inspections and meet industry standards, guaranteeing a secure and compliant rental experience.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-truck-tires_23-2149303704.jpg?_wi=1", imageAlt: "Close-up of trailer tires and safety checks"},
|
||||||
|
]}
|
||||||
|
title="The SnA Advantage: Why Choose Our Flatbed Trailers?"
|
||||||
|
description="Benefit from our commitment to quality, safety, and customer satisfaction with every flatbed rental."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="fleet" data-section="fleet">
|
||||||
|
<ProductCardFour
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
carouselMode="buttons"
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "standard-flatbed", name: "Standard Flatbed Trailer", price: "$100/day", variant: "20ft, 10,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/green-semi-truck-with-white-trailer-driving-highway-vehicle-moves-along-road_169016-72741.jpg", imageAlt: "Standard flatbed trailer ready for use"},
|
||||||
|
{
|
||||||
|
id: "heavy-duty-flatbed", name: "Heavy-Duty Flatbed Trailer", price: "$150/day", variant: "24ft, 14,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/truck-trailer-transportation-concept_23-2149303723.jpg", imageAlt: "Heavy-duty flatbed trailer"},
|
||||||
|
{
|
||||||
|
id: "gooseneck-flatbed", name: "Gooseneck Flatbed Trailer", price: "$180/day", variant: "30ft, 20,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/truck-trailer-transportation-concept_23-2149303722.jpg?_wi=2", imageAlt: "Gooseneck flatbed trailer attached to a truck"},
|
||||||
|
{
|
||||||
|
id: "deck-over-flatbed", name: "Deck-Over Flatbed Trailer", price: "$130/day", variant: "22ft, 12,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/close-up-truck-tires_23-2149303704.jpg?_wi=2", imageAlt: "Deck-over flatbed trailer"},
|
||||||
|
{
|
||||||
|
id: "tilt-flatbed", name: "Tilt Flatbed Trailer", price: "$160/day", variant: "20ft, 10,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/side-view-truck-car-haulers_23-2150824040.jpg?_wi=2", imageAlt: "Tilt flatbed trailer for easy loading"},
|
||||||
|
{
|
||||||
|
id: "utility-flatbed", name: "Utility Flatbed Trailer", price: "$90/day", variant: "16ft, 7,000 lbs Capacity", imageSrc: "https://img.b2bpic.net/free-photo/cargo-trucks-highway_23-2149539824.jpg?_wi=2", imageAlt: "Smaller utility flatbed trailer"},
|
||||||
|
]}
|
||||||
|
title="Our Premier Flatbed Trailer Fleet"
|
||||||
|
description="Discover our range of heavy-duty flatbed trailers, designed for various industrial, commercial, and personal hauling requirements."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardFive
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: "daily", tag: "Short Term", tagIcon: Calendar,
|
||||||
|
price: "$100", period: "/day", description: "Ideal for single-day equipment moves or quick job site transfers.", button: {
|
||||||
|
text: "Rent Daily", href: "#contact"},
|
||||||
|
featuresTitle: "Includes:", features: [
|
||||||
|
"Standard insurance coverage", "24/7 roadside assistance", "Flexible pick-up/drop-off"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "weekly", tag: "Best Value", tagIcon: Star,
|
||||||
|
price: "$450", period: "/week", description: "Perfect for multi-day projects, extensive hauling, or extended job site needs.", button: {
|
||||||
|
text: "Rent Weekly", href: "#contact"},
|
||||||
|
featuresTitle: "Includes:", features: [
|
||||||
|
"Enhanced insurance coverage", "Priority roadside assistance", "Discounted long-term rates"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "monthly", tag: "Long Term", tagIcon: Clock,
|
||||||
|
price: "$1500", period: "/month", description: "Great for ongoing commercial operations, large construction projects, or fleet supplementation.", button: {
|
||||||
|
text: "Rent Monthly", href: "#contact"},
|
||||||
|
featuresTitle: "Includes:", features: [
|
||||||
|
"Comprehensive insurance", "Dedicated account manager", "Customizable rental terms"],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
title="Flexible Flatbed Trailer Rental Plans"
|
||||||
|
description="Choose the perfect rental duration for your project, from daily rates to extended weekly and monthly options, tailored for maximum value."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="metrics" data-section="metrics">
|
||||||
|
<MetricCardFourteen
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="SnA Advantage Group: Proven Performance in Trailer Rentals"
|
||||||
|
tag="Our Impact"
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
id: "experience", value: "10+", description: "Years of Industry Experience"},
|
||||||
|
{
|
||||||
|
id: "fleet", value: "50+", description: "High-Quality Flatbed Trailers"},
|
||||||
|
{
|
||||||
|
id: "satisfaction", value: "98%", description: "Customer Satisfaction Rate"},
|
||||||
|
]}
|
||||||
|
metricsAnimation="slide-up"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="testimonials" data-section="testimonials">
|
||||||
|
<TestimonialCardOne
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
id: "1", name: "John D.", role: "Construction Manager", company: "Apex Builders", rating: 5,
|
||||||
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-cargo-truck_23-2149303682.jpg", imageAlt: "Construction worker smiling"},
|
||||||
|
{
|
||||||
|
id: "2", name: "Maria S.", role: "Logistics Coordinator", company: "Global Freight Co.", rating: 5,
|
||||||
|
imageSrc: "https://img.b2bpic.net/free-photo/female-engineer-construction-site_23-2149503692.jpg", imageAlt: "Logistics coordinator at work"},
|
||||||
|
{
|
||||||
|
id: "3", name: "Robert P.", role: "Equipment Dealer", company: "Heavy Machinery Inc.", rating: 5,
|
||||||
|
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-friends-ready-travel_23-2148925851.jpg", imageAlt: "Equipment dealer looking at flatbed"},
|
||||||
|
{
|
||||||
|
id: "4", name: "Jessica T.", role: "Event Planner", company: "Premier Events", rating: 5,
|
||||||
|
imageSrc: "https://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "Event planner organizing transport"},
|
||||||
|
{
|
||||||
|
id: "5", name: "Michael B.", role: "Farm Owner", company: "Green Acres Farm", rating: 5,
|
||||||
|
imageSrc: "https://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371947.jpg", imageAlt: "Farm owner next to flatbed trailer"},
|
||||||
|
]}
|
||||||
|
title="What Clients Say About SnA Advantage"
|
||||||
|
description="Hear from satisfied businesses and individuals who trust us for their flatbed trailer rental needs."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="faq" data-section="faq">
|
||||||
|
<FaqBase
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
faqs={[
|
||||||
|
{
|
||||||
|
id: "q1", title: "What sizes of flatbed trailers do you offer?", content: "We offer various flatbed trailer sizes, including 20ft, 24ft, and 30ft, with load capacities ranging from 10,000 lbs to 20,000 lbs."},
|
||||||
|
{
|
||||||
|
id: "q2", title: "What can I typically haul with a flatbed trailer?", content: "Flatbed trailers are ideal for transporting heavy equipment, construction materials, vehicles, agricultural machinery, and oversized cargo that may not fit in enclosed trailers."},
|
||||||
|
{
|
||||||
|
id: "q3", title: "Do I need special licensing to rent a heavy-duty flatbed?", content: "Depending on the gross vehicle weight rating (GVWR) of the trailer and your towing vehicle, special licensing might be required. We recommend checking local regulations or contacting us for specific advice."},
|
||||||
|
{
|
||||||
|
id: "q4", title: "Are your flatbed trailers equipped with ramps or other loading aids?", content: "Many of our flatbed trailers come equipped with heavy-duty ramps or tilt capabilities for easy loading and unloading of machinery and vehicles. Please inquire about specific models."},
|
||||||
|
{
|
||||||
|
id: "q5", title: "What is included in the rental price?", content: "Our rental prices typically include the flatbed trailer, standard insurance, and roadside assistance. Extended insurance and additional accessories are available at an extra cost."},
|
||||||
|
]}
|
||||||
|
title="Common Questions About SnA Advantage Flatbed Rentals"
|
||||||
|
description="Get quick answers regarding our flatbed trailer options, rental process, and terms to ensure a smooth experience."
|
||||||
|
faqsAnimation="slide-up"
|
||||||
|
showCard={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactSplitForm
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Get a Custom Quote for Your Flatbed Trailer Rental"
|
||||||
|
description="Tell us about your specific hauling requirements, and SnA Advantage Group will provide a personalized, no-obligation quote for your flatbed trailer rental."
|
||||||
|
inputs={[
|
||||||
|
{
|
||||||
|
name: "name", type: "text", placeholder: "Your Name / Company Name", required: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
||||||
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "message", placeholder: "Describe your hauling needs, cargo type, and desired rental dates...", rows: 4,
|
||||||
|
required: true,
|
||||||
|
}}
|
||||||
|
imageSrc="https://img.b2bpic.net/free-photo/female-customer-talking-mobile_1170-1572.jpg"
|
||||||
|
imageAlt="Person on phone next to a flatbed trailer"
|
||||||
|
mediaAnimation="opacity"
|
||||||
|
mediaPosition="right"
|
||||||
|
buttonText="Request Quote"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterBaseReveal
|
||||||
|
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
|
||||||
|
logoAlt="SnA Advantage Group Logo"
|
||||||
|
logoText="SnA Advantage Group"
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "Quick Links", items: [
|
||||||
|
{
|
||||||
|
label: "Home", href: "/"},
|
||||||
|
{
|
||||||
|
label: "About Us", href: "#about"},
|
||||||
|
{
|
||||||
|
label: "Our Flatbeds", href: "#fleet"},
|
||||||
|
{
|
||||||
|
label: "Pricing", href: "#pricing"},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Support", items: [
|
||||||
|
{
|
||||||
|
label: "FAQ", href: "#faq"},
|
||||||
|
{
|
||||||
|
label: "Contact Us", href: "#contact"},
|
||||||
|
{
|
||||||
|
label: "Terms & Conditions", href: "#"},
|
||||||
|
{
|
||||||
|
label: "Privacy Policy", href: "#"},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Connect", items: [
|
||||||
|
{
|
||||||
|
label: "Facebook", href: "#"},
|
||||||
|
{
|
||||||
|
label: "Instagram", href: "#"},
|
||||||
|
{
|
||||||
|
label: "LinkedIn", href: "#"},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
copyrightText="© 2024 SnA Advantage Group. All rights reserved."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user