Add src/app/trailer-rentals/page.tsx
This commit is contained in:
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", href: "/"},
|
||||
{
|
||||
name: "Trailer Rentals", href: "/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", imageAlt: "Large flatbed trailer on highway"},
|
||||
{
|
||||
id: "hero-carousel-2", imageSrc: "https://img.b2bpic.net/free-photo/cargo-trucks-highway_23-2149539824.jpg", 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", 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", 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", 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", 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", 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", 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