feat: LTの募集を開始

Author: staticWagomU

2025/src/components/Top.astro

@@ -1,6 +1,6 @@
 ---
 import VimLogo from "./VimLogo.astro";
-import { ExternalLink, Heart } from "@lucide/astro";
+import { ExternalLink, Heart, Zap } from "@lucide/astro";
 ---
 
 <section
@@ -35,12 +35,19 @@ import { ExternalLink, Heart } from "@lucide/astro";
         </p>
       </div>
     </div>
-    <div
-      class="mb-6 inline-flex items-center rounded-full bg-gradient-to-r from-emerald-500 to-green-500 px-6 py-3 text-white"
-    >
-      <span class="text-sm font-bold md:text-base"
-        >🎉 チケット販売開始！ 🎉</span
+    <div class="mb-6 flex flex-col items-center gap-3">
+      <div
+        class="inline-flex items-center rounded-full bg-gradient-to-r from-purple-500 to-violet-500 px-6 py-3 text-white"
+      >
+        <span class="text-sm font-bold md:text-base">⚡ LT募集開始！ ⚡</span>
+      </div>
+      <div
+        class="inline-flex items-center rounded-full bg-gradient-to-r from-emerald-500 to-green-500 px-6 py-3 text-white"
       >
+        <span class="text-sm font-bold md:text-base"
+          >🎉 チケット販売開始！ 🎉</span
+        >
+      </div>
     </div>
     <div
       class="mb-8 flex flex-col items-center justify-center gap-3 sm:flex-row"
@@ -61,7 +68,7 @@ import { ExternalLink, Heart } from "@lucide/astro";
         ><a href="#schedule">スケジュールを見る</a></button
       >
     </div>
-    <div class="flex justify-center">
+    <div class="flex flex-col justify-center gap-2">
       <a
         href="https://peatix.com/event/4468783/view"
         target="_blank"
@@ -75,6 +82,19 @@ import { ExternalLink, Heart } from "@lucide/astro";
           <ExternalLink class="ml-2 h-4 w-4" />
         </button>
       </a>
+      <a
+        href="https://docs.google.com/forms/d/e/1FAIpQLSe_j3WMp1ZcIWNHpzYYbX01cLWOjDnoaeMotT5sn-5g4ji7Gg/viewform"
+        target="_blank"
+        rel="noopener"
+      >
+        <button
+          class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-purple-500 px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground ring-offset-background transition-colors hover:bg-purple-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"
+        >
+          <Zap class="mr-2 h-5 w-5" />
+          LTを応募する
+          <ExternalLink class="ml-2 h-4 w-4" />
+        </button>
+      </a>
     </div>
   </div>
 </section>