2026年春新歓イベント日程ページを追加

src/routes/(site)/join/welcome-events/+page.svelte

@@ -0,0 +1,112 @@
+<svelte:head>
+	<title>2026 年春新歓 イベント一覧 | ut.code();</title>
+	<meta property="og:title" content="2026 年春新歓 イベント一覧 | ut.code();" />
+	<meta name="description" content="ut.code(); 2026年春新歓イベントの日程と詳細" />
+</svelte:head>
+
+<section class="border-b border-zinc-200 bg-zinc-50/50 py-16">
+	<div class="mx-auto max-w-6xl px-6">
+		<div
+			class="mb-3 font-[JetBrains_Mono,monospace] text-xs font-medium tracking-widest text-primary uppercase"
+		>
+			Welcome Events
+		</div>
+		<h1 class="mb-2 text-3xl font-bold">2026 年春新歓 イベント一覧</h1>
+	</div>
+</section>
+
+<div class="mx-auto max-w-2xl px-6">
+	<section class="py-16">
+		<p class="text-lg leading-relaxed text-zinc-600">
+			2026 年の新歓イベントの日程は以下のとおりです。
+			興味がある方は、ぜひ気軽に参加してみてください！
+		</p>
+		<p class="mt-4 text-sm text-zinc-500">日時・場所の詳細は確定し次第追加します。</p>
+		<a href="/images/welcome/calendar.jpg" target="_blank">
+			<img
+				src="/images/welcome/calendar.jpg"
+				alt="新歓日程カレンダー"
+				class="mt-8 w-full rounded-lg"
+			/>
+		</a>
+		<p class="mt-2 text-center text-xs text-zinc-400">画像クリックで全画面表示</p>
+	</section>
+
+	<!-- 説明会系イベント -->
+	<section class="border-t border-zinc-100 py-16">
+		<h2 class="mb-8 text-xl font-bold">説明会系イベント</h2>
+		<div class="space-y-8">
+			<div>
+				<h3 class="mb-2 font-semibold">サーオリ</h3>
+				<p class="text-zinc-600">日時: 4/3 (金), 4/5 (日)</p>
+			</div>
+			<div>
+				<h3 class="mb-2 font-semibold">エンジニア系サークル合同新歓</h3>
+				<p class="text-zinc-600">日時: 4/9 (木), 4/15 (水)</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- 学習系イベント -->
+	<section class="border-t border-zinc-100 py-16">
+		<h2 class="mb-8 text-xl font-bold">学習系イベント</h2>
+		<div class="space-y-8">
+			<div>
+				<h3 class="mb-2 font-semibold">初学者講習会</h3>
+				<p class="text-zinc-600">日時: 4/12 (日), 4/18 (土)</p>
+				<p class="mt-2 text-zinc-600">
+					授業形式で HTML・CSS・JavaScript の基礎を学び、簡単な Web
+					アプリを公開できるようになります。
+				</p>
+			</div>
+			<div>
+				<h3 class="mb-2 font-semibold">自主勉強会</h3>
+				<p class="text-zinc-600">
+					日時: 4/7 (火), 4/10 (金), 4/14 (火), 4/17 (金), 4/21 (火), 4/24 (金), 4/28
+					(火), 5/8 (金)
+				</p>
+				<p class="mt-2 text-zinc-600">途中参加・途中退出可。</p>
+				<p class="mt-2 text-zinc-600">
+					自分のペースでプログラミングを学び、プロジェクトに参加できるスキルをつけよう！
+					経験者も新しい知識を学ぶチャンス！
+				</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- 交流・開発系イベント -->
+	<section class="border-t border-zinc-100 py-16">
+		<h2 class="mb-8 text-xl font-bold">交流・開発系イベント</h2>
+		<div class="space-y-8">
+			<div>
+				<h3 class="mb-2 font-semibold">新歓合宿</h3>
+				<p class="text-zinc-600">日程: 5/4 (月) ~ 5/6 (水)</p>
+				<p class="mt-2 text-zinc-600">
+					合宿を通してプログラミングの基礎を身につけ、自分なりのサイトやアプリを作りましょう！
+				</p>
+				<p class="mt-2 text-zinc-600">
+					ut.code();
+					の新歓イベントとしては一番大きなものになります！部員や他の新入生とも交流できるいい機会になります！ぜひご参加ください！
+				</p>
+			</div>
+			<div>
+				<h3 class="mb-2 font-semibold">新歓ハッカソン</h3>
+				<p class="text-zinc-600">キックオフ: 4/26 (日)</p>
+				<p class="text-zinc-600">作業会: 5/9 (土)</p>
+				<p class="text-zinc-600">発表会: 5/10 (日)</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- その他 -->
+	<section class="border-t border-zinc-100 py-16">
+		<h2 class="mb-8 text-xl font-bold">その他</h2>
+		<div class="space-y-8">
+			<div>
+				<h3 class="mb-2 font-semibold">ut.code(); 総会</h3>
+				<p class="text-zinc-600">4月総会: 4/25 (土)</p>
+				<p class="text-zinc-600">5月総会: 5/16 (土)</p>
+			</div>
+		</div>
+	</section>
+</div>