@extends('errors.layout')

@section('title', 'Gangguan Server')

@section('content')
    <i class="fa-solid fa-wrench error-icon"></i>
    <div class="error-code">500</div>
    <h1 class="error-title">Mesin Bermasalah!</h1>
    <p class="error-message">
        Mohon maaf, mesin server kami sedang mengalami gangguan teknis atau mogok sementara. 
        Tim mekanik kami sedang berupaya memperbaikinya secepat mungkin. Silakan coba beberapa saat lagi.
    </p>
    <a href="{{ url('/') }}" class="btn-back">
        <i class="fa-solid fa-rotate-right"></i> Muat Ulang Beranda
    </a>
@endsection
