@extends('layouts.public', ['hideFooter' => true])

@section('title', '503 Maintenance')

@section('content')
<div class="container-arena d-flex flex-column align-items-center justify-content-center text-center" style="min-height: calc(100svh - var(--header-h));">
    <div data-reveal>
        <span class="display-xl text-muted mb-3 d-block">503</span>
        <h2 class="display-md text-white mb-2">Platform Maintenance</h2>
        <p class="text-muted fs-sm mb-4" style="max-width: 440px; margin: 0 auto;">
            ALGA ARENA servers are currently updates patches for Season 1. We will be back online shortly.
        </p>
        <a href="/" class="btn-arena btn-primary btn-sm px-4">Return Home</a>
    </div>
</div>
@endsection
