328 lines
18 KiB
TypeScript
328 lines
18 KiB
TypeScript
"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 } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
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: "About", id: "#about"},
|
||
{
|
||
name: "Rentals", id: "/trailer-rentals"},
|
||
{
|
||
name: "Features", id: "#features"},
|
||
{
|
||
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: "Book Now", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-static"}}
|
||
title="Modern Flat Trailer Rentals for Every Haul"
|
||
description="Experience unparalleled efficiency with SnA Advantage Group's diverse fleet of flatbed trailers, perfect for pickup and rent. Designed for modern logistics, our trailers ensure secure and hassle-free transport for all your equipment, vehicles, and oversized cargo."
|
||
buttons={[
|
||
{
|
||
text: "Explore Our Fleet", href: "/trailer-rentals"},
|
||
{
|
||
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: "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", content: " Modern Flat Trailer Rentals"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Learn More About Us", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Modern Design & Durability", description: "Our flat trailers feature modern engineering for maximum load capacity and robust construction, ensuring safety and longevity for all your transport needs.", imageSrc: "https://img.b2bpic.net/free-photo/truck-trailer-transportation-concept_23-2149303722.jpg?_wi=1", imageAlt: "Durable flatbed trailer construction"},
|
||
{
|
||
title: "Flexible Pickup & Rent Options", description: "Seamlessly pick up and rent our flat trailers with flexible terms, catering to short-term projects or long-haul requirements with convenient locations.", 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: "Versatile Hauling Solutions", description: "Ideal for diverse cargo, from heavy machinery and vehicles to construction materials. Our flatbed design provides easy loading and secure transport.", 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="Why Choose SnA Advantage Group for Flat Trailer Rentals?"
|
||
description="Discover the key benefits of renting modern flatbed trailers from SnA Advantage Group – designed for versatility, safety, and ease of use for any pickup and rent scenario."
|
||
/>
|
||
</div>
|
||
|
||
<div id="rentals" data-section="rentals">
|
||
<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 Modern Flat Trailer Fleet for Pickup and Rent"
|
||
description="Explore SnA Advantage Group's top-of-the-line flatbed trailers, available for convenient pickup and flexible rental terms. Find the ideal solution for your 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 quick tasks, local moves, or single-day projects with our modern flat trailers.", button: {
|
||
text: "Rent Daily", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"Standard insurance", "Basic roadside assistance", "Flexible pick-up/drop-off"],
|
||
},
|
||
{
|
||
id: "weekly", tag: "Best Value", tagIcon: Star,
|
||
price: "$450", period: "/week", description: "Perfect for extended projects, multi-day hauls, or weekend adventures with our modern flat trailers.", button: {
|
||
text: "Rent Weekly", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"Enhanced insurance", "Premium roadside assistance", "Discounted long-term rates"],
|
||
},
|
||
{
|
||
id: "monthly", tag: "Long Term", tagIcon: Clock,
|
||
price: "$1500", period: "/month", description: "Great for ongoing commercial needs or extensive renovation projects requiring modern flat trailers.", button: {
|
||
text: "Rent Monthly", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"Comprehensive insurance", "Priority roadside assistance", "Dedicated account manager"],
|
||
},
|
||
]}
|
||
title="Flexible Flat Trailer Rental Plans"
|
||
description="Choose from our daily, weekly, or monthly plans, tailored for modern flat trailer rentals to fit your project timeline and budget for convenient pickup and rent."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="SnA Advantage Group: Leading Modern Flat Trailer Rentals"
|
||
tag="Our Commitment to Excellence in Flat Trailer Service"
|
||
metrics={[
|
||
{
|
||
id: "years", value: "15+", description: "Years in Service for Flat Trailers"},
|
||
{
|
||
id: "trailers", value: "100+", description: "Modern Flat Trailers in Fleet"},
|
||
{
|
||
id: "customers", value: "10K+", description: "Happy Customers & Haulers"},
|
||
]}
|
||
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: "Mark R.", role: "Contractor", company: "Local Build Co.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-cargo-truck_23-2149303682.jpg", imageAlt: "Happy man with rental flat trailer"},
|
||
{
|
||
id: "2", name: "Sarah J.", role: "Logistics Manager", company: "Express Freight", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/female-engineer-construction-site_23-2149503692.jpg", imageAlt: "Woman smiling after using flat trailer"},
|
||
{
|
||
id: "3", name: "David L.", role: "Equipment Supplier", company: "Heavy Duty Gear", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-friends-ready-travel_23-2148925851.jpg", imageAlt: "Family loading flat trailer together"},
|
||
{
|
||
id: "4", name: "Emily P.", role: "Event Coordinator", company: "City Events Solutions", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "Event coordinator with flat trailer"},
|
||
{
|
||
id: "5", name: "Chris B.", role: "Freelance Hauler", company: "Independent Driver", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371947.jpg", imageAlt: "Hauler with flat trailer for equipment move"},
|
||
]}
|
||
title="What Our Clients Say About Modern Flat Trailer Rentals"
|
||
description="Hear from satisfied customers who rely on SnA Advantage Group for their flat trailer pickup and rent needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "What types of modern flat trailers do you offer?", content: "We offer a wide range including standard flatbeds, heavy-duty flatbeds, gooseneck flatbeds, deck-over, tilt, and utility flatbed trailers to suit various modern hauling needs."},
|
||
{
|
||
id: "q2", title: "How do I book a flat trailer for pickup and rent?", content: "You can easily book a flat trailer through our website's online booking system. Simply select your desired flat trailer, rental dates, and pick-up location."},
|
||
{
|
||
id: "q3", title: "What are your flat trailer rental durations?", content: "We offer flexible rental periods including daily, weekly, and monthly options to best fit your modern flat trailer project timeline."},n {
|
||
id: "q4", title: "Can I pick up and rent a flat trailer at any time?", content: "Our flexible pickup and rent system allows for convenient scheduling. Please check our website or contact us for specific operating hours and locations."},
|
||
{
|
||
id: "q5", title: "What kind of vehicle do I need to tow a flat trailer?", content: "The towing vehicle requirements depend on the size and weight of the flat trailer and its cargo. We recommend checking your vehicle's towing capacity and local regulations, or contacting us for guidance."
|
||
}
|
||
]}
|
||
title="Frequently Asked Questions About Flat Trailer Rentals"
|
||
description="Find quick answers to common inquiries regarding SnA Advantage Group's modern flat trailer services, booking, and terms for pickup and rent."
|
||
faqsAnimation="slide-up"
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Get Your Custom Quote for Modern Flat Trailer Rental"
|
||
description="Ready to pick up and rent a flat trailer? Provide your details and hauling needs below, and SnA Advantage Group will send you a personalized, no-obligation quote."
|
||
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)"},n ]}
|
||
textarea={{
|
||
name: "message", placeholder: "Describe your flat trailer hauling needs, cargo type, and desired rental dates...", rows: 4,
|
||
required: true,
|
||
}}
|
||
imageSrc="http://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 Fleet", href: "/trailer-rentals"},
|
||
{
|
||
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>
|
||
);
|
||
} |