@extends('landing.layouts.app', ['title' => 'Maintenance'])

@section('content')
    <section class="relative h-screen flex items-center justify-center text-center bg-no-repeat bg-center bg-cover" style="background-image: url({{ asset('assets/images/utility.jpg') }});">
        <div class="absolute inset-0 bg-black/25"></div>
        <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/40 to-black"></div>
        <div class="container relative">
            <div class="grid grid-cols-1">
                <img src="{{ asset('storage/'.$generalSettings->brand_logoDark) }}" class="mx-auto h-24" alt="">
                <h1 class="text-white mb-6 mt-8 md:text-5xl text-3xl font-bold">{{ __('landing.maintenance.title') }}</h1>
                <p class="text-white/70 text-lg max-w-xl mx-auto">{{ __('landing.maintenance.message') }}</p>
            </div><!--end grid-->
        </div><!--end container-->
    </section><!--end section-->
@endsection

@push('prepend-script')
    <script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
@endpush