@extends('layouts.site')
@section('title', '404 -  NOT FOUND')

@section('content')


    <section class="bg-white py-14 lg:py-20">
        <div class="container">
            <div class="-mx-4 flex flex-wrap">
                <div class="w-full px-4">
                    <div class="wow fadeInUp relative mx-auto max-w-[850px] overflow-hidden rounded-lg bg-white py-20 px-8 text-center shadow-lg sm:px-12 md:px-[60px]" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;">
                        <h2 class="mb-8 text-3xl font-bold text-dark sm:text-4xl lg:text-[40px] xl:text-[42px]">
                            404 - We couldn't find that page.
                        </h2>
                        <h3 class="mb-8 text-xl font-normal text-dark-700 md:text-2xl">
                            Maybe you can find what you need here?
                        </h3>
                        <ul class="flex flex-wrap justify-center">
                            <li>
                                <a href="javascript:void(0)" class="mx-2 my-1 inline-block rounded-md bg-[#f5f8ff] py-3 px-6 text-base font-medium text-dark hover:bg-primary hover:text-white">
                                    Home
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="mx-2 my-1 inline-block rounded-md bg-[#f5f8ff] py-3 px-6 text-base font-medium text-dark hover:bg-primary hover:text-white">
                                    Support
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="mx-2 my-1 inline-block rounded-md bg-[#f5f8ff] py-3 px-6 text-base font-medium text-dark hover:bg-primary hover:text-white">
                                    Latest News
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection