From 88fb3127d9447f44b244c07324ce91307d3c61af Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 21:31:15 +0700
Subject: [PATCH 1/3] Create +page.svelte

---
 src/routes/contact/+page.svelte | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 src/routes/contact/+page.svelte

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
new file mode 100644
index 0000000..df27c92
--- /dev/null
+++ b/src/routes/contact/+page.svelte
@@ -0,0 +1 @@
+<h1>Contact</h1>
\ No newline at end of file

From 7a2948379b4b830984a753d881b18f65ace6af73 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 21:39:10 +0700
Subject: [PATCH 2/3] Update +page.svelte

---
 src/routes/contact/+page.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index df27c92..146410b 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1 +1,11 @@
-<h1>Contact</h1>
\ No newline at end of file
+<script lang="ts">
+    import { Button } from "m3-svelte";
+</script>
+
+<svelte:head>
+	<title>HackWIT - Contact</title>
+</svelte:head>
+
+<div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
+    <h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight">Contact</h1>
+</div>
\ No newline at end of file

From b121aabd9a145a5d71b979fb05ee24870b3a6042 Mon Sep 17 00:00:00 2001
From: Thang H Pham <thanglop729@gmail.com>
Date: Wed, 24 Dec 2025 22:24:16 +0700
Subject: [PATCH 3/3] Update +page.svelte

---
 src/routes/contact/+page.svelte | 48 ++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 146410b..de7e901 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -7,5 +7,51 @@
 </svelte:head>
 
 <div class="flex flex-row justify-center items-center mt-12 md:mt-24 px-4 text-center sm:text-left">
-    <h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight">Contact</h1>
+    <b><h1 class="roboto-flex-wit-main text-4xl sm:text-6xl md:text-7xl leading-tight s-PalH6l0zoH1z " style="color:rgba(41, 106, 72, 1)">Contact</h1></b>
+</div>
+
+<div class="flex justify-center items-center mt-6 px-4 sm:px-6">
+    <hr class="w-full max-w-5xl border-t-[1px] border-gray-300 dark:border-gray-1000 my-6" />
+</div>
+
+
+<div class="flex flex-wrap justify-center items-center mt-4 peak gap-3 sm:gap-4 px-4">
+    <Button style="font-size: 1.3rem; font-weight: 500;">
+        About
+    </Button>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="flex justify-center items-center mt-8 px-4 sm:px-6 flex-col gap-4">
+    <h2> hackathon@hackwit.org </h2>
+    <div class="flex flex-row gap-4">
+        <Button square variant="tonal" onclick={() => window.open('https://github.com/WITCodingClub/calendar', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Github
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://discord.gg/fkeM94snmy', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Discord
+        </Button>
+        <Button square variant="tonal" onclick={() => window.open('https://www.instagram.com/wit_coding_club/', '_blank')}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z"/></svg>        
+            Instagram
+        </Button>
+    </div>
 </div>
\ No newline at end of file