@extends('back.layout.error')
@section('title', config('app.name') . ' - Maintenance')

@section('content')

<div class="flex flex-col items-center justify-center h-screen px-4">
    <div class="mb-10">
        <img alt="503" class="max-h-[160px]" src="{{ asset('assets/media/illustrations/21.svg') }}">
        <img alt="503" class="light:hidden max-h-[160px]" src="{{ asset('assets/media/illustrations/21-dark.svg') }}">
    </div>

    <span class="kt-badge kt-badge-primary kt-badge-outline mb-3">
        503 - Maintenance
    </span>
    <h3 class="text-2xl font-semibold text-mono text-center mb-2">
        Site en maintenance
    </h3>
    <div class="text-base text-center text-secondary-foreground mb-10">
        Nous effectuons actuellement une mise à jour.
        <br>
        Le site sera de nouveau disponible dans quelques instants.
    </div>
</div>

@endsection