1 Commits

Author SHA1 Message Date
8c6767daa1 Update src/app/page.tsx 2026-01-30 15:18:47 +00:00

View File

@@ -2,14 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq'; import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase'; 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 { 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() { export default function CarRentalPage() {
return ( return (
@@ -27,7 +29,7 @@ export default function CarRentalPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
brandName="CarsRent" brandName="Gas or Gaz"
navItems={[ navItems={[
{ name: "Vehicles", id: "vehicles" }, { name: "Vehicles", id: "vehicles" },
{ name: "How It Works", id: "process" }, { name: "How It Works", id: "process" },
@@ -36,28 +38,29 @@ export default function CarRentalPage() {
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
bottomLeftText="Premium Car Rentals" bottomLeftText="Premium Car Rentals"
bottomRightText="support@carsrentrentals.com" bottomRightText="support@gasorgazrentals.com"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroLogoBillboardSplit
title="Rent cars for travel" 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." 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" }} background={{ variant: "radial-gradient" }}
tag="Label"
buttons={[ buttons={[
{ text: "Book Now", href: "#pricing" }, { text: "Book Now", href: "#pricing" },
{ text: "View Fleet", href: "#vehicles" } { text: "View Fleet", href: "#vehicles" }
]} ]}
layoutOrder="default"
imageSrc="https://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg" imageSrc="https://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg"
imagePosition="left" imageAlt="Premium rental vehicle"
frameStyle="browser"
/> />
</div> </div>
<div id="vehicles" data-section="vehicles"> <div id="vehicles" data-section="vehicles">
<ProductCardThree <ProductCardThree
title="250$ per day" title="Our Vehicle Fleet"
description="Select from our premium collection of well-maintained rental vehicles" description="Select from our premium collection of well-maintained rental vehicles"
tag="Latest Models" tag="Latest Models"
tagIcon={Sparkles} tagIcon={Sparkles}
@@ -84,7 +87,7 @@ export default function CarRentalPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardEight <FeatureCardEight
title="Join to our rent" title="Why Choose Gas or Gaz?"
description="Experience unmatched service and value at every step of your journey" description="Experience unmatched service and value at every step of your journey"
tag="Our Advantages" tag="Our Advantages"
tagIcon={CheckCircle} tagIcon={CheckCircle}
@@ -111,9 +114,44 @@ export default function CarRentalPage() {
/> />
</div> </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"> <div id="process" data-section="process">
<MetricCardOne <MetricCardOne
title="CarsRent by Numbers" title="Gas or Gaz by Numbers"
description="Join thousands of satisfied customers worldwide who trust our service" description="Join thousands of satisfied customers worldwide who trust our service"
tag="Our Track Record" tag="Our Track Record"
tagIcon={BarChart3} tagIcon={BarChart3}
@@ -150,7 +188,7 @@ export default function CarRentalPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ 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" 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>
<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"> <div id="contact" data-section="contact">
<ContactFaq <ContactFaq
ctaTitle="Ready to Book Your Rental?" ctaTitle="Ready to Book Your Rental?"
@@ -180,10 +250,10 @@ export default function CarRentalPage() {
accordionAnimationType="smooth" accordionAnimationType="smooth"
faqs={[ 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." 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"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
logoText="CarsRent" logoText="Gas or Gaz"
copyrightText="© 2025 CarsRent Rentals. All rights reserved." copyrightText="© 2025 Gas or Gaz Rentals. All rights reserved."
columns={[ columns={[
{ {
title: "Rentals", items: [ title: "Rentals", items: [