@extends('web.layouts.app')

@section('title') {{companyName()}} || {{@$seo->title}}@endsection

@section('meta_description')
  <meta property="og:title" content="{{@$seo->title}}">
    @if(@$seo->og_image)
     <meta property="og:image" content="{{asset('images/seos')}}/{{@$seo->og_image}}">
    @else
        <meta property="og:image" content="{{asset('public/web/images/habibassociates-logo.jpg')}}">
    @endif
     <meta name="description" content="{{@$seo->meta_desc}} ">
     <meta name="keywords" content="{{@$seo->meta_keywords}} ">
     <meta name="og:url" content="{{@$seo->og_url}}">
@endsection

@section('css')
    <style>
          .navbar-expand-lg{
                /*background: #2a2b2d40 !important;*/
            }
            
            
            .navbar-expand-sm{
                background: #0d5226 !important;
                z-index: 9;
            }
            #owl-demo .item img{
                display: block;
                width: 100%;
                height: 500px;
            } 
    </style>
@endsection



@section('content')
    
    @include('web.module.home.slider')

	<!-- Button trigger modal -->

<!-- Modal -->
<!--<div class="modal fade show" id="welcome" tabindex="-1" role="dialog" aria-labelledby="welcome" aria-hidden="true">-->
<!--  <div class="modal-dialog modal-lg" role="document">-->
<!--    <div class="modal-content">-->
<!--      <div class="modal-header">-->
<!--        <h5 class="modal-title" id="welcome">Widex Hearing Center</h5>-->
<!--        <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
<!--          <span aria-hidden="true">&times;</span>-->
<!--        </button>-->
<!--      </div>-->
<!--      <div class="modal-body" style="padding: 0;">-->
<!--        <img src="{{asset('uploads/images/welcome-widex.jpg')}}" style="" class="img img-responsive">-->
<!--      </div>-->
      
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
    @include('web.module.home.about')
    @include('web.module.home.services')
    
    {{-- @include('web.module.home.how-it-work') --}}
    @include('web.module.home.service-graph')
    <!--============== Why Chose Us Section ================-->
    <section class="py-5 my-lg-5">
        <div class="container custom-container">
            <div class="row">
                <div class="col-lg-4">
                    <div>
                        <h2>Why Choose Us?</h2>
                        <p class="text-muted">M/S Habib Associates Ltd. RL-1087 </p>
                    </div>
                </div>

                <div class="col-lg-8">
                    <div>
                        <ul class="list-unstyled mb-0 row">
                            <li class="col-sm-6 mb-4 mb-lg-5">
                                <div class="d-flex why-chose-item">
                                    <div class="mr-4">
                                        <div class="why-icon box-40">
                                            <i class="fa fa-diamond"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <a href="#" class="d-block text-strong mb-2">Services
</a>
                                        <p class="text-muted">We Have Complete Service for Hearing Aids</p>
                                    </div>
                                </div>
                            </li>
                            <li class="col-sm-6 mb-4 mb-lg-5">
                                <div class="d-flex why-chose-item">
                                    <div class="mr-4">
                                        <div class="why-icon box-40">
                                            <i class="fa fa-diamond"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <a href="#" class="d-block text-strong mb-2">Strong Management</a>
                                        <p class="text-muted">
Our Management is always Carefull to Our Clients.</p>
                                    </div>
                                </div>
                            </li>
                            <li class="col-sm-6 mb-4 mb-sm-0">
                                <div class="d-flex why-chose-item">
                                    <div class="mr-4">
                                        <div class="why-icon box-40">
                                            <i class="fa fa-diamond"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <a href="#" class="d-block text-strong mb-2">Long Time Relationship</a>
                                        <p class="text-muted">
We Confirm the Patients for Our Long Time Relationship.</p>
                                    </div>
                                </div>
                            </li>
                            <li class="col-sm-6">
                                <div class="d-flex why-chose-item">
                                    <div class="mr-4">
                                        <div class="why-icon box-40">
                                            <i class="fa fa-diamond"></i>
                                        </div>
                                    </div>
                                    <div>
                                        <a href="#" class="d-block text-strong mb-2">Prices</a>
                                        <p class="text-muted"> 
We Always Give the Best Price For the Client & Ensure the Services.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================= End Why Chose =================-->
   @include('web.module.home.why-choose-us')
  
   
    @include('web.module.home.happy-client')
    @include('web.module.home.customer-feedback')
    @include('web.module.home.faq')
    {{-- @include('web.module.home.blog-tags') --}}
    @include('web.module.home.count')

@endsection

@section('js')
    <script type="text/javascript">
            $(document).ready(function(){
		$("#welcome").modal('show');
	});
    </script>
@endsection