Add sticker

src/pages/index.astro

@@ -1,5 +1,6 @@
 ---
 import Layout from "@layouts/index.astro";
+import Card from "@components/card.astro";
 import Image from "@components/image.astro";
 import miku from "@assets/miku.jpg";
 import gato from "@assets/gato.jpg";
@@ -9,7 +10,7 @@ const links = {
   twt: { alt: "Twitter", href: "https://twitter.com/luanekos" },
   mail: { alt: "Email", href: "mailto:lumi(at)lua.re" },
   pgp: {
-    alt: "PGP",
+    alt: "PGP Key",
     href: "https://git.lua.re/luaneko/.profile/raw/branch/master/luaneko.pgp.pub",
   },
   // bsky: { alt: "Bluesky", href: "https://bsky.app/profile/lua.re" },
@@ -17,9 +18,7 @@ const links = {
 ---
 
 <Layout class="max-h-screen">
-  <main
-    class="px-5 py-4 space-y-2 bg-white rounded-lg shadow-xs min-h-0 overflow-scroll"
-  >
+  <Card tag="main" class="flex flex-col space-y-2">
     <pre>{
 `   ∧...∧  𝜗𝜚
  (  ̳• · • ̳)   ᭢
@@ -27,7 +26,7 @@ const links = {
    }</pre>
     <p>hi i'm luaneko ^^</p>
     <p>this is my site where i put a bunch of random stuff !</p>
-    <p><Image src={miku} class="rounded-lg max-w-80" /></p>
+    <p><Image src={miku} class="block rounded-lg max-w-80" /></p>
     <pre>{
 `          へ     ╱ 、
     ૮  -   ՛ )  (˚ˎ 。7
@@ -35,9 +34,9 @@ const links = {
 乀(ˍ, ل ل  じしˍ,)ノ`
    }</pre>
     <p>i love cats they miau miau</p>
-    <p><Image src={gato} class="rounded-lg max-w-60" /></p>
+    <p><Image src={gato} class="block rounded-lg max-w-60" /></p>
     <p>best way to contact me is by twt or mail {`<3`}</p>
-  </main>
+  </Card>
 
   <footer class="flex flex-row space-x-1 my-2 text-sm">
     {