<?php
$page_title = "Travel Team Help - Best Car Rental Deals";
include 'includes/header.php';
?>

<div style="padding-top: 100px; padding-bottom: 50px; background-color: white;">
<section class="hero-section">
<div class="container">
<div class="row">
<div class="col-lg-8">
<h1 class="hero-title">Find Your Perfect car rental</h1>
<h2 class="mb-4">Search, compare, and book with <span class="highlight">ease</span></h2>
<p class="lead">Discover the best car rental deals for your next adventure. Whether you're traveling for business or pleasure, we'll help you find the perfect itinerary.</p>
</div>
</div>
</div>
</section><section class="py-3 bg-light">
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li aria-current="page" class="breadcrumb-item active">Car Rental Booking</li>
</ol>
</nav>
</div>
</section><section class="py-5 bg-light">
<div class="container">
<div class="booking-card">
<h2 class="text-center mb-4">Search car rentals</h2>
<div class="mb-4">
<div class="d-flex flex-wrap">
<button class="trip-type-btn active" id="one-way-btn">One Way</button>
<button class="trip-type-btn" id="round-trip-btn">Round Trip</button>
<button class="trip-type-btn" id="multi-city-btn">Multi-City</button>
</div>
</div>
<form id="car rental-search-form">
<div class="row">
<div class="col-md-6 mb-3">
<label class="form-label" for="from">From</label>
<input class="form-control" id="from" placeholder="City or Airport" required="" type="text"/>
</div>
<div class="col-md-6 mb-3">
<label class="form-label" for="to">To</label>
<input class="form-control" id="to" placeholder="City or Airport" required="" type="text"/>
</div>
</div>
<div class="row">
<div class="col-md-3 mb-3">
<label class="form-label" for="departure">Departure</label>
<input class="form-control" id="departure" placeholder="Select date" required="" type="text"/>
</div>
<div class="col-md-3 mb-3" id="return-date-container">
<label class="form-label" for="return">Return</label>
<input class="form-control" id="return" placeholder="Select date" type="text"/>
</div>
<div class="col-md-3 mb-3">
<label class="form-label">Travelers &amp; Class</label>
<div class="passenger-selector" id="passenger-selector">
<span id="passenger-summary">1 Adult, Economy</span>
<i class="fas fa-chevron-down ms-2"></i>
</div>
<div class="passenger-dropdown d-none" id="passenger-dropdown">
<div class="passenger-control">
<span>Adults (12+)</span>
<div class="d-flex align-items-center">
<button class="counter-btn" id="adult-minus">-</button>
<span class="passenger-count" id="adult-count">1</span>
<button class="counter-btn" id="adult-plus">+</button>
</div>
</div>
<div class="passenger-control">
<span>Children (2-11)</span>
<div class="d-flex align-items-center">
<button class="counter-btn" id="child-minus">-</button>
<span class="passenger-count" id="child-count">0</span>
<button class="counter-btn" id="child-plus">+</button>
</div>
</div>
<div class="passenger-control">
<span>Infants (under 2)</span>
<div class="d-flex align-items-center">
<button class="counter-btn" id="infant-minus">-</button>
<span class="passenger-count" id="infant-count">0</span>
<button class="counter-btn" id="infant-plus">+</button>
</div>
</div>
<div class="mt-3">
<label class="form-label">Class</label>
<select class="form-control" id="vehicle-class">
<option value="economy">Economy</option>
<option value="premium_economy">Premium Economy</option>
<option value="business">Business</option>
<option value="first">Vans</option>
</select>
</div>
<button class="btn btn-primary w-100 mt-3" id="apply-passengers" type="button">Apply</button>
</div>
</div>
<div class="col-md-3 mb-3 d-flex align-items-end">
<button class="btn btn-primary w-100" type="submit">Search car rentals</button>
</div>
</div>
</form>
</div>
</div>
</section><section class="py-5" id="car rental-results" style="display: none;">
<div class="container">
<h2 class="section-title text-center">Available car rentals</h2>
<p class="section-subtitle text-center">We've found the best options for your trip</p>
<div class="row mb-4">
<div class="col-md-6">
<h4 id="route-summary">New York (JFK) to Los Angeles (LAX)</h4>
<p id="date-summary">June 15, 2023 - June 22, 2023 • 1 Adult, Economy</p>
</div>
<div class="col-md-6 text-md-end">
<div class="btn-group">
<button class="btn btn-outline-primary active">Best</button>
<button class="btn btn-outline-primary">Cheapest</button>
<button class="btn btn-outline-primary">Fastest</button>
</div>
</div>
</div>
<div id="car rental-list">
<!-- car rental options will be dynamically inserted here -->
</div>
<div class="text-center mt-4">
<button class="btn btn-outline-primary">Load More Results</button>
</div>
</div>
</section><section class="py-5 bg-light">
<div class="container">
<h2 class="section-title text-center">Why Book With Us?</h2>
<p class="section-subtitle text-center">We make Car Rental Booking simple and stress-free</p>
<div class="row">
<div class="col-md-4 mb-4">
<div class="benefit-card">
<div class="benefit-icon">
<i class="fas fa-search-dollar"></i>
</div>
<h4>Best Price Guarantee</h4>
<p>We compare hundreds of Rental Companies to find you the best deals. If you find a lower price elsewhere, we'll match it.</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="benefit-card">
<div class="benefit-icon">
<i class="fas fa-headset"></i>
</div>
<h4>24/7 Support</h4>
<p>Our travel experts are available around the clock to assist with changes, cancellations, or any travel issues.</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="benefit-card">
<div class="benefit-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h4>Flexible Booking</h4>
<p>Change your plans with ease. We offer flexible booking options and help you understand Rental Company policies.</p>
</div>
</div>
</div>
</div>
</section><section class="py-5">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="alert alert-info">
<h4><i class="fas fa-info-circle me-2"></i> Important Notice</h4>
<p class="mb-0">travelteamhelp.com is an independent online travel company operated by TICKETSUPPORT.SERVICES, and is unrelated to any third-party brands, Rental Companies, hotels, or Car Rental, car rental, Hotel services. Our website encourages visitors to book car rentals, hotels, cars, and other travel services directly with the respective service providers.</p>
</div>
</div>
</div>
</div>
</section><section class="py-5 contact-section" id="contact">
<div class="container">
<h2 class="section-title text-center">Need Help With Your car rental?</h2>
<p class="section-subtitle text-center">Our travel experts are here to assist you!</p>
<div class="row">
<div class="col-lg-6 mb-4">
<form>
<div class="mb-3">
<label class="form-label" for="contact-name">Name</label>
<input class="form-control" id="contact-name" placeholder="Jane Smith" required="" type="text"/>
</div>
<div class="mb-3">
<label class="form-label" for="contact-email">Email address</label>
<input class="form-control" id="contact-email" placeholder="email@website.com" required="" type="email"/>
</div>
<div class="mb-3">
<label class="form-label" for="contact-phone">Phone number</label>
<input class="form-control" id="contact-phone" placeholder="555-555-5555" required="" type="tel"/>
</div>
<div class="mb-3">
<label class="form-label" for="contact-message">How can we help with your Car Rental Booking?</label>
<textarea class="form-control" id="contact-message" placeholder="Tell us about your travel plans and any specific requirements" rows="4"></textarea>
</div>
<div class="mb-3 form-check">
<input class="form-check-input" id="contact-consent" required="" type="checkbox"/>
<label class="form-check-label" for="contact-consent">I allow this website to store my submission so they can respond to my inquiry.</label>
</div>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
</div>
<div class="col-lg-6">
<div class="bg-white p-4 rounded">
<h3 class="mb-4">Car Rental Booking Assistance</h3>
<div class="mb-3">
<h5>Phone</h5>
<p><i class="fas fa-phone me-2"></i> <a href="tel:+18664809032">+1 (866) 480-9032</a></p>
</div>
<div class="mb-3">
<h5>Email</h5>
<p><i class="fas fa-envelope me-2"></i> <a href="mailto:info@travelteamhelp.com">info@travelteamhelp.com</a></p>
</div>
<div class="mb-3">
<h5>Location</h5>
<p><i class="fas fa-map-marker-alt me-2"></i> Los Angeles, CA US</p>
</div>
<div class="mb-3">
<h5>Hours</h5>
<p>Monday - Friday: 9:00am - 10:00pm</p>
<p>Saturday: 9:00am - 6:00pm</p>
<p>Sunday: 9:00am - 12:00pm</p>
</div>
<div class="mb-3">
<h5>What We Can Help With</h5>
<ul>
<li>Finding the best car rental deals</li>
<li>Complex itineraries and multi-city trips</li>
<li>Trucks and special requirements</li>
<li>Understanding Rental Company policies and fees</li>
<li>car rental changes and cancellations</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

<?php include 'includes/footer.php'; ?>
