<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>About MR.TAXI – Reliable Rides, Trusted Service</title>


    <!-- head -->
    <?php include('./includes/head.php'); ?>

</head>

<body>

    <div class="body-wrap">
        <!-- header -->
        <?php include('./includes/header.php'); ?>

        <main>
            <!-- sub banner -->
            <section>
                <div class="inner-sub-banner" style="background-image: url('./assets/image/banner/banner-2.png')" ;>
                    <div class="container-fluid">
                        <div class="sub-banner-content">
                            <div class="sub-overlay">
                                <img src="./assets/image/banner/sub-banner-overlay.png" class="img-fluid" alt="">
                            </div>
                            <div class="banner-content-wrap">
                                <h4 class="sub-head">Car Tourism</h4>
                                <h2 class="main-head">Explore the World Comfortably with Mr.Taxi</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- about section -->
            <section>
                <div class="inner-about about-inner">
                    <div class="container-fluid ">

                        <div class="head-center">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200"><span>About Mr.Taxi</span></h4>
                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="300">Your Ride, Your Comfort — Every Mile Matters</h2>
                        </div>

                        <div class="row">

                            <div class="col-lg-5 col-md-6 mt-4" data-aos="zoom-in" data-aos-delay="200">
                                <div class="about-right d-flex align-items-center justify-content-start" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="400">
                                    <img src="./assets/image/home/about-img.png" class="img-fluid" alt="">
                                </div>
                            </div>

                            <div class="col-lg-7 col-md-6 d-flex justify-content-center align-items-center">
                                <div class="about-left">
                                    <h2 class="main-head" data-aos="fade-up" data-aos-delay="250">Driving Comfort, Safety & Trust</h2>

                                    <p data-aos="fade-up" data-aos-delay="250">
                                        <i class="bi bi-caret-right-fill"></i> Mr.Taxi is more than a ride — it’s a promise of reliability, punctuality, and premium service.
                                        Our goal is to make every journey smooth, secure, and enjoyable for every customer.
                                    </p>

                                    <p data-aos="fade-up" data-aos-delay="300">
                                        <i class="bi bi-caret-right-fill"></i> Whether you’re commuting to the office, heading out for leisure, or planning a long-distance trip,
                                        our experienced drivers and well-maintained vehicles ensure a comfortable experience every time.
                                    </p>

                                    <div class="about-features-wrapper d-flex flex-wrap gap-3" data-aos="fade-up" data-aos-delay="200">
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> Clean Vehicles</div>
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> Timely Pickups</div>
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> Tailored Packages</div>
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> Comfortable Seats</div>
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> Customer Satisfaction</div>
                                        <div class="about-features-item flex-fill"><i class="bi bi-check-circle-fill text-warning me-2"></i> 24/7 Support</div>
                                    </div>
                                    <p data-aos="fade-up" data-aos-delay="300">
                                        <i class="bi bi-caret-right-fill"></i> Whether you’re commuting to the office, heading out for leisure, or planning a long-distance trip,
                                        our experienced drivers and well-maintained vehicles ensure a comfortable experience every time.
                                    </p>
                                       <p data-aos="fade-up" data-aos-delay="300">
                                        <i class="bi bi-caret-right-fill"></i> Whether you’re commuting to the office, heading out for leisure, or planning a long-distance trip,
                                        our experienced drivers and well-maintained vehicles ensure a comfortable experience every time.
                                    </p>


                                    <div class="custom-btn" data-aos="fade-up" data-aos-delay="450">
                                        <a href="contact.php" class="liquid-btn">
                                            Get Enquiry <i class="bi bi-chevron-double-right"></i>
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>


                </div>
            </section>


            <!-- why choose us -->
            <section>
                <div class="inner-why">
                    <div class="container">
                        <div class="head-center">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200"><span>Why Choose Us</span></h4>
                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="300">Experience Comfort, Safety & Premium Service</h2>
                        </div>


                        <div class="why-wrap">
                            <div class="row g-4">
                                <!-- Card 1 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 d-flex" data-aos="zoom-in" data-aos-delay="200">
                                    <div class="why-card">
                                        <div class="why-img">
                                            <img src="./assets/image/icons/reliability.png" alt="Reliable">
                                        </div>
                                        <div class="why-content">
                                            <h3>Reliable Service</h3>
                                            <p>Our skilled drivers ensure punctual, safe, and trustworthy rides every time.</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 2 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 d-flex" data-aos="zoom-in" data-aos-delay="300">
                                    <div class="why-card">
                                        <div class="why-img">
                                            <img src="./assets/image/icons/diamond.png" alt="Comfort">
                                        </div>
                                        <div class="why-content">
                                            <h3>Premium Comfort</h3>
                                            <p>Travel in style with well-maintained vehicles designed for smooth journeys.</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 3 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 d-flex" data-aos="zoom-in" data-aos-delay="400">
                                    <div class="why-card">
                                        <div class="why-img">
                                            <img src="./assets/image/icons/booking.png" alt="Flexible">
                                        </div>
                                        <div class="why-content">
                                            <h3>Flexible Booking</h3>
                                            <p>Plan your trips easily with flexible scheduling and hassle-free booking options.</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 4 -->
                                <div class="col-lg-3 col-md-6 col-sm-6 d-flex" data-aos="zoom-in" data-aos-delay="500">
                                    <div class="why-card">
                                        <div class="why-img">
                                            <img src="./assets/image/icons/24.png" alt="Support">
                                        </div>
                                        <div class="why-content">
                                            <h3>24/7 Support</h3>
                                            <p>Our team is available around the clock to help with any questions or concerns.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </section>


            <!-- testimonial section -->
            <section>
                <div class="inner-testimonial">
                    <div class="container-fluid">
                        <div class="head-center">
                            <h4 class="sub-head" data-aos="zoom-in" data-aos-delay="200">
                                <span>What Our Customers Say</span>
                            </h4>
                            <h2 class="main-head" data-aos="zoom-in" data-aos-delay="300">
                                Real Experiences, Real Journeys — Hear from Our Happy Riders
                            </h2>
                        </div>



                        <div class="textimonial-wrap">
                            <div class="row ">

                                <div class="col-lg-6 col-md-5 order-2 order-md-1 d-flex justify-content-center align-items-center">
                                    <div class="testimonial-left d-flex justify-content-center align-items-center" data-aos="zoom-in" data-aos-delay="200">
                                        <img src="./assets/image/home/testimonial.png" class="img-fluid" alt="">

                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-7 order-1 order-md-2">
                                    <div class="testimonial-right  d-flex justify-content-center aign-items-center" data-aos="zoom-in" data-aos-delay="300">
                                        <div class="container">
                                            <div class="testimonial-carousel owl-carousel">
                                                <!-- Testimonial 1 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        Mr.Taxi has completely changed how I travel in the city. Their cabs are
                                                        always on time, clean, and the drivers are super professional.
                                                        I’ve stopped worrying about last-minute rides — it’s just one tap away.
                                                    </p>
                                                    <h5>Priya Sharma</h5>
                                                    <span>- Frequent City Rider</span>
                                                </div>

                                                <!-- Testimonial 2 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        I used Mr.Taxi for an outstation trip last month. The ride was smooth,
                                                        the driver was polite, and the support team kept in touch throughout
                                                        the journey. Highly recommended for safe long-distance travel.
                                                    </p>
                                                    <h5>Rohit Mehta</h5>
                                                    <span>- Business Traveler</span>
                                                </div>

                                                <!-- Testimonial 3 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        Booking through the Mr.Taxi website was effortless, and I loved the
                                                        instant confirmation. The car was spotless, and I truly appreciated
                                                        the driver’s punctuality. Excellent service at great rates.
                                                    </p>
                                                    <h5>Ananya Gupta</h5>
                                                    <span>- Regular Customer</span>
                                                </div>

                                                <!-- Testimonial 4 -->
                                                <div class="testimonial-item">
                                                    <i class="fas fa-quote-left quote-icon"></i>
                                                    <p>
                                                        Airport transfers have never been this smooth! My flight was delayed,
                                                        yet the driver waited patiently and greeted me with a smile. Mr.Taxi
                                                        has earned my full trust for all future rides.
                                                    </p>
                                                    <h5>Arjun Nair</h5>
                                                    <span>- Frequent Flyer</span>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>





        </main>


        <!-- Footer -->
        <?php include('./includes/footer.php'); ?>

    </div>


    <!-- Script -->
    <?php include('./includes/script.php'); ?>


</body>

</html>