@extends('website.layouts.app')

@section('title', 'Service Unavailable')

@section('styles')
    <style>
        /* Custom CSS can go here */
    </style>
@endsection

@section('content')
    <div class="d-flex justify-content-center align-items-center" style="min-height: 80vh;">
        <div class="text-center">
            <h1 class="display-4">503</h1>
            <p class="lead">
                {{ __("app.503_message") }}
            </p>
            <a href="{{ url('/') }}" class="btn btn-primary">
                {{ __("app.Go Home") }}
            </a>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        // Custom scripts can go here
    </script>
@endpush