@extends('frontend.layout.app')



@section('title', 'BAIC BAHRAIN - Promotions')



@section('body-content')
<section class="inner-intro bg-110 bg-overlay-black-70">
  <div class="container">
     <div class="row text-center intro-title">
           <div class="col-md-6 text-md-start d-inline-block">
             <h1 class="text-white">Promotions  </h1>
           </div>
           <div class="col-md-6 text-md-end float-end">
             <ul class="page-breadcrumb">
                <li><a href="{{ url('/'); }}"><i class="fa fa-home"></i> Home</a> <i class=""></i></li>
             </ul>
        </div>
     </div>
  </div>
</section>

  
  <section class="page-section-ptb  white-bg">
  <div class="container-custom">
   <div class="row">
    <div class="col-md-12">
      <div class="section-title">
      
        <h3 class="text-black">Available Promotions  </h3>
      </div>
    </div>
   </div>
   <div class="row">

      
   
   
    
     <!-- <div class="col-md-12 text-center">
        <a class="button" href="javascript:void">View all</a>
      </div> -->
   </div>
  </div>
</section>

<section class="page-section">
  <div class="container">
   <div class="row">
     <div class="col-lg-3 col-sm-6">
       <div class="car-coupons">
         <i class="flaticon-steering-wheel"></i>
         <a class="button d-grid" href="{{ route('test-drive') }}">Test Drive</a>
       </div>
     </div>
     <div class="col-lg-3 col-sm-6">
       <div class="car-coupons">
         <i class="flaticon-tire"></i>
         <a class="button d-grid" href="{{ route('contact-us') }}">Find Us</a>
       </div>
     </div>
     <div class="col-lg-3 col-sm-6">
       <div class="car-coupons">
         <i class="flaticon-tire-1"></i>
         <a class="button d-grid" href="{{ route('recall-service') }}">Recall Service</a>
       </div>
     </div>
     <div class="col-lg-3 col-sm-6">
       <div class="car-coupons">
         <i class="flaticon-beetle"></i>
         <a class="button d-grid" href="{{ route('parts-enquiry') }}">Parts Ebquiry</a>
       </div>
     </div>
   </div>
  </div>
</section>
@endsection


@section('js')
<script>
    lightbox.option({
      'resizeDuration': 500,
      'wrapAround': true
    })
</script>

@endsection