287 lines
18 KiB
TypeScript
287 lines
18 KiB
TypeScript
"use client"
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import { Zap, Award, Star, TrendingUp, Crown, Heart, Phone } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="slide-background"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLarge"
|
||
background="floatingGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="No Audi No Travel"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Fleet", id: "products" },
|
||
{ name: "Pricing", id: "pricing" },
|
||
{ name: "Why Us", id: "features" },
|
||
{ name: "Shop", id: "shop" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
bottomLeftText="Premium Vehicle Rentals"
|
||
bottomRightText="hello@noaudinotravel.com"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
title="No Audi, No Travel"
|
||
description="Discover the perfect vehicle for every journey. Premium luxury cars at unbeatable rates. Book your dream ride today and experience the freedom of the open road."
|
||
tag="Premium Fleet Available"
|
||
tagIcon={Zap}
|
||
buttons={[
|
||
{ text: "Browse Fleet", href: "#products" },
|
||
{ text: "Book Now" }
|
||
]}
|
||
background={{ variant: "downward-rays-animated" }}
|
||
carouselItems={[
|
||
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-22857.jpg", imageAlt: "Luxury Premium Sedan" },
|
||
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg", imageAlt: "Sports Car Luxury" },
|
||
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg", imageAlt: "Modern Sleek Sedan" },
|
||
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22802.jpg", imageAlt: "Premium SUV" },
|
||
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/opening-door-modern-stylish-bearded-businessman-automobile-saloon_146671-16006.jpg", imageAlt: "Convertible Luxury" },
|
||
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241758.jpg", imageAlt: "Family Minivan" }
|
||
]}
|
||
autoPlay={true}
|
||
autoPlayInterval={4000}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
tag="About Us"
|
||
tagIcon={Award}
|
||
title="Your Trusted Partner in Premium Vehicle Rentals"
|
||
description="Since 2010, No Audi No Travel has been the premier choice for discerning travelers seeking luxury vehicles. We pride ourselves on offering an unmatched selection of premium automobiles, competitive pricing, and exceptional customer service that turns every journey into an unforgettable experience."
|
||
metrics={[
|
||
{ value: "15K+", title: "Satisfied Customers" },
|
||
{ value: "200+", title: "Premium Vehicles" }
|
||
]}
|
||
imageSrc="https://img.b2bpic.net/free-photo/close-up-happy-customer-car-dealership_23-2149117174.jpg"
|
||
imageAlt="Professional car rental service"
|
||
useInvertedBackground="invertDefault"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
title="Our Premium Fleet"
|
||
description="Explore our carefully curated collection of luxury vehicles. From sleek sedans to powerful SUVs, find the perfect car for your next adventure."
|
||
tag="Best Sellers"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
gridVariant="three-columns-all-equal-width"
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "1", brand: "BMW", name: "7 Series Sedan", price: "$189/day", rating: 5,
|
||
reviewCount: "847", imageSrc: "https://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20992.jpg", imageAlt: "BMW 7 Series"
|
||
},
|
||
{
|
||
id: "2", brand: "Mercedes-Benz", name: "E-Class Luxury", price: "$199/day", rating: 5,
|
||
reviewCount: "921", imageSrc: "https://img.b2bpic.net/free-photo/feeling-good-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16520.jpg", imageAlt: "Mercedes-Benz E-Class"
|
||
},
|
||
{
|
||
id: "3", brand: "Tesla", name: "Model S Premium", price: "$219/day", rating: 5,
|
||
reviewCount: "756", imageSrc: "https://img.b2bpic.net/free-photo/photo-from-inside-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16063.jpg", imageAlt: "Tesla Model S"
|
||
},
|
||
{
|
||
id: "4", brand: "Range Rover", name: "Sport Luxury SUV", price: "$249/day", rating: 5,
|
||
reviewCount: "834", imageSrc: "https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571885.jpg", imageAlt: "Range Rover Sport"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardFive
|
||
title="Flexible Rental Plans"
|
||
description="Choose from our transparent pricing options. No hidden fees, no surprises. Just premium vehicles and exceptional service."
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="invertDefault"
|
||
plans={[
|
||
{
|
||
id: "daily", tag: "Daily Rental", price: "Starting", period: "$89/day", description: "Perfect for short trips and weekend getaways. Includes comprehensive insurance and roadside assistance.", button: { text: "Book Daily", href: "#contact" },
|
||
featuresTitle: "Included:", features: [
|
||
"Unlimited mileage", "Comprehensive insurance", "24/7 roadside assistance", "Free airport pickup"
|
||
]
|
||
},
|
||
{
|
||
id: "weekly", tag: "Weekly Rental", tagIcon: TrendingUp,
|
||
price: "Starting", period: "$499/week", description: "Ideal for extended trips. Save up to 20% compared to daily rates plus additional benefits.", button: { text: "Book Weekly", href: "#contact" },
|
||
featuresTitle: "Included:", features: [
|
||
"Unlimited mileage", "Premium insurance coverage", "Priority support", "Free airport service", "Complimentary upgrade option"
|
||
]
|
||
},
|
||
{
|
||
id: "monthly", tag: "Monthly Lease", tagIcon: Crown,
|
||
price: "Starting", period: "$1,799/month", description: "Best value for extended use. Perfect for business travel and long-term rentals with exclusive perks.", button: { text: "Book Monthly", href: "#contact" },
|
||
featuresTitle: "Included:", features: [
|
||
"Unlimited mileage", "Full coverage insurance", "Concierge service", "Vehicle replacement", "Priority maintenance", "Flexible extension options"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwelve
|
||
title="Why Choose Us"
|
||
description="We deliver excellence in every aspect of our service. Here's what sets No Audi No Travel apart from the competition."
|
||
textboxLayout="default"
|
||
animationType="opacity"
|
||
useInvertedBackground="noInvert"
|
||
features={[
|
||
{
|
||
id: "quality", label: "Quality", title: "Premium Vehicles Maintained to Perfection", items: [
|
||
"Meticulously maintained luxury fleet", "Regular inspections and upgrades", "Latest model years available", "Premium interior finishes"
|
||
]
|
||
},
|
||
{
|
||
id: "service", label: "Service", title: "Exceptional Customer Care Every Time", items: [
|
||
"24/7 customer support team", "Dedicated account managers", "Same-day rental processing", "Flexible cancellation policy"
|
||
]
|
||
},
|
||
{
|
||
id: "pricing", label: "Pricing", title: "Transparent Rates Without Hidden Charges", items: [
|
||
"Competitive daily rates", "Weekly and monthly discounts", "No surprise fees ever", "Price match guarantee"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
cardTitle="Join thousands of satisfied travelers who trust No Audi No Travel for their premium vehicle rental needs"
|
||
cardTag="Customer Reviews"
|
||
cardTagIcon={Heart}
|
||
useInvertedBackground="invertDefault"
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
|
||
{ id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||
{ id: "3", name: "Emma Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
|
||
{ id: "4", name: "David Wilson", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||
{ id: "5", name: "Jennifer Martinez", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||
{ id: "6", name: "Robert Taylor", imageSrc: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
title="Common Questions"
|
||
description="Find answers to frequently asked questions about our rental process, policies, and services."
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
mediaPosition="left"
|
||
imageSrc="https://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117172.jpg"
|
||
imageAlt="Customer support team"
|
||
animationType="smooth"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What documents do I need to rent a vehicle?", content: "You'll need a valid driver's license, passport or government ID, proof of insurance, and a credit card. International customers may need an International Driving Permit (IDP). We accept most major credit cards for the security deposit."
|
||
},
|
||
{
|
||
id: "2", title: "Is insurance included in the rental price?", content: "Yes, basic comprehensive insurance is included in all our rental packages. You also have the option to upgrade to premium coverage for complete peace of mind. All policies include 24/7 roadside assistance."
|
||
},
|
||
{
|
||
id: "3", title: "Can I extend my rental period?", content: "Absolutely! You can extend your rental at any time subject to vehicle availability. Extensions are charged at the daily rate applicable at the time of extension. Call our support team to arrange an extension easily."
|
||
},
|
||
{
|
||
id: "4", title: "What is your cancellation policy?", content: "We offer flexible cancellation up to 48 hours before your rental start date for a full refund. Cancellations within 48 hours incur a 25% fee. No fees apply for cancellations due to severe weather or circumstances beyond your control."
|
||
},
|
||
{
|
||
id: "5", title: "Do you offer airport delivery?", content: "Yes, we provide complimentary airport pickup and delivery for all rentals. Simply inform us of your flight details during booking, and we'll have your vehicle ready upon arrival. Premium customers receive priority service."
|
||
},
|
||
{
|
||
id: "6", title: "What's included in roadside assistance?", content: "Our 24/7 roadside assistance covers towing, emergency repairs, lockout service, fuel delivery, and flat tire changes. You can reach our support team anytime during your rental for immediate help."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="shop" data-section="shop">
|
||
<ProductCardTwo
|
||
title="Shop Premium Accessories"
|
||
description="Enhance your rental experience with our exclusive range of premium accessories and add-ons designed to elevate your journey."
|
||
tag="Exclusive Offerings"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="invertDefault"
|
||
gridVariant="three-columns-all-equal-width"
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "acc-1", brand: "Premium", name: "Advanced GPS Navigation", price: "$25/day", rating: 5,
|
||
reviewCount: "342", imageSrc: "https://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-22857.jpg", imageAlt: "GPS Navigation System"
|
||
},
|
||
{
|
||
id: "acc-2", brand: "Comfort", name: "Leather Upgrade Package", price: "$35/day", rating: 5,
|
||
reviewCount: "287", imageSrc: "https://img.b2bpic.net/free-photo/feeling-good-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16520.jpg", imageAlt: "Leather Interior"
|
||
},
|
||
{
|
||
id: "acc-3", brand: "Safety", name: "Child Seat Installation", price: "$20/day", rating: 5,
|
||
reviewCount: "156", imageSrc: "https://img.b2bpic.net/free-photo/photo-from-inside-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16063.jpg", imageAlt: "Child Safety Seat"
|
||
},
|
||
{
|
||
id: "acc-4", brand: "Adventure", name: "Roof Rack & Carrier", price: "$40/day", rating: 5,
|
||
reviewCount: "218", imageSrc: "https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571885.jpg", imageAlt: "Roof Rack Carrier"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Book Your Dream Vehicle"
|
||
ctaDescription="Start your luxury rental journey today. Our team is ready to help you find the perfect car for your next adventure."
|
||
ctaIcon={Phone}
|
||
ctaButton={{ text: "Contact Our Team", href: "mailto:hello@noaudinotravel.com" }}
|
||
useInvertedBackground="invertDefault"
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How far in advance should I book?", content: "We recommend booking 2-4 weeks in advance to secure your preferred vehicle and potentially receive early booking discounts. However, same-day and next-day bookings are available subject to vehicle availability."
|
||
},
|
||
{
|
||
id: "2", title: "Do you offer GPS and additional equipment?", content: "Yes! We provide complimentary GPS navigation and smartphone integration. Additional equipment like child seats, roof racks, and premium sound systems are available for a nominal fee."
|
||
},
|
||
{
|
||
id: "3", title: "What is the mileage limit?", content: "Our daily and weekly rentals include unlimited mileage. Monthly leases also include unlimited mileage. No surprise charges for extra kilometers – drive with confidence!"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal logoText="No Audi No Travel" />
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|