Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,66 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Fleet", id: "fleet" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6HiJ3SjVKbQrJp2Aw2wwyFt7z/uploaded-1777595779413-n5acci97.png"
|
||||
brandName="DSA GROUP"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Redefining Your Road Experience"
|
||||
description="DSA GROUP provides premium car rental services with a fleet tailored for your business and travel needs. Experience luxury and reliability."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg?_wi=1",
|
||||
imageAlt: "Luxurious car",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6513.jpg?_wi=1",
|
||||
imageAlt: "Professional drive",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22679.jpg",
|
||||
imageAlt: "Sleek sedan",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg",
|
||||
imageAlt: "Executive vehicle",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg",
|
||||
imageAlt: "Premium transport",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-valet-parking-woman-s-car_23-2149901443.jpg",
|
||||
imageAlt: "Luxury travel",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg", imageAlt: "Luxurious car" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6513.jpg", imageAlt: "Professional drive" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22679.jpg", imageAlt: "Sleek sedan" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg", imageAlt: "Executive vehicle" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/helping-girl-decide-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16078.jpg", imageAlt: "Premium transport" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-valet-parking-woman-s-car_23-2149901443.jpg", imageAlt: "Luxury travel" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Excellence in Motion"
|
||||
description="At DSA GROUP, we believe in providing more than just a car—we deliver a seamless, professional experience from booking to return."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Fleet",
|
||||
description: "Latest models with comfort.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, ever.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Always there for you.",
|
||||
},
|
||||
{ title: "Premium Fleet", description: "Latest models with comfort." },
|
||||
{ title: "Transparent Pricing", description: "No hidden fees, ever." },
|
||||
{ title: "24/7 Support", description: "Always there for you." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -129,42 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Sedan",
|
||||
price: "$120/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Executive SUV",
|
||||
price: "$180/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-elegantly-dressed-sit-retro-military-machine_613910-4599.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sports Roadster",
|
||||
price: "$250/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-summer-image-stylish-girl-sitting-luxury-red-sport-car-enjoying-holidays-los-angeles_273443-2489.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "City Compact",
|
||||
price: "$60/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Eco Hybrid",
|
||||
price: "$90/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167569.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Group Van",
|
||||
price: "$200/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-car-trunk_23-2147828255.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Sedan", price: "$120/day", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg" },
|
||||
{ id: "p2", name: "Executive SUV", price: "$180/day", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-elegantly-dressed-sit-retro-military-machine_613910-4599.jpg" },
|
||||
{ id: "p3", name: "Sports Roadster", price: "$250/day", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-summer-image-stylish-girl-sitting-luxury-red-sport-car-enjoying-holidays-los-angeles_273443-2489.jpg" },
|
||||
{ id: "p4", name: "City Compact", price: "$60/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14756.jpg" },
|
||||
{ id: "p5", name: "Eco Hybrid", price: "$90/day", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167569.jpg" },
|
||||
{ id: "p6", name: "Group Van", price: "$200/day", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-car-trunk_23-2147828255.jpg" },
|
||||
]}
|
||||
title="Our Premium Fleet"
|
||||
description="Explore our curated selection of high-performance vehicles."
|
||||
@@ -178,67 +102,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Top-Tier Maintenance",
|
||||
description: "Every vehicle is thoroughly inspected for your safety.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434371.jpg",
|
||||
imageAlt: "Car engine quality",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safety First",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fully Insured",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6HiJ3SjVKbQrJp2Aw2wwyFt7z/uploaded-1777595779413-n5acci97.png",
|
||||
imageAlt: "premium car engine quality",
|
||||
title: "Top-Tier Maintenance", description: "Every vehicle is thoroughly inspected for your safety.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434371.jpg", imageAlt: "Car engine quality" },
|
||||
items: [{ icon: Shield, text: "Safety First" }, { icon: CheckCircle, text: "Fully Insured" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Dedicated Support",
|
||||
description: "Our team ensures you are supported throughout your journey.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-relaxing-evening-while-wearing-headphones-surfing-net-computer-night_637285-4399.jpg",
|
||||
imageAlt: "Rental support",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Headphones,
|
||||
text: "24/7 Assist",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Elite Service",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg?_wi=2",
|
||||
imageAlt: "premium car engine quality",
|
||||
title: "Dedicated Support", description: "Our team ensures you are supported throughout your journey.", media: { imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-relaxing-evening-while-wearing-headphones-surfing-net-computer-night_637285-4399.jpg", imageAlt: "Rental support" },
|
||||
items: [{ icon: Headphones, text: "24/7 Assist" }, { icon: Award, text: "Elite Service" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Simplified Booking",
|
||||
description: "Get on the road in minutes with our intuitive booking system.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-unlock-car_23-2148994229.jpg",
|
||||
imageAlt: "Fast booking",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant Booking",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Flexible Terms",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6513.jpg?_wi=2",
|
||||
imageAlt: "premium car engine quality",
|
||||
title: "Simplified Booking", description: "Get on the road in minutes with our intuitive booking system.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hand-using-phone-unlock-car_23-2148994229.jpg", imageAlt: "Fast booking" },
|
||||
items: [{ icon: Zap, text: "Instant Booking" }, { icon: Calendar, text: "Flexible Terms" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose DSA GROUP?"
|
||||
@@ -253,52 +129,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "short",
|
||||
badge: "Short Term",
|
||||
price: "$60 - $120",
|
||||
subtitle: "Perfect for a quick trip.",
|
||||
features: [
|
||||
"Full Insurance",
|
||||
"Unlimited Miles",
|
||||
"24/7 Roadside",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
id: "short", badge: "Short Term", price: "$60 - $120", subtitle: "Perfect for a quick trip.", features: ["Full Insurance", "Unlimited Miles", "24/7 Roadside"],
|
||||
buttons: [{ text: "Book Now" }],
|
||||
},
|
||||
{
|
||||
id: "medium",
|
||||
badge: "Medium Term",
|
||||
price: "$300 - $600",
|
||||
subtitle: "Great for business weeks.",
|
||||
features: [
|
||||
"Premium Coverage",
|
||||
"Priority Support",
|
||||
"GPS Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
],
|
||||
id: "medium", badge: "Medium Term", price: "$300 - $600", subtitle: "Great for business weeks.", features: ["Premium Coverage", "Priority Support", "GPS Included"],
|
||||
buttons: [{ text: "Select Plan" }],
|
||||
},
|
||||
{
|
||||
id: "long",
|
||||
badge: "Long Term",
|
||||
price: "$1200+",
|
||||
subtitle: "The best value for pros.",
|
||||
features: [
|
||||
"Executive Service",
|
||||
"Maintenance Included",
|
||||
"Model Upgrades",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
],
|
||||
id: "long", badge: "Long Term", price: "$1200+", subtitle: "The best value for pros.", features: ["Executive Service", "Maintenance Included", "Model Upgrades"],
|
||||
buttons: [{ text: "Contact Sales" }],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing Plans"
|
||||
@@ -310,31 +150,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-outdoors_23-2147956325.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-discussing-car-showroom_23-2148266162.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/need-sign-that-document-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16070.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-outdoors_23-2147956325.jpg" },
|
||||
{ id: "t2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-discussing-car-showroom_23-2148266162.jpg" },
|
||||
{ id: "t3", name: "Emma L.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg" },
|
||||
{ id: "t5", name: "Sophia G.", imageSrc: "http://img.b2bpic.net/free-photo/need-sign-that-document-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16070.jpg" },
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Trusted Service"
|
||||
@@ -347,14 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Automotive Solutions",
|
||||
"Global Travel Corp",
|
||||
"Rental Systems Inc",
|
||||
"Premium Transport",
|
||||
"Executive Logistics",
|
||||
"Fleet Partners",
|
||||
"Business Travel Group",
|
||||
]}
|
||||
"Automotive Solutions", "Global Travel Corp", "Rental Systems Inc", "Premium Transport", "Executive Logistics", "Fleet Partners", "Business Travel Group"]}
|
||||
title="Trusted Partners"
|
||||
description="DSA Group partners with leading brands globally."
|
||||
/>
|
||||
@@ -363,9 +176,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to hit the road?"
|
||||
description="Have questions or need assistance? Our support team is ready to help you."
|
||||
@@ -377,30 +188,10 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6HiJ3SjVKbQrJp2Aw2wwyFt7z/uploaded-1777595779413-n5acci97.png"
|
||||
@@ -410,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user