---
import Base from "../layouts/Base.astro";
---

<Base
    title="Page not found"
    path="/404"
    description="The page you are looking for could not be found on the Highland Group RDA website."
    keywords="Highland Group RDA, 404, page not found, missing page"
>
    <div
        class="min-h-screen w-full flex items-center justify-center bg-[#e2e2e2] px-4"
    >
        <div
            class="w-full max-w-md rounded-lg border border-black/10 bg-white/90 px-6 py-6 shadow-sm"
        >
            <div class="flex items-center gap-3">
                <span
                    class="inline-flex h-10 w-10 items-center justify-center rounded-full bg-red-100 text-red-500"
                >
                    <svg viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true">
                        <path fill="currentColor" d="M11 7h2v6h-2zm0 8h2v2h-2z"
                        ></path>
                        <path
                            fill="currentColor"
                            d="M12 2 1 21h22z"
                            opacity="0.15"></path>
                    </svg>
                </span>
                <h1 class="text-2xl font-bold text-gray-900">
                    404 Page Not Found
                </h1>
            </div>
            <p class="mt-4 text-sm text-gray-600">
                The page you are looking for does not exist. Try heading back to
                the homepage.
            </p>
            <a
                class="mt-6 inline-flex text-sm font-semibold text-black underline"
                href="/">Return home</a
            >
        </div>
    </div>
</Base>