@extends('index')

@push('header')
@include('layouts.header')
@endpush

@section('title', app()->getLocale() == 'en' ? 'About Us | EMPHAIR' : 'Hakkımızda | EMPHAIR')

@section('description', app()->getLocale() == 'en' ? 'EMPHair Brand operating in Turkey for over 17 years with high
customer satisfaction.' : 'Türkiye\'de 17 yılı aşkın, yüksek müşteri memnuniyeti ile faaliyet gösteren EMPHair
Markası.')
@section('content')
<x-preloader />
<x-hamburger-menu />
<x-bread-crumb title="{{ __('messages.hair_header.about') }}" page="{{ __('messages.hair_header.about') }}" />

<section class="blog-single">
  <div class="container">
    <div class="row items justify-content-between g-0">
      <div class="col-12 col-md-7">
        <div class="post-thumbnail">
          <img src="{{ env('APP_PREFIX_PATH') . 'assets/img/clinics/webp/1-min.webp' }}" alt="">
        </div>
        <hr>

        <h3>{{ __('messages.about_page.title') }}</h3>
        <p>{{ __('messages.about_page.description') }}</p>
        <p>{{ __('messages.about_page.description2') }}</p>
        <blockquote>
          {{ __('messages.about_page.description3') }}
        </blockquote>

        <h3>{{ __('messages.about_page.mission') }}</h3>
        <p>{{ __('messages.about_page.mission_description') }}</p>
        <h3>{{ __('messages.about_page.vision') }}</h3>
        <p>{{ __('messages.about_page.vision_description') }}</p>

      </div>
      <div class="col-12 col-md-5 ps-md-5 mt-5 mt-md-0">
        <x-sidebar />
      </div>
    </div>
  </div>
</section>

@endsection

@push('footer')
@include('layouts.page-footer')
@endpush