@extends('frontend.layout.app')



@section('title', 'BAIC BAHRAIN - Contact Us')

@section('body-content')

<section class="inner-intro bg-1  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">Contact Us </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="design-section page-section-ptb " >
    <div class="container-fluid" style="padding-top: 0; margin: 0;">
      <div class="row">
            <div class="col-md-12 text-center">
                <div class="section-title-la-page">
                    <span>Contact Us</span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div id="tabs">
                    <div class="tabs-header">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="Sales-tab" data-bs-toggle="tab" data-bs-target="#Sales" type="button" role="tab" aria-controls="Sales" aria-selected="true">Sales</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="Service-tab" data-bs-toggle="tab" data-bs-target="#Service" type="button" role="tab" aria-controls="Service" aria-selected="false">Service</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="Spareparts-tab" data-bs-toggle="tab" data-bs-target="#Spareparts" type="button" role="tab" aria-controls="Spareparts" aria-selected="false">Spareparts</button>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content mb-0" id="myTabContent">
                        <!-- Sales Tab Content -->
                        <div class="tab-pane fade show active" id="Sales" role="tabpanel" aria-labelledby="Sales-tab">
                            <div class="row">
                              <div class="col-lg-6 " style=" padding-right: 15px;">
                                <!-- Google Map Embed -->
                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28641.620289993738!2d50.5019581743164!3d26.190088999999993!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e49afb15dc77577%3A0xb71fff4d2de5ce8!2sKanoo%20Tools%20%26%20Equipments!5e0!3m2!1sen!2sbh!4v1729591165192!5m2!1sen!2sbh" width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>                              </div>
                                <div class="col-lg-6 NEWTAB" style=" max-height: 800px; overflow-y: auto; ">
                                    <h2><strong class="text-red">BAIC - Tubli</strong></h2>
                                    <div class="col-lg-6 col-sm-12">
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                          <a href="https://www.google.com/maps/search/Building+No.+289+Road+No.+111,+Block+No+701,+Bahrain+Tubli" target="_blank">
                                            <i class="fa fa-map-marker"></i>
                                          </a>
                                        </div>
                                        
                                         <div class="content">
                                           <h5>Address </h5>
                                            <p>Building No. 289 Road No. 111, Block No 701</p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                            <a href="tel:17875801">
                                              <i class="fa fa-phone"></i>
                                            </a>
                                          </div>
                                          
                                         <div class="content">
                                           <h5>Phone </h5>
                                            <p>17875801 </p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                            <a href="mailto:kekimta@kekanoo.com">
                                             <i class="fa fa-envelope-o"></i>
                                            </a>
                                           </div>
                                           <div class="content">
                                             <h5>Email</h5>
                                              <p>kekimta@kekanoo.com</p>
                                            </div>
                                          </div>
                                          <div class="feature-box-3 grey-border">
                                            <div class="icon">
                                               <i class="fa fa-clock-o"></i>
                                             </div>
                                             <div class="content">
                                               <h5>Hours of Operation</h5>
                                                <p>Saturday to Thursday <br> 08:00 AM - 12:30 PM <br>03:30 PM - 07:00 PM <br>Friday closed</p>
                                              </div>
                                            </div>
                                        
                                     </div>
                                     <div style="margin-top: 35px; margin-bottom: 35px;"class="app-button">
                                      <div class="button-items">
                                        <div class="button-item button-theme">
                                          <a class="button flat" href="mailto:kekimta@kekanoo.com">
                                            <div class="btn-content">
                                              <div class="btn-title">Contact Dealer</div>
                                            </div>
                                          </a>
                                        </div>
                                        <div class="button-item">
                                          <a class="button flat" href="{{ route('test-drive') }}">
                                            <div class="btn-content">
                                              <div class="btn-title">Test Drive</div>
                                            </div>
                                          </a>
                                        </div>
                                      </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Service Tab Content -->
                        <div class="tab-pane fade" id="Service" role="tabpanel" aria-labelledby="Service-tab">
                            <div class="row">
                                <div class="col-lg-6">
                                    <!-- Google Map Embed -->
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d28631.607416851977!2d50.5787182!3d26.230784!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbh!4v1727620491735!5m2!1sen!2sbh" width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                                <div class="col-lg-6 NEWTAB" style=" max-height: 800px; overflow-y: auto; ">
                                  <h2><strong class="text-red">BAIC - Tubli</strong></h2>
                                  <div class="col-lg-6 col-sm-12">
                                    <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                        <a href="https://www.google.com/maps/search/Building+No.+475+Road+No.+117,+Block+No+701,+Bahrain+Tubli" target="_blank">
                                          <i class="fa fa-map-marker"></i>
                                        </a>
                                      </div>
                                       <div class="content">
                                         <h5>Address </h5>
                                          <p>Building No 475, Block no. 701 Road no. 117 </p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                          <a href="tel:17875800">
                                            <i class="fa fa-phone"></i>
                                          </a>
                                        </div>
                                       <div class="content">
                                         <h5>Phone </h5>
                                          <p>17875800</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                          <a href="mailto:servicedesk@kekanoo.com">
                                           <i class="fa fa-envelope-o"></i>
                                          </a>
                                         </div>
                                         <div class="content">
                                           <h5>Email</h5>
                                            <p>servicedesk@kekanoo.com</p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                             <i class="fa fa-clock-o"></i>
                                           </div>
                                           <div class="content">
                                             <h5>Hours of Operation</h5>
                                              <p>Saturday to Wednesday<br>7.00 AM - 5.00 PM <br>Thursday<br> 7.00 AM - 4.00 PM<br>Friday closed</p>
                                            </div>
                                          </div>
                                      
                                   </div>
                                   <div style="margin-top: 35px; margin-bottom: 35px;"class="app-button">
                                    <div class="button-items">
                                      <div class="button-item button-theme">
                                        <a class="button flat" href="mailto:servicedesk@kekanoo.com">
                                          
                                          <div class="btn-content">
                                            <div class="btn-title">Contact Dealer</div>
                                          </div>
                                        </a>
                                      </div>
                                      <div class="button-item">
                                        <a class="button flat" href="{{ route('test-drive') }}">
                                          <div class="btn-content">
                                            <div class="btn-title">Test Drive</div>
                                          </div>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                              </div>
                            </div>
                        </div>
                        <!-- Spareparts Tab Content -->
                        <div class="tab-pane fade" id="Spareparts" role="tabpanel" aria-labelledby="Spareparts-tab">
                            <div class="row">
                                <div class="col-lg-6">
                                    <!-- Google Map Embed -->
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d28631.607416851977!2d50.5787182!3d26.230784!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbh!4v1727620491735!5m2!1sen!2sbh" width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                                <div class="col-lg-6 NEWTAB" style=" max-height: 800px; overflow-y: auto; ">
                                  <h2><strong class="text-red">BAIC - Tubli</strong></h2>
                                  <div class="col-lg-6 col-sm-12">
                                    <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                        <a href="https://www.google.com/maps/search/Building+No.+302+Road+No.+111,+Block+No+701,+Bahrain+Tubli" target="_blank">
                                          <i class="fa fa-map-marker"></i>
                                        </a>
                                      </div>
                                       <div class="content">
                                         <h5>Address </h5>
                                          <p>	Building no. 302, road no. 111 block no 701
                                           </p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                          <a href="tel:17875777">
                                            <i class="fa fa-phone"></i>
                                          </a>
                                        </div>
                                       <div class="content">
                                         <h5>Phone </h5>
                                          <p>17875777</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                          <a href="mailto:kekimta@kekanoo.com">
                                           <i class="fa fa-envelope-o"></i>
                                          </a>
                                         </div>
                                         <div class="content">
                                           <h5>Email</h5>
                                            <p>kekimta@kekanoo.com</p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                             <i class="fa fa-clock-o"></i>
                                           </div>
                                           <div class="content">
                                             <h5>Hours of Operation</h5>
                                              <p>Saturday to Thursday <br> 8.00 AM - 05.30 PM <br>Friday closed</p>
                                            </div>
                                          </div>
                                      
                                   </div>
                                   <div style="margin-top: 35px; margin-bottom: 35px;"class="app-button">
                                    <div class="button-items">
                                      <div class="button-item button-theme">
                                        <a class="button flat" href="mailto:kekimta@kekanoo.com">
                                          
                                          <div class="btn-content">
                                            <div class="btn-title">Contact Dealer</div>
                                          </div>
                                        </a>
                                      </div>
                                      <div class="button-item">
                                        <a class="button flat" href="{{ route('test-drive') }}">
                                          <div class="btn-content">
                                            <div class="btn-title">Test Drive</div>
                                          </div>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                                

                                  {{-- <h2><strong class="text-red">BAIC - Sitra</strong></h2>
                                  <div class="col-lg-6 col-sm-12">
                                    <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                         <i class="fa fa-map-marker"></i>
                                       </div>
                                       <div class="content">
                                         <h5>Address </h5>
                                          <p>Shaikh Jaber A. Al Subah Hwy, Sitra Building No. 141, Road No. 10, Block 608 Wadiyan.</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                         <i class="fa fa-phone"></i>
                                       </div>
                                       <div class="content">
                                         <h5>Phone </h5>
                                          <p>+973-17706010</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                           <i class="fa fa-envelope-o"></i>
                                         </div>
                                         <div class="content">
                                           <h5>Email</h5>
                                            <p>info@baicbahrain.com</p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                             <i class="fa fa-clock-o"></i>
                                           </div>
                                           <div class="content">
                                             <h5>Hours of Operation</h5>
                                              <p>Saturday to Thursday <br> 08:00 AM - 12:30 PM <br>03:30 PM - 07:00 PM <br>Friday closed</p>
                                            </div>
                                          </div>
                                      
                                   </div>
                                   <div style="margin-top: 35px; margin-bottom: 35px;"class="app-button">
                                    <div class="button-items">
                                      <div class="button-item button-theme">
                                        <a class="button flat" href="#">
                                          
                                          <div class="btn-content">
                                            <div class="btn-title">Contact Dealer</div>
                                          </div>
                                        </a>
                                      </div>
                                      <div class="button-item">
                                        <a class="button flat" href="#">
                                          <div class="btn-content">
                                            <div class="btn-title">Test Drive</div>
                                          </div>
                                        </a>
                                      </div>
                                    </div>
                                  </div>

                                  <h2><strong class="text-red">BAIC - Arad</strong></h2>
                                  <div class="col-lg-6 col-sm-12">
                                    <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                         <i class="fa fa-map-marker"></i>
                                       </div>
                                       <div class="content">
                                         <h5>Address </h5>
                                          <p>Building No. 25 Block 240</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                      <div class="icon">
                                         <i class="fa fa-phone"></i>
                                       </div>
                                       <div class="content">
                                         <h5>Phone </h5>
                                          <p>+973-17875799</p>
                                        </div>
                                      </div>
                                      <div class="feature-box-3 grey-border">
                                        <div class="icon">
                                           <i class="fa fa-envelope-o"></i>
                                         </div>
                                         <div class="content">
                                           <h5>Email</h5>
                                            <p>info@baicbahrain.com</p>
                                          </div>
                                        </div>
                                        <div class="feature-box-3 grey-border">
                                          <div class="icon">
                                             <i class="fa fa-clock-o"></i>
                                           </div>
                                           <div class="content">
                                             <h5>Hours of Operation</h5>
                                              <p>Saturday to Thursday <br> 08:00 AM - 12:30 PM <br>03:30 PM - 07:00 PM <br>Friday closed</p>
                                            </div>
                                          </div>
                                      
                                   </div>
                                   <div style="margin-top: 35px; margin-bottom: 35px;"class="app-button">
                                    <div class="button-items">
                                      <div class="button-item button-theme">
                                        <a class="button flat" href="#">
                                          
                                          <div class="btn-content">
                                            <div class="btn-title">Contact Dealer</div>
                                          </div>
                                        </a>
                                      </div>
                                      <div class="button-item">
                                        <a class="button flat" href="#">
                                          <div class="btn-content">
                                            <div class="btn-title">Test Drive</div>
                                          </div>
                                        </a>
                                      </div>
                                    </div>
                                  </div> --}}
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection


@section('js')

@endsection