@extends('front.layouts.master')

@section('meta_title', __('Page Not Found') . ' - ' . env('APP_NAME'))

@section('content')
<section class="page-content">
    <div class="container">
    <div class="page-404">
        <div class="img-404" style="text-align: center;">
            <img src="{{asset('front/images/404.png')}}" class="img-fluid" alt="@lang('Page Not Found') - 404" width="400" height="300" decoding="async">
        </div>
        <h2 class="title-404">
            @lang('Sorry the page is not available at the moment .. we are working on solving the problem')
        </h2>
        <div class="links-404" style="margin-top: 20px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">
            <a href="{{ route('home') }}" class="btn-404" style="padding: 10px 24px; background: #19B36B; color: #fff; text-decoration: none; font-weight: 600;">
                @lang('front.Home')
            </a>
            <a href="{{ route('project.list') }}" class="btn-404" style="padding: 10px 24px; background: #f5f5f5; color: #333; text-decoration: none; font-weight: 600;">
                @lang('front.Search Projects')
            </a>
            <a href="{{ route('freelancers.list') }}" class="btn-404" style="padding: 10px 24px; background: #f5f5f5; color: #333; text-decoration: none; font-weight: 600;">
                @lang('front.Search Freelancers')
            </a>
        </div>
    </div>
    </div>
</section>
@endsection