<script setup>
import Footer from "../components/Footer.vue";
</script>

<template>
  <div class="lartern-content">
    <section>
      <h3>天燈的起源</h3>
      <p>
        「天燈」起初是為了傳遞訊息之用，但目前通常則被當成節慶折福許願的工具，象徵收穫的成功和幸福每一年。許多旅遊景點每天晚上都提供放天燈的活動
      </p>
    </section>

    <section class="my-5">
      <h3>祈福目的</h3>
      <p>健康｜平安&nbsp;&nbsp;&nbsp;幸福｜快樂&nbsp;&nbsp;&nbsp;前途｜事業</p>
      <p>愛情｜婚姻&nbsp;&nbsp;&nbsp;金錢｜發財&nbsp;&nbsp;&nbsp;考試｜讀書</p>
    </section>

    <section>
      <h3>環保天燈</h3>
      <p>
        天燈是鐵絲或竹子，紙、油紙組成。當天燈的燃料燒完後，會掉落附近地面，餘火會燒到附近住家的屋頂或菜園、甚至引發森林大火，並且材料會殘留重金屬，可能對生態鏈造成嚴重危害。於是2018年起台灣研
        發出了能在空中徹底燃燒成灰的 <br />
        [全紙環保天燈] <br />
        當然，在101放天燈，也非常環保
      </p>
    </section>

    <router-link to="/interact_step2" class="main-btn mt-10">
      下一步
    </router-link>

    <Footer url="/interact" back="/interacthome" />
  </div>
</template>

<style lang="scss" scoped>
.lartern-content {
  height: 100vh;
  padding: 4rem 10vw 0;
  background-image: url("@/assets/img/background.webp");

  @media (max-width: 600px) {
    height: 100%;
    padding: 9rem 1rem 0;
  }

  h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  }

  .main-btn {
    margin-bottom: 100px;
  }
}
</style>
