From 0126701708ea30715856ec7f061bafa4810e688a Mon Sep 17 00:00:00 2001
From: omiend <omiend@gmail.com>
Date: Sat, 15 Jun 2024 14:32:24 +0900
Subject: [PATCH] Thank you

---
 components/top/Banners.vue  |  4 +--
 components/top/Events.vue   |  8 +++---
 components/top/ThankYou.vue | 52 +++++++++++++++++++++++++++++++++++++
 pages/index.vue             |  1 +
 4 files changed, 59 insertions(+), 6 deletions(-)
 create mode 100644 components/top/ThankYou.vue

diff --git a/components/top/Banners.vue b/components/top/Banners.vue
index 1d424c6..3578160 100644
--- a/components/top/Banners.vue
+++ b/components/top/Banners.vue
@@ -2,12 +2,12 @@
 en:
   sponsorship: 'Sponsorship(ja)'
   call-for-proposals: 'Call for proposals'
-  ticket: 'Get a Ticket'
+  ticket: 'Doorkeeper'
   tshirt: 'Get a (Ninja) T-Shirt'
 ja:
   sponsorship: 'スポンサー募集'
   call-for-proposals: 'セッションに応募'
-  ticket: 'チケット購入'
+  ticket: 'Doorkeeper'
   tshirt: '(忍者)Tシャツ購入'
 </i18n>
 <template>
diff --git a/components/top/Events.vue b/components/top/Events.vue
index 0757410..fa3ec95 100644
--- a/components/top/Events.vue
+++ b/components/top/Events.vue
@@ -91,10 +91,10 @@ ja:
 
 <template>
   <section class="content">
-    <h2 class="content_title">Ticket</h2>
-    <div class="content_text">
-      <span v-html="t('ticket_info')" />
-    </div>
+    <!-- <h2 class="content_title">Ticket</h2> -->
+    <!-- <div class="content_text"> -->
+      <!-- <span v-html="t('ticket_info')" /> -->
+    <!-- </div> -->
     <h2 class="content_title">Events</h2>
     <div class="content_text">
       <span v-html="t('event_overview_1')" />
diff --git a/components/top/ThankYou.vue b/components/top/ThankYou.vue
new file mode 100644
index 0000000..082854d
--- /dev/null
+++ b/components/top/ThankYou.vue
@@ -0,0 +1,52 @@
+<i18n lang="yaml">
+en:
+  title: 'Thank You'
+  overview: |
+    ScalaMatsuri 2024 came out to be another successful one thanks in many parts to sponsors, speakers, staffs, and your attendance!<br/>
+    We owe you great gratitude, and we hope to see you again next time. Please register to Doorkeeper to get notified.
+ja:
+  title: '開催御礼'
+  overview: |
+    ScalaMatsuri 2024 は参加者、スピーカー、スポンサー、スタッフ等、皆様のおかげで盛況のうちに終了しました。<br/>
+    ご来場・ご協力いただいた皆様、ありがとうございました。<br/>
+    また、下記Doorkeeperのリンクよりメンバー登録をしておいてくださると、次回開催の情報をいち早くゲットできます！
+</i18n>
+
+<template>
+  <section class="content">
+    <div class="content_inner">
+      <h2 class="content_title">
+        {{ t('title') }}
+      </h2>
+      <p class="content_text">
+        <span v-html="t('overview')" />
+      </p>
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+const { t } = useI18n()
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 0 20px;
+  text-align: center;
+  max-width: $pcMinWidth - 40px;
+  margin: 0 auto 50px;
+}
+
+.content_title {
+  display: inline-block;
+  margin-top: 40px;
+  font-weight: bold;
+  font-size: 48px;
+  color: #bd3844;
+}
+.content_text {
+  margin-top: 40px;
+  font-size: 16px;
+  line-height: 28px;
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index a751c65..71df96e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,6 +4,7 @@
   <ClientOnly fallback-tag="span" fallback="Loading comments...">
     <TopNews />
   </ClientOnly>
+  <TopThankYou />
   <TopBanners />
   <TopEvents />
   <TopSponsors />