@extends(get_view('index'))
@section('title') {{ __('Hakkımızda') }} - @endsection
@section('header')

@endsection
@section('content')

@include(get_view('components.pages.page-title'), ['title' => __('Hakkımızda')])

<div class="container custom-margin-1">
	<div class="row gy-5 gy-lg-0">
		<div class="col-lg-8 order-lg-2 mt-0 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1200">
			<div id="who-we-are" class="row">
				<div class="col-12">
					<img src="{{ get_asset('about_us.jpg') }}" alt="{{ get_site_title() }}" style="max-width: 100%;" class="mb-3">

					<h2 class="text-color-dark font-weight-bold text-7 line-height-1 mb-4">{{ __('Biz Kimiz?') }}</h2>
					
					{!! Site::about_us()->content ?? '' !!}	
				</div>
			</div>
			
			<div id="vizyon" class="row py-4 mb-4" style="background-color: #eee;">
				<div class="col-12">
					<h2 class="text-color-dark font-weight-bold text-7 line-height-1 mb-4">{{ __('Vizyon') }}</h2>
					<p class="m-0 p-0">{{ __('Ürettiğimiz her yapıda kazandığımız bilgi ve tecrübelerimizle çağdaş yaşam koşullarında kalıcı eserler imar ederek, birlikteliğimizdeki herkesi ilk günkü heyecanımızla mutlu edebilmektir.') }}</p>
				</div>
			</div>
			<div id="misyon" class="row">
				<div class="col-12">
					<h2 class="text-color-dark font-weight-bold text-7 line-height-1 mb-4">{{ __('Misyon') }}</h2>
					<p>{{ __('Öncelikle ülkemizde, en itibarlı, en yenilikçi, ürettiği projelerle kendinden söz ettiren ve sektöründe saygı duyulan öncü firmalarından biri olmaktadır.') }}</p>
				</div>
			</div>


			<video width="100%" height="auto" controls>
				<source src="{{ get_asset('hakkimizda.mp4') }}" type="video/mp4">
				<source src="{{ get_asset('hakkimizda.mp4') }}" type="video/ogg">
				Your browser does not support the video tag.
			</video>

		</div>

		<!-- Sidebar -->
		<div class="col-lg-4 order-lg-1 position-relative">
			<aside class="sidebar sticky-top" id="sidebar" style="top: 100px;">
				<ul class="nav list flex-column text-3-5 font-weight-medium mb-5-5">
					<li class="nav-item border border-color-grey-1 border-top-0 border-end-0 border-start-0 mb-0">
						<a class="nav-link text-color-dark text-color-hover-primary py-3 ps-0" data-hash data-hash-offset="0" data-hash-offset-lg="110" href="#who-we-are">
							<i class="fas fa-chevron-right text-1 position-relative top-1 pe-3-5"></i> {{ __('Biz Kimiz?') }}
						</a>
					</li>
					<li class="nav-item border border-color-grey-1 border-top-0 border-end-0 border-start-0 mb-0">
						<a class="nav-link text-color-dark text-color-hover-primary py-3 ps-0" data-hash data-hash-offset="0" data-hash-offset-lg="110" href="#vizyon">
							<i class="fas fa-chevron-right text-1 position-relative top-1 pe-3-5"></i> {{ __('Vizyon') }}
						</a>
					</li>
					<li class="nav-item border border-color-grey-1 border-top-0 border-end-0 border-start-0 mb-0">
						<a class="nav-link text-color-dark text-color-hover-primary py-3 ps-0" data-hash data-hash-offset="0" data-hash-offset-lg="110" href="#misyon">
							<i class="fas fa-chevron-right text-1 position-relative top-1 pe-3-5"></i> {{ __('Misyon') }}
						</a>
					</li>
				</ul>

				<h3 class="text-color-dark font-weight-bold text-transform-none text-5-5 line-height-1 mb-3-5">{{ __('İletişim') }}</h3>
				<p class="text-2 line-height-9">{{ __('Nasıl yardımcı olabileceğimizi keşfetmek için bir mesaj göndererek bizimle iletişime geçin veya bizi arayın.') }}</p>
				<p>
					<a href="{{ route('contact') }}" class="btn btn-primary">{{ __('İletişime Geç') }}</a>
				</p>
			</aside>
		</div>
	</div>
</div>




@endsection
@section('footer')

@endsection