achat-maison-albi-fr/src/pages/404.astro
Emil Gulamov 33c942f261 Migrate product content to Markdown format and add new features
Product information previously stored in JSON files has been migrated to Markdown format for efficient content management. Additionally, added a new button component for 404 pages to improve navigation and user experience. Defined a new schema for product collections and included GSAP JavaScript library for future animations.
2024-02-16 08:36:04 +04:00

40 lines
1.4 KiB
Text

---
// Import section components
import MainLayout from "../layouts/MainLayout.astro";
import Btn404 from "../components/ui/buttons/Btn404.astro";
---
<MainLayout
title="Page Not Found | ScrewFast"
meta="ScrewFast offers top-tier hardware tools and expert construction services to meet all your project needs. Start exploring and contact our sales team for superior quality and reliability."
>
<section class="grid h-svh place-content-center">
<div class="mx-auto max-w-screen-xl px-4 py-8 lg:px-6 lg:py-16">
<div class="mx-auto max-w-screen-sm text-center">
<h1
class="text-dark mb-4 text-7xl font-extrabold text-yellow-500 dark:text-yellow-400 lg:text-9xl"
>
404
</h1>
<p
class="mb-4 text-balance text-3xl font-bold tracking-tight text-neutral-700 dark:text-neutral-300 md:text-4xl"
>
Oops, this isn't the tool you were looking for!
</p>
<p
class="mb-4 text-pretty text-lg text-neutral-600 dark:text-neutral-400"
>
Don't let this hiccup slow you down. Let's get you back to building
your masterpiece.
</p>
<Btn404 title="Go Back" id="go-back" />
</div>
</div>
</section>
</MainLayout>
<script>
document.getElementById("go-back")?.addEventListener("click", () => {
history.back();
});
</script>