@extends('theme.spade.layouts.main')

@section('title') About Us @endsection

@section('meta')
<meta name="title" content="{{ optional($aboutPage->pageMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
    <meta name="description" content="{{ optional($aboutPage->pageMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
    <meta name="keywords" content="{{ optional($aboutPage->pageMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
@endsection

@section('canonical')
<link ref="canonical" href="https://aroginhealthcare.com/about-us" />
@endsection

@section('content')
    @php
          $breadcrumbData = [
               [
                    'title' => 'About Us',
                    'link' => route('about_us')
               ],
          ];
    @endphp
    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)

     <section>
          <div class="auto-container">
               <div class="row">
                    <div class="col-md-8">
                         <div class="blog-area">
                              <div class="post-item">
                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                                             <h2 style="font-size: 24px; color:#22ad4b;">{{ $aboutPage->title }}</h2>
                                             {!! $aboutPage->description !!}
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
                    <div class="col-md-4">
                         <div class="top-services" style="padding: 50px 0 10px">
                              <article class="post wow fadeInUp slide-item" data-wow-delay="0ms" data-wow-duration="1000ms">
                                   <div class="post-inner">
                                        <figure class="image">
                                             <img class="img-responsive" src="{{ $aboutPage->full_image }}" alt="Image" />
                                             <span class="curve"></span>
                                        </figure>
                                        <div class="content">
                                             <div class="inner-box">
                                                  <h3 style="font-family: 'Sintony', sans-serif;">{{ $aboutPage->title }}</h3>
                                                  <div class="text">
                                                       <p>{!! $aboutPage->summary !!}</p>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                              </article>
                         </div>
                         <div class="secondary-title">
                              <h2 class="uppercase">
                                  Our Services
                              </h2>
                         </div>
                         <div class="right-sidebar" style="padding: 30px">
                              <ul class="link-list">
                                   @if(count($services) > 0)
                                        @foreach ($services as $service)
                                             <li>
                                                  <a href="{{ route('service', $service->slug) }}">{{ $service->title }}</a>
                                                  <hr style="margin: 10px 0">
                                             </li>
                                        @endforeach
                                   @endif
                              </ul>
                         </div>
                    </div>
               </div>
          </div>
     </section>
@endsection