<template>
  <header id="notfound_404">
    <Header />
    <Navbar />
  </header>
  <main>
    <div class="container text-center pt-7 pb-12">
      <h2 class="mb-7">404</h2>
      <p>The page you are looking for does not exist.</p>
      <p class="mb-7">Please check the URL or go back to the Files page.</p>
      <router-link to="/files" class="btn btn-c-primary btn-lg"
        >Go to Files</router-link
      >
    </div>
  </main>
</template>

<script setup>
// The Lucia project.
// Copyright 2023-2026 DSP, inc.  All rights reserved.
// Authors:
//   chiayin.kuo@dsp.im (chiayin), 2023/1/31
//   cindy.chang@dsp.im (Cindy Chang), 2024/5/30
//   imacat.yang@dsp.im (imacat), 2023/9/23
/**
 * @module views/NotFound404 404 page displayed when a route is not
 *   found, with a link back to the Files page.
 */

import Header from "@/components/AppHeader.vue";
import Navbar from "@/components/AppNavbar.vue";
</script>
