講習会参加のためのOUTechsのDIscordのリンクを配置

Author: TakenPt

src/components/common/button/OUTechsDiscordJoinLink.astro

@@ -0,0 +1,15 @@
+---
+import Icon from '@/components/common/Icon.astro'
+import LinkButton from './LinkButton.astro'
+---
+
+<LinkButton
+  href="https://discord.gg/gmhPgAGAGx"
+  target="_blank"
+  variant="discord"
+>
+  <span class="flex items-center gap-2.5">
+    <Icon name="discord" alt="Discord" class="w-7" />
+    <span>講習会に参加</span>
+  </span>
+</LinkButton>

src/components/workshop/WorkshopSection.astro

@@ -1,11 +1,19 @@
 ---
 import Section from '@/components/common/Section.astro'
+import OUTechsDiscordJoinLink from '@/components/common/button/OUTechsDiscordJoinLink.astro'
 ---
 
 <Section background="white">
   <div class="flex flex-col gap-5">
     <p>
       新歓イベントの一環として部員や外部講師による講習会を開催しています。様々な技術について未経験者向けに解説しながら実際に使えるようになることを目指します。講習会内で必要なソフトウェアのインストールから説明しますので、事前準備は必要ありません。
     </p>
+    <div class="flex justify-center">
+      <OUTechsDiscordJoinLink />
+    </div>
+    <p>
+      こちらから講習会の資料や連絡を受け取れます。
+      どなたでも無料で参加できます。是非お気軽にご参加ください！
+    </p>
   </div>
 </Section>