<div class="auth">
<div class="authentication-page">
        <!-- ========== MAIN CONTENT ========== -->
        <main id="content" class="mx-auto">
        <canvas class="error-basic-background" width="1920" height="468" style="width: 100%; height: 100%;"></canvas>
            <div class="text-center py-10 px-4 sm:px-6 lg:px-8">
                <h1 class="block font-bold text-primary text-9xl dark:text-primary">404</h1>
                <p class="mt-3 text-2xl font-bold text-gray-800 dark:text-white">Oops, something went wrong.</p>
                <p class="text-gray-600 dark:text-white/70">Sorry, we couldn't find your page.</p>
                <div class="mt-5 flex flex-col justify-center items-center gap-2 sm:flex-row sm:gap-3">
                    <a class="w-full sm:w-auto inline-flex justify-center items-center gap-x-3 text-center bg-primary hover:bg-primary border border-transparent text-white text-sm font-medium rounded-sm focus:outline-none focus:ring-0 focus:ring-primary focus:ring-offset-0 focus:ring-offset-white transition py-2 px-3 dark:focus:ring-offset-white/10" href="/dashboard/sales">
                        <i class="ri-arrow-left-line"></i>
                        Get Back to Home
                    </a>
                </div>
            </div>
        </main>
        <!-- ========== END MAIN CONTENT ========== -->
    </div>
    </div>