---
import Layout from "../layouts/Layout.astro";
import FuzzyText from "../components/FuzzyText.vue";
---

<Layout title="404 - Not Found">
    <div class="flex flex-col items-center justify-center w-full">
        <FuzzyText
            text="404"
            :font-size="140"
            font-weight="900"
            color="#c6a0f6"
            :enable-hover="true"
            :base-intensity="0.18"
            :hover-intensity="0.5"
            client:load
        />
        <a
            href="/"
            class="mt-4 text-primary hover:text-primary/80 transition-colors"
            >Take me back!</a
        >
    </div>
</Layout>