Update src/app/page.tsx
This commit is contained in:
116
src/app/page.tsx
116
src/app/page.tsx
@@ -2,14 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles, CheckCircle, Zap, Award, TrendingUp, BarChart3, Users, Globe, Car, Star, Heart, HelpCircle, Phone } from "lucide-react";
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
|
||||
export default function CarRentalPage() {
|
||||
return (
|
||||
@@ -27,7 +29,7 @@ export default function CarRentalPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="CarsRent"
|
||||
brandName="Gas or Gaz"
|
||||
navItems={[
|
||||
{ name: "Vehicles", id: "vehicles" },
|
||||
{ name: "How It Works", id: "process" },
|
||||
@@ -36,28 +38,29 @@ export default function CarRentalPage() {
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Premium Car Rentals"
|
||||
bottomRightText="support@carsrentrentals.com"
|
||||
bottomRightText="support@gasorgazrentals.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Rent cars for travel"
|
||||
description="Experience premium car rentals with unbeatable prices, instant booking, and 24/7 support. Choose from our fleet of luxury vehicles for every journey."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Label"
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "#pricing" },
|
||||
{ text: "View Fleet", href: "#vehicles" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg"
|
||||
imagePosition="left"
|
||||
/>
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Gas or Gaz"
|
||||
description="Experience premium car rentals with unbeatable prices, instant booking, and 24/7 support. Choose from our fleet of luxury vehicles for every journey."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "#pricing" },
|
||||
{ text: "View Fleet", href: "#vehicles" }
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg"
|
||||
imageAlt="Premium rental vehicle"
|
||||
frameStyle="browser"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vehicles" data-section="vehicles">
|
||||
<ProductCardThree
|
||||
title="250$ per day"
|
||||
title="Our Vehicle Fleet"
|
||||
description="Select from our premium collection of well-maintained rental vehicles"
|
||||
tag="Latest Models"
|
||||
tagIcon={Sparkles}
|
||||
@@ -84,7 +87,7 @@ export default function CarRentalPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
title="Join to our rent"
|
||||
title="Why Choose Gas or Gaz?"
|
||||
description="Experience unmatched service and value at every step of your journey"
|
||||
tag="Our Advantages"
|
||||
tagIcon={CheckCircle}
|
||||
@@ -111,9 +114,44 @@ export default function CarRentalPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Simple Transparent Pricing"
|
||||
description="Choose the perfect rental plan for your needs with no hidden fees"
|
||||
tag="Flexible Plans"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "daily", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$45-120", subtitle: "Perfect for short trips", features: [
|
||||
"Unlimited mileage", "Free cancellation", "Flexible return", "Roadside assistance"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "weekly", badge: "Best Value", badgeIcon: Award,
|
||||
price: "$280-750", subtitle: "Great for week-long travels", features: [
|
||||
"30% discount on daily rate", "Free upgrades available", "Complimentary delivery", "Priority support"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "monthly", badge: "Business", badgeIcon: TrendingUp,
|
||||
price: "$900-2400", subtitle: "Extended rental solutions", features: [
|
||||
"50% discount on daily rate", "Dedicated account manager", "Flexible swap options", "Corporate invoicing"
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Special Offer", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardOne
|
||||
title="CarsRent by Numbers"
|
||||
title="Gas or Gaz by Numbers"
|
||||
description="Join thousands of satisfied customers worldwide who trust our service"
|
||||
tag="Our Track Record"
|
||||
tagIcon={BarChart3}
|
||||
@@ -150,7 +188,7 @@ export default function CarRentalPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarahtravels", testimonial: "Booking with CarsRent was incredibly easy. The vehicle was pristine and the entire experience exceeded my expectations. Highly recommend!", rating: 5,
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarahtravels", testimonial: "Booking with Gas or Gaz was incredibly easy. The vehicle was pristine and the entire experience exceeded my expectations. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
@@ -169,6 +207,38 @@ export default function CarRentalPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our rental process and policies"
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is the minimum age to rent a vehicle?", content: "The minimum age is 21 years old with a valid driver's license. Renters between 21-25 may be subject to a young driver surcharge of $10-15 per day."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is insurance included in the rental price?", content: "Yes, comprehensive insurance coverage is included in all our rental rates. This includes collision, liability, and theft protection. You have the option to add premium coverage for additional peace of mind."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I cancel my reservation?", content: "Absolutely! Cancellations made 48 hours before your rental start date receive a full refund. Cancellations within 48 hours may incur a small fee. Check your booking confirmation for specific terms."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), digital wallets (Apple Pay, Google Pay), and bank transfers. A valid credit card is required at pickup."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Are there mileage restrictions?", content: "All our daily and weekly rentals include unlimited mileage at no extra charge. Monthly rentals also feature unlimited mileage. You're free to drive as much as you need!"
|
||||
},
|
||||
{
|
||||
id: "6", title: "What if I damage the rental vehicle?", content: "Our comprehensive insurance covers most damages. You may be responsible for a deductible (typically $500-1000 depending on coverage). We always recommend documenting the vehicle's condition at pickup."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Book Your Rental?"
|
||||
@@ -180,10 +250,10 @@ export default function CarRentalPage() {
|
||||
accordionAnimationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I modify my existing reservation?", content: "You can modify your reservation anytime through your account dashboard or by calling our support team at +1-800-CARSRENT. Changes are subject to availability and pricing adjustments."
|
||||
id: "1", title: "How do I modify my existing reservation?", content: "You can modify your reservation anytime through your account dashboard or by calling our support team at +1-800-GASORGAZ. Changes are subject to availability and pricing adjustments."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer corporate or fleet rates?", content: "Yes! We offer special corporate rates for businesses with recurring rental needs. Contact our B2B team at corporate@carsrentrentals.com for custom quotes and partnership opportunities."
|
||||
id: "2", title: "Do you offer corporate or fleet rates?", content: "Yes! We offer special corporate rates for businesses with recurring rental needs. Contact our B2B team at corporate@gasorgazrentals.com for custom quotes and partnership opportunities."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What happens if I return the vehicle late?", content: "Late returns incur an hourly fee of $15-25 depending on the vehicle class. If you anticipate being late, please contact us immediately to discuss options and potential fee waivers."
|
||||
@@ -197,8 +267,8 @@ export default function CarRentalPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="CarsRent"
|
||||
copyrightText="© 2025 CarsRent Rentals. All rights reserved."
|
||||
logoText="Gas or Gaz"
|
||||
copyrightText="© 2025 Gas or Gaz Rentals. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Rentals", items: [
|
||||
|
||||
Reference in New Issue
Block a user