diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 2f9bd2fe..4767ff1d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -5,9 +5,15 @@ import {
 ---
 <div class="bg-on-surface text-surface">
   <div class="mx-5">
-    <div class="flex">
-      <a href='https://github.com/nakasyou/NanohaNote'><IconBrandGithub /></a>
+    <div class="grid grid-cols-2">
+      <div>
+        <div class="font-bold">SOCIAL</div>
+        <div class="grid grid-cols-4">
+          <a href='https://github.com/nakasyou/NanohaNote'><IconBrandGithub /></a>
+        </div>
+      </div>
     </div>
+
     <div class="text-center">&copy; 2023 Shotaro Nakamura. MIT LICENSED.</div>
   </div>
 </div>
diff --git a/src/app/camera/index.tsx b/src/islands/camera/index.tsx
similarity index 100%
rename from src/app/camera/index.tsx
rename to src/islands/camera/index.tsx
diff --git a/src/app/camera/utils/Camera.tsx b/src/islands/camera/utils/Camera.tsx
similarity index 100%
rename from src/app/camera/utils/Camera.tsx
rename to src/islands/camera/utils/Camera.tsx
diff --git a/src/app/note/components/ImageNote.tsx b/src/islands/note/components/ImageNote.tsx
similarity index 100%
rename from src/app/note/components/ImageNote.tsx
rename to src/islands/note/components/ImageNote.tsx
diff --git a/src/app/note/components/ScanDialog.tsx b/src/islands/note/components/ScanDialog.tsx
similarity index 100%
rename from src/app/note/components/ScanDialog.tsx
rename to src/islands/note/components/ScanDialog.tsx
diff --git a/src/app/note/components/TextNote.tsx b/src/islands/note/components/TextNote.tsx
similarity index 100%
rename from src/app/note/components/TextNote.tsx
rename to src/islands/note/components/TextNote.tsx
diff --git a/src/app/note/const/sheetClasses.ts b/src/islands/note/const/sheetClasses.ts
similarity index 100%
rename from src/app/note/const/sheetClasses.ts
rename to src/islands/note/const/sheetClasses.ts
diff --git a/src/app/note/index.tsx b/src/islands/note/index.tsx
similarity index 100%
rename from src/app/note/index.tsx
rename to src/islands/note/index.tsx
diff --git a/src/app/note/utils/classListAll.ts b/src/islands/note/utils/classListAll.ts
similarity index 100%
rename from src/app/note/utils/classListAll.ts
rename to src/islands/note/utils/classListAll.ts
diff --git a/src/app/note/utils/range.ts b/src/islands/note/utils/range.ts
similarity index 100%
rename from src/app/note/utils/range.ts
rename to src/islands/note/utils/range.ts
diff --git a/src/app/note/utils/tiptap-plugin-imagenote.ts b/src/islands/note/utils/tiptap-plugin-imagenote.ts
similarity index 100%
rename from src/app/note/utils/tiptap-plugin-imagenote.ts
rename to src/islands/note/utils/tiptap-plugin-imagenote.ts
diff --git a/src/app/note/utils/tiptap-plugin-sheet.ts b/src/islands/note/utils/tiptap-plugin-sheet.ts
similarity index 100%
rename from src/app/note/utils/tiptap-plugin-sheet.ts
rename to src/islands/note/utils/tiptap-plugin-sheet.ts
diff --git a/src/app/note/utils/useActiveElement.ts b/src/islands/note/utils/useActiveElement.ts
similarity index 100%
rename from src/app/note/utils/useActiveElement.ts
rename to src/islands/note/utils/useActiveElement.ts
diff --git a/src/app/note/utils/useWindowSize.ts b/src/islands/note/utils/useWindowSize.ts
similarity index 100%
rename from src/app/note/utils/useWindowSize.ts
rename to src/islands/note/utils/useWindowSize.ts
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 0824ec81..2a34d422 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -2,14 +2,14 @@
 import PageLayout from '../layouts/Page.astro'
 ---
 <PageLayout title="NanohaNote" description="NanohaNote Top">
-  <div>
+  <div class="grid items-center min-h-screen">
     <div class="text-center">
       <div class="font-mono text-9xl">404</div>
       <div>Not found....</div>
-    </div>
-    <div class="mx-10 text-center">
-      <p>やあ、そこの学習者よ。道を間違えてしまったようだな。ここには何もない。引き返すんだ、学習者よ</p>
-      <a class="underline" href="/">引き返す</a>
+      <div class="mx-10 text-center">
+        <p>やあ、そこの学習者よ。道を間違えてしまったようだな。ここには何もない。引き返すんだ、学習者よ</p>
+        <a class="underline" href="/">引き返す</a>
+      </div>
     </div>
   </div>
 </PageLayout>
diff --git a/src/pages/notes/[noteid].astro b/src/pages/notes/[noteid].astro
index e041d5af..83fc40b1 100644
--- a/src/pages/notes/[noteid].astro
+++ b/src/pages/notes/[noteid].astro
@@ -1,6 +1,6 @@
 ---
 import Base from "../../layouts/Base.astro"
-import NanohaNoteApp from "../../app/note/index.tsx"
+import NanohaNoteApp from "../../islands/note"
 ---
 <Base title="" description="nanohanote app">
   <NanohaNoteApp client:load />