bender/aaf51f4e-1e6d-489a-8ca1-83d558e05005
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-06-10 01:45:43 +00:00
parent 53f3b73a9c ee54f946d0
commit ebbd8116a0
1 changed files with 99 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

413
src/app/page.tsx
View File

@@ -34,96 +34,55 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Rentals",
id: "#rentals",
},
name: "Rentals", id: "#rentals"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
logoAlt="TrailerPro Rentals Logo"
brandName="TrailerPro Rentals"
logoAlt="SnA Advantage Group Logo"
brandName="SnA Advantage Group"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
title="Your Journey Starts Here: Reliable Trailer Rentals for Every Need"
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."
variant: "rotated-rays-static"}}
title="Your Journey Starts Here: Reliable Trailer Rentals from SnA Advantage Group"
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."
buttons={[
{
text: "Explore Our Fleet",
href: "#rentals",
},
text: "Explore Our Fleet", href: "#rentals"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
carouselItems={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -135,24 +94,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Your Trusted Partner for ",
},
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: "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: " Trailer Rentals",
},
type: "text", content: " Trailer Rentals with SnA Advantage Group"},
]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
/>
</div>
@@ -164,26 +114,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Why Choose TrailerPro Rentals?"
description="Experience unparalleled convenience, safety, and a wide selection of trailers to fit your exact specifications."
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 with SnA Advantage Group."
/>
</div>
@@ -196,56 +134,20 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Our 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."
title="SnA Advantage Group's Diverse Trailer Fleet"
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>
@@ -256,58 +158,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "daily",
tag: "Short Term",
tagIcon: Calendar,
price: "$75",
period: "/day",
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: "daily", tag: "Short Term", tagIcon: Calendar,
price: "$75", period: "/day", 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",
tag: "Best Value",
tagIcon: Star,
price: "$350",
period: "/week",
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: "weekly", tag: "Best Value", tagIcon: Star,
price: "$350", period: "/week", 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",
tag: "Long Term",
tagIcon: Clock,
price: "$1200",
period: "/month",
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",
],
id: "monthly", tag: "Long Term", tagIcon: Clock,
price: "$1200", period: "/month", 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"
@@ -318,24 +187,15 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Committed to Your Hauling Success"
tag="Our Achievements"
title="SnA Advantage Group: Committed to Your Hauling Success"
tag="Our Achievements at SnA Advantage Group"
metrics={[
{
id: "years",
value: "15+",
description: "Years in Service",
},
id: "years", value: "15+", description: "Years in Service"},
{
id: "trailers",
value: "100+",
description: "Trailers in Fleet",
},
id: "trailers", value: "100+", description: "Trailers in Fleet"},
{
id: "customers",
value: "10K+",
description: "Happy Customers",
},
id: "customers", value: "10K+", description: "Happy Customers"},
]}
metricsAnimation="slide-up"
/>
@@ -349,53 +209,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mark R.",
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: "1", name: "Mark R.", 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",
name: "Sarah J.",
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: "2", name: "Sarah J.", 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",
name: "David L.",
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: "3", name: "David L.", 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",
name: "Emily P.",
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: "4", name: "Emily P.", 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",
name: "Chris B.",
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",
},
id: "5", name: "Chris B.", 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"
description="Hear from satisfied clients who chose TrailerPro Rentals for their hauling needs."
title="What Our Customers Say About SnA Advantage Group"
description="Hear from satisfied clients who chose SnA Advantage Group for their hauling needs."
/>
</div>
@@ -405,23 +235,14 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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="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"
showCard={true}
/>
@@ -430,31 +251,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get Your Free Rental Quote 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."
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 SnA Advantage Group will get back to you with a personalized quote."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
name: "phone", type: "tel", placeholder: "Your Phone Number"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your rental needs...",
rows: 4,
name: "message", placeholder: "Tell us about your rental needs...", rows: 4,
required: true,
}}
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">
<FooterBaseReveal
logoSrc="http://img.b2bpic.net/free-vector/truck-logo-collection_1424-41.jpg"
logoAlt="TrailerPro Rentals Logo"
logoText="TrailerPro Rentals"
logoAlt="SnA Advantage Group Logo"
logoText="SnA Advantage Group"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Fleet",
href: "#rentals",
},
label: "Our Fleet", href: "#rentals"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Terms & Conditions",
href: "#",
},
label: "Terms & Conditions", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
]}
copyrightText="© 2024 TrailerPro Rentals. All rights reserved."
copyrightText="© 2024 SnA Advantage Group. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}