<script setup>
import { useI18n } from "vue-i18n";
import Footer from "../components/Footer.vue";

const { t, locale } = useI18n();
</script>

<template>
  <div class="lartern-content">
    <h3 class="title">
      {{ t("skylantern.home.text_1") }} <br />
      {{ t("skylantern.home.text_2") }} <br />
      {{ t("skylantern.home.text_3") }}
    </h3>

    <p class="px-5">
      {{ t("skylantern.home.text_4") }} <br />
      {{ t("skylantern.home.text_5") }}
    </p>

    <router-link to="/skylantern_step1" class="main-btn mt-15">
      {{ t("next_step") }}
    </router-link>
  </div>

  <Footer url="/skylanternhome" back="/skylanternhome" />
</template>

<style lang="scss" scoped></style>
