Update src/app/page.tsx

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: [