@extends('site.layout.layout')
@section('url'){{ Request::fullUrl() }}@stop
@section('css')
<style>
.static-page-wrap {
  min-height: 60vh;
}
.static-page-body {
  max-width: 860px;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}
.static-page-content {
  font-size: .95rem;
  line-height: 1.9;
  color: var(--t2);
}
.static-page-content h2,
.static-page-content h3 {
  margin: 2rem 0 .8rem;
  color: var(--t1);
}
.static-page-content p {
  margin-bottom: 1rem;
}
.static-page-content ul,
.static-page-content ol {
  padding-inline-start: 1.5rem;
  margin-bottom: 1rem;
}
</style>
@stop

@section('content')
<main id="main">

@php $lang = app()->getLocale(); @endphp

<div class="static-page-wrap">

  {{-- Hero --}}
  <div class="td-hero">
    <div class="td-hero-inner">
      <div class="td-hero-right">
        <h1 class="td-hero-title">{{ $page->title }}</h1>
      </div>
    </div>
  </div>

  {{-- المحتوى --}}
  <div class="static-page-body">
    <div class="static-page-content">
      {!! $page->details !!}
    </div>
  </div>

</div>

</main>
@endsection