@extends("Site.Layouts.blank")
@section ("content")


    <section class=" relative">

        <!-- *=*=*=*=*=*=*=*=*=* Section Banner *=*=*=*=*=*=*=*=*=* -->
        <div class="w-full relative overflow-x-hidden overflow-y-hidden">
            <img class="w-full  min-h-[320px] md:h-auto object-cover " src="{{$setting['Projects_page_banner']}}" alt="banner">
            <div class="left_bottom-absolute min-w-full">
                <div class="Banner_text-wrapper">
                    <h1> {{$project->title}} </h1>
                </div>
            </div>
        </div>


    </section>

    <section class="px-1 sm:px-5 md:px-7 lg:px-14">

        <div class="my-8">
            <h1 class="text-2xl sm:text-3xl md:text-4xl text-gray-400 font-thin mb-2"> {{$project->title}} </h1>
            <div class=" flex flex-wrap gap-2 text-gray-500">
                <p> @lang('site.location'): {{$project->country}} </p>
{{--                <span>|</span>--}}
{{--                <p> @lang('site.Client'): {{$project->client}} </p>--}}
                <span>|</span>
                <p> @lang('site.Date'): {{$project->date}} </p>
            </div>
        </div>

        <p class="mb-10"> {{$project->description}} </p>


        <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-400 font-thin mb-4"> @lang('site.GALLERY') </h2>

        <!-- *=*=*=*=*=*=*=*=*=* Section gallery *=*=*=*=*=*=*=*=*=* -->
        <projects-gallery-section :projects="{{json_encode($gallery)}}" title="{{$project->title}}"></projects-gallery-section>

    </section>






    <!-- *=*=*=*=*=*=*=*=*=* Section CONTACT US *=*=*=*=*=*=*=*=*=* -->
    @include('Site._contact_us')

@endsection


@section("script")
    <script>

    </script>
@endsection