@extends('layouts.404')
@section('bodyClass', 'home')

@section('hero-heading')
    <div class="bg-navy py-[30px] px-6 laptop:px-[60px]  hd:px-0">
        <h1 class='font-semibold text-white text-center text-[40px] tablet:text-[60px] tablet:leading-[76px]'>404 <br><span
                class='font-black text-orange'>Page Not Found</span></h1>
    </div>
@endsection

@section('content')
    <div class='flex flex-col items-center justify-center h-[calc(100vh-222px)] bg-navy hd:container'>
        @yield('hero-heading')
        <a href="/">
            <x-btn open-modal message="Go Back.." class='  hover:bg-white px-10 ' />
        </a>
    </div>
@endsection