<template>
  <!--===== Error Section S T A R T =====-->
  <section class="error section-padding fix mt-100">
    <div class="container">
      <div class="row g-4">
        <div class="col-xl-12 d-flex justify-content-center flex-column align-items-center">
          <div class="error__thumb">
            <img class="return-left" src="/images/error/404.png" alt="404 Error" />
          </div>
          <div class="error-content">
            <div class="error-content__text">
              <h6 class="title-fade-up">Oops... Page Not Found!</h6>
              <p>The page you are looking for doesn't exist or has been moved</p>
            </div>
            <div class="btn-wrapper pt-35">
              <router-link class="theme-btn style1" to="/">Back to Homepage</router-link>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script setup>
// 404 Not Found page - purely presentational
</script>