add contact page

components/g/Footer.vue

@@ -45,7 +45,7 @@
                                 <GNuxtLink :to="localePath('/learn-more/')" class="hover:underline">{{ $t('_links.title') }}</GNuxtLink>
                             </li>
                             <li>
-                                <GNuxtLink to="https://legacy.misskey-hub.net/" target="_blank" class="hover:underline">{{ $t('goToLegacyHub') }}<ExtIco class="ml-1" /></GNuxtLink>
+															<GNuxtLink :to="localePath('/contact/')" class="hover:underline">{{ $t('contactUs') }}</GNuxtLink>
                             </li>
                         </ul>
                     </div>
@@ -69,4 +69,4 @@ const localePath = useGLocalePath();
 
 <style scoped>
 
-</style>
+</style>

locales/ja-JP.yml

@@ -12,6 +12,7 @@ download: "ダウンロード"
 browse: "参照"
 settings: "設定"
 goToLegacyHub: "従来のMisskey Hub"
+contactUs: "お問い合わせ"
 
 _error:
   notFound: "ページが見つかりませんでした"
@@ -194,6 +195,10 @@ _brandAssets:
   banner: "バナー"
   avatarDecorationTemplate: "アバターデコレーション テンプレート"
 
+_contact:
+  title: "お問い合わせ"
+  description: "Misskey Projectへのお問い合わせはこちらから"
+
 _links:
   title: "リンク"
   _github:

package.json

@@ -39,7 +39,7 @@
     "ufo": "^1.5.1",
     "vite-svg-loader": "^5.1.0"
   },
-  "packageManager": "pnpm@8.10.2",
+  "packageManager": "pnpm@8.15.5",
   "dependencies": {
     "nanoid": "^5.0.6"
   }

pages/contact.vue

@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <GHero>
+            <template #title>{{ $t('_contact.title') }}</template>
+            <template #description>
+                {{ $t('_contact.description') }}
+            </template>
+            <template #icon>
+                <div class="hidden lg:block relative px-6 py-8">
+                    <GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
+                    <GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
+                    <div class="relative lg:w-64">
+                        <img class="drop-shadow-xl" src="/img/emojis/envelope_3d.png" />
+                    </div>
+                </div>
+            </template>
+        </GHero>
+        <div class="pb-12 lg:mt-12 pt-6 bg-white dark:bg-slate-950">
+            <div class="container mx-auto max-w-screen-lg px-6 space-y-6 lg:space-y-8">
+                <div>
+									<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf9hV92NTcfzZnJg_mrB11MINpBFdTf8dzGKAmzX8dvwXwZfw/viewform?embedded=true" width="640" height="1058" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+const { t } = useI18n();
+const route = useRoute();
+
+route.meta.title = t('_contact.title');
+route.meta.description = t('_contact.description');
+</script>
+
+<style scoped>
+
+</style>

pages/learn-more.vue

@@ -61,6 +61,12 @@
                         title: $t('_aboutUs.title'),
                         description: $t('_aboutUs.description'),
                         img: '/img/misc/midev.png',
+                    },
+										{
+                        to: localePath('/contact/'),
+                        title: $t('_contact.title'),
+                        description: $t('_contact.description'),
+                        img: '/img/emojis/envelope_3d.png',
                     },
                 ]" />
             </div>