feat: 個人スポンサーのリンクを追加

Author: staticWagomU

2025/src/components/Top.astro

@@ -1,6 +1,6 @@
 ---
 import VimLogo from "./VimLogo.astro";
-import { ExternalLink } from "@lucide/astro";
+import { ExternalLink, Heart } from "@lucide/astro";
 ---
 
 <section
@@ -65,5 +65,20 @@ import { ExternalLink } from "@lucide/astro";
         ><a href="#schedule">スケジュールを見る</a></button
       >
     </div>
+    <div class="flex justify-center">
+      <a
+        href="https://peatix.com/event/4468783/view"
+        target="_blank"
+        rel="noopener"
+      >
+        <button
+          class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-pink-500 bg-gradient-to-r px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground ring-offset-background transition-colors hover:bg-pink-600 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+        >
+          <Heart class="mr-2 h-5 w-5" />
+          個人スポンサーになる
+          <ExternalLink class="ml-2 h-4 w-4" />
+        </button>
+      </a>
+    </div>
   </div>
 </section>