feat(techmonth): rewards page

src/app/techmonth/stamps/page.tsx

@@ -38,8 +38,8 @@ export default async function StampsPage(): Promise<JSX.Element> {
                 <span className="text-techmonth-green">STAMPS</span> BOOK
               </h2>
               <Link
-                href="/stamps/rewards"
-                className="font-press-start-2p text-techmonth-magenta underline hover:text-techmonth-yellow"
+                href="/techmonth/stamps/rewards"
+                className="w-max font-press-start-2p text-techmonth-magenta underline hover:text-techmonth-yellow"
               >{`REWARDS ->`}</Link>
             </div>
             <TriggerModal className="mt-4 h-min bg-techmonth-yellow px-6 py-2 text-2xl text-techmonth-black duration-200 hover:translate-x-3 lg:text-3xl">

src/app/techmonth/stamps/rewards/page.tsx

@@ -0,0 +1,27 @@
+import { cookies } from "next/headers";
+import Header from "../_components/header";
+import { redirect } from "next/navigation";
+
+export default function RewardsPage() {
+  const cookieStore = cookies();
+  const studentId = cookieStore.get("studentId")?.value;
+  if (!studentId) {
+    redirect("/techmonth/login");
+  }
+
+  return (
+    <main className="flex w-full flex-col items-center">
+      <div className="flex min-h-screen w-full max-w-screen-xl flex-col space-y-16 px-8 py-16 font-tiny5 md:px-16 xl:px-4">
+        <Header studentId={studentId} />
+        <div className="flex flex-col justify-between lg:flex-row">
+          <div className="flex flex-col space-y-2 lg:space-y-1">
+            <h2 className="text-5xl uppercase md:text-6xl lg:text-8xl">
+              RE<span className="text-techmonth-magenta">WARDS</span>
+            </h2>
+          </div>
+        </div>
+        <p className="text-xl">Coming Very Soon 👀</p>
+      </div>
+    </main>
+  );
+}