From 27f0b2b1f94400a0ff1f94b43e08687f01feead9 Mon Sep 17 00:00:00 2001
From: Karen Chen <145727980+Karencheenn@users.noreply.github.com>
Date: Fri, 2 Jan 2026 01:39:35 -0500
Subject: [PATCH] [feat] Added quick links on Homepage

---
 src/routes/+page.svelte | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index acf39df..b180508 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,6 +7,7 @@
 	import SeoMetaTags from 'components/layout/SeoMetaTags.svelte';
 	import AffiliatedClubs from 'components/homepage/AffiliatedClubs.svelte';
 	import { fade } from 'svelte/transition';
+	import Button from 'components/Button.svelte';
 
 	/** loading things from the server side */
 	let { data } = $props();
@@ -19,7 +20,7 @@
 <Section from="from-ecsess-black" to="to-ecsess-900">
 	<div class="place-self-center md:grid md:grid-cols-1 md:gap-6 lg:grid-cols-3">
 		<div class="place-self-center md:place-content-around lg:col-span-1 lg:m-8">
-			<div class="flex h-1/2 flex-col place-content-center text-center">
+			<div class="flex flex-col text-center lg:pt-2">
 				<p>
 					{#each 'We are ECSESS!' as char, i}
 						<span class="page-title" in:fade|global={{ delay: 200 + i * 100, duration: 800 }}
@@ -27,9 +28,31 @@
 						>
 					{/each}
 				</p>
-				<div class="p-4">
-					<RichText value={data.description} />
-				</div>
+<div class="p-4">
+  <RichText value={data.description} />
+
+	<div class="mt-6 grid grid-cols-1 gap-3 sm:grid-cols-2">
+		<a href="/events"
+			class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
+				text-center text-sm font-semibold text-ecsess-50 transition-colors
+				hover:bg-ecsess-600/50 hover:border-ecsess-300"
+		> Events
+		</a>
+		<a href="/r/trot5th" target="_blank" rel="noopener noreferrer"
+			class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
+				text-center text-sm font-semibold text-ecsess-50 transition-colors
+				hover:bg-ecsess-600/50 hover:border-ecsess-300"
+		>Trottier Booking
+		</a>
+		<a href="/r/ctrlz" target="_blank" rel="noopener noreferrer"
+			class="rounded-md border border-ecsess-200 bg-ecsess-500 px-4 py-2
+				text-center text-sm font-semibold text-ecsess-50 transition-colors
+				hover:bg-ecsess-600/50 hover:border-ecsess-300"
+		>Ctrl + Z
+		</a>
+	</div>
+</div>
+
 			</div>
 		</div>
 		<div class="m-2 place-content-around lg:col-span-2 lg:mx-12 lg:my-0">