feat: update hello page

src/pages/Hello.tsx

@@ -60,24 +60,13 @@ const Hello: Component = () => {
       <div class="rounded-md p-8 shadow-md">
         <Switch>
           <Match when={signerStatus() === 'checking'}>
-            拡張機能のインストール状況を確認中です...
+            <p>拡張機能のインストール状況を確認中です...</p>
           </Match>
           <Match when={signerStatus() === 'unavailable'}>
-            <h2 class="text-lg font-bold">Nostrをはじめる</h2>
+            <h2 class="font-bold">利用にはNIP-07に対応した拡張機能が必要です。</h2>
-            <p class="pt-2">
+            <p>
-              <a
+              <br />
-                class="text-blue-500 underline"
+              初めて利用する方も、他のクライアントをつかっている方も
-                target="_blank"
-                rel="noopener noreferrer"
-                href="https://scrapbox.io/nostr/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AENostr%E3%80%90%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89%E3%80%91"
-              >
-                はじめてのNostr
-              </a>
-              を参考にするとよいでしょう。
-            </p>
-            <h2 class="pt-2 text-lg font-bold">既にキーペアを持っている場合</h2>
-            <p class="pt-2">
-              利用にはNIP-07に対応した拡張機能が必要です。
               <br />
               <a
                 class="text-blue-500 underline"
@@ -88,6 +77,8 @@ const Hello: Component = () => {
                 こちらを参考
               </a>
               に拡張機能をインストールしてください。
+              <br />
+              終わりましたら、このページを再読込してください。
             </p>
           </Match>
           <Match when={signerStatus() === 'available'}>