@include('frontend.includes.header')
   <!-- ========= Breadcrumb ======= -->
   <section id="breadcrumb">
     <div class="container">
       <div class="row">
         <div class="col-lg-8 col-sm-6">
           <div class="breadcrumb-link">
             <h4>APP FEATURES</h4>
           </div>
         </div>
         <div class="col-lg-4 col-sm-6">
           <div class="breadcrumb-anchor">
             <ul>
               <li><a href="{{ url('') }}">Home</a></li>
               <li>
                 <p>App Features</p>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
   </section>


   <!-- ========= Our Categories ======= -->
   <section id="categories">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">
           <div class="section-title mb-4">
             <span>Why Choose Us</span>
             <h2>OUR <span>ADVANTAGES</span></h2>
           </div>
         </div>
       </div>
       <div class="row">
         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-1.png') }}" class="img-fluid" alt="App Feature">
             <h4>Easy to Use</h4>
             <p>A simple, intuitive interface that lets you book rides or place orders in just a few taps.
             </p>
           </div>
         </div>
         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-2.png') }}" class="img-fluid" alt="App Feature">
             <h4>Professional Drivers</h4>
             <p>Ride with experienced, well-trained drivers who value your safety and comfort.
             </p>
           </div>
         </div>
         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-3.png') }}" class="img-fluid" alt="App Feature">
             <h4>Secure Payments</h4>
             <p>Enjoy hassle-free, encrypted transactions with multiple trusted payment options.
             </p>
           </div>
         </div>

         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-5.png') }}" class="img-fluid" alt="App Feature">
             <h4>Real Time Order Tracking</h4>
             <p>Track your driver or delivery live — from pickup to drop-off, stay updated every second.
             </p>
           </div>
         </div>
         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-6.png') }}" class="img-fluid" alt="App Feature">
             <h4>Ratings & Reviews
             </h4>
             <p>Share your experience and check driver or vendor ratings before you book or order.
             </p>
           </div>
         </div>

         <div class="col-lg-4 col-sm-6">
           <div class="feature-item">
             <img src="{{ asset('frontend/assets/img/feature-8.png') }}" class="img-fluid" alt="App Feature">
             <h4>Customize Orders</h4>
             <p>Add special instructions or preferences to make every delivery or ride fit your needs.
             </p>
           </div>
         </div>
       </div>
     </div>
   </section>
   @include('frontend.includes.footer')