<template>
  <div class="hero">
    <div class="header">
      <img
        class="wow fadeInUp"
        data-wow-delay="1s"
        src="../assets/images/nosmovimos.gif"
        alt="lost gif"
      >
      <br>

      <div style="text-align: center">
        <small class="wow fadeInUp" data-wow-delay="1.2s">hmm, you seem to be lost...</small>
        <br><br>

        <a href="/">
          <img
            class="wow fadeInUp"
            data-wow-delay="1s"
            src="../assets/images/home-spin.gif"
            alt="home gif"
          >
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'error.vue',
  head: {
    title: '404 | Volatile'
  }
}
</script>
