@extends('homepage.layouts.master')
@section('page-css')
@endsection
@section('page-content')
    <div class="container mx-auto w-full h-full my-14">
        <div class="text-center">
            <h1 class="text-9xl font-bold text-orange-500">404</h1>
            <p class="text-2xl font-semibold text-gray-700 mt-4">
                {{ _t(strtolower($langCode) . '.global.homepage.404.title') }}
            </p>
            <p class="text-gray-500 mt-2">
                {{ _t(strtolower($langCode) . '.global.homepage.404.content') }}
            </p>
            <a href="{{ route('home', ['langCode' => $langCode]) }}"
                class="mt-6 inline-block bg-orange-500 text-white px-6 py-3 rounded-lg shadow hover:bg-orange-600">
                {{ _t(strtolower($langCode) . '.global.homepage.404.back') }}
            </a>
        </div>
    </div>
@endsection
@section('page-js')
@endsection