Files
TBW/src/views/NotFoundView.vue
2025-10-31 16:03:18 +03:30

30 lines
803 B
Vue
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script setup lang="ts"></script>
<template>
<div
class="min-h-screen flex flex-col items-center justify-center bg-linear-to-b from-gray-50 to-white px-4"
>
<!-- Big 404 -->
<h1
class="text-8xl font-extrabold mb-4 bg-linear-to-r from-gray-700 to-gray-500 bg-clip-text text-transparent"
>
404
</h1>
<!-- Message -->
<p class="text-xl text-gray-600 mb-8 text-center">
Oops! The page youre looking for doesnt exist.
</p>
<!-- Button back home -->
<RouterLink
to="/"
class="btn px-6 py-3 bg-linear-to-r from-gray-100 to-gray-200 border border-gray-300 text-gray-700 hover:from-gray-200 hover:to-gray-300 hover:text-gray-900 transition"
>
Back to Home
</RouterLink>
</div>
</template>
<style scoped></style>