From ce08a218ddf2da637c9b101083197906daf3b694 Mon Sep 17 00:00:00 2001
From: Peter Vu <dmtruong1980@gmail.com>
Date: Tue, 28 Jul 2026 18:05:52 -0500
Subject: [PATCH] feat: Add /devhacks/2027 page

---
 sitemap.txt                            |  1 +
 src/routes/App.tsx                     |  2 ++
 src/routes/hackathon/Hackathon2027.tsx | 48 ++++++++++++++++++++++++++
 3 files changed, 51 insertions(+)
 create mode 100644 src/routes/hackathon/Hackathon2027.tsx

diff --git a/sitemap.txt b/sitemap.txt
index a573371..13426dd 100644
--- a/sitemap.txt
+++ b/sitemap.txt
@@ -1,5 +1,6 @@
 https://devclub.ca/?/
 https://devclub.ca/?/devhacks
+https://devclub.ca/?/devhacks/2027
 https://devclub.ca/?/devhacks/2023
 https://devclub.ca/?/devhacks/2024
 https://devclub.ca/?/devhacks/2024/schedule
diff --git a/src/routes/App.tsx b/src/routes/App.tsx
index a6895f6..05ec1a5 100644
--- a/src/routes/App.tsx
+++ b/src/routes/App.tsx
@@ -14,6 +14,7 @@ import Contact from "./Contact";
 import DevChamps from "./DevChamps";
 import GitHub from "./Github";
 import Hackathon from "./hackathon/Hackathon";
+import Hackathon2027 from "./hackathon/Hackathon2027";
 import HackathonArchive from "./hackathon/HackathonArchive";
 import {
   hackathonInfoLoader,
@@ -49,6 +50,7 @@ const router = createBrowserRouter(
       <Route path="/github-tutorial" element={<GitHub />} />
       <Route path="/link-tree" element={<LinkTree />} />
       <Route path="/devhacks" element={<Hackathon />} />
+      <Route path="/devhacks/2027" element={<Hackathon2027 />} />
       <Route path="/events" element={<Events />} />
       <Route path="/merch" element={<Merch />} />
       <Route
diff --git a/src/routes/hackathon/Hackathon2027.tsx b/src/routes/hackathon/Hackathon2027.tsx
new file mode 100644
index 0000000..6d457da
--- /dev/null
+++ b/src/routes/hackathon/Hackathon2027.tsx
@@ -0,0 +1,48 @@
+import "@/styles/Hackathon.scss";
+
+import { Button } from "@mui/material";
+
+function Hackathon2027() {
+  return (
+    <div className="hackathon-container" dir="ltr">
+      <div className="hackathon-welcome container">
+        <h1 className="hackathon-welcome heading">&lt;.devHacks 2027&gt;</h1>
+        <h2
+          className="hackathon-welcome description"
+          style={{ textAlign: "center" }}
+        >
+          {"Manitoba's largest "}
+          <del>24-hour</del>{" "}
+          <strong>
+            <em>48-hour</em>
+          </strong>{" "}
+          hackathon.
+        </h2>
+        <h2 className="hackathon-welcome sub-heading">
+          📅 Feb. 19 - 21, 2027
+          <br />
+          📍 Engineering, Information and Technology Complex, University of
+          Manitoba, Winnipeg, MB
+        </h2>
+        <div
+          className="hackathon-welcome btn-wrapper"
+          style={{ justifyContent: "center" }}
+        >
+          <Button
+            variant="contained"
+            sx={{
+              fontSize: "1.5rem",
+              fontFamily: "inherit",
+              mt: 3,
+              textTransform: "none",
+            }}
+          >
+            COMING SOON
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Hackathon2027;