CanadianCloud · ZackHoang · Apr 29, 2026 · Apr 29, 2026 · Apr 29, 2026
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@astrojs/sitemap": "^3.7.2",
+    "@supabase/supabase-js": "^2.105.1",
     "astro": "^5.15.9",
     "gsap": "^3.14.2",
     "lucide-astro": "^0.556.0",

diff --git a/src/db/supabase.ts b/src/db/supabase.ts
@@ -0,0 +1,6 @@
+import { createClient } from "@supabase/supabase-js";
+
+const supabaseUrl = import.meta.env.SUPABASE_URL;
+const supabaseKey = import.meta.env.SUPABASE_KEY;
+
+export const supabase = createClient(supabaseUrl, supabaseKey);
diff --git a/src/lib/content.ts b/src/lib/content.ts
@@ -177,6 +177,7 @@ export function getNavigationContent(city: City): NavigationContent {
     links: [
       { text: 'Get Tickets', href: citySpecificContent[city].ticketUrl },
       { text: 'Schedule', href: '/#schedule' },
+      { text: 'Nomination', href: '/nomination' }
     ],
   };
 }

diff --git a/src/pages/api/nomination.ts b/src/pages/api/nomination.ts
@@ -0,0 +1,28 @@
+import type { APIRoute } from "astro";
+import { supabase } from "../../db/supabase";
+
+export const prerender = false;
+
+export const POST: APIRoute = async ({ request, redirect }) => {
+  const formData = await request.formData();
+
+  const company = formData.get("company");
+  const website = formData.get("website");
+  const justification = formData.get("justification");
+
+  console.log({ company, website, justification });
+
+  const { data, error } = await supabase.from("nominations").insert({
+    company,
+    website,
+    justification,
+  });
+
+  console.log("SUPABASE RESULT:", { data, error });
+
+  if (error) {
+    return redirect("/nomination?success=false");
+  }
+
+  return redirect("/nomination?succes=true");
+};
diff --git a/src/pages/api/votes.ts b/src/pages/api/votes.ts
@@ -0,0 +1,20 @@
+import type { APIRoute } from "astro";
+import { supabase } from "../../db/supabase";
+
+export const prerender = false;
+
+export const POST: APIRoute = async ({ request, redirect }) => {
+  const formData = await request.formData();
+
+  const company = formData.get("company");
+
+  const { error } = await supabase.from("votes").insert({
+    company,
+  });
+
+  if (error) {
+    return redirect("/nomination?success=false");
+  }
+
+  return redirect("/nomination?success=true");
+};
diff --git a/src/pages/nomination.astro b/src/pages/nomination.astro
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Nominate</title>
+</head>
+<body>
+ <header>
+   <hgroup>
+       <h1>2026 Canadian Cloud Award</h1>
+       <p>Vote for oustanding Canadian tech companies that drive community impact, foster growth and showcase innovation through cloud technology. Professional services are excluded</p>
+       <p>The winning company will be recognized at the Cloud Summit 2026 event!</p>
+   </hgroup>
+ </header>
+ <main>
+   <section>
+     <form method="post" action="/api/nomination">
+       <hgroup>
+         <h2>Nominate a Local Canadian Tech Company</h2>
+         <p>Know a great local company that deserves recognition? Let us know!</p>
+       </hgroup>
+       <div>
+         <label for="company">Company Name</label>
+         <input type="text" name="company" id="company" placeholder="e.g Cloudflare" required>
+       </div>
+       <div>
+         <label for="website">Company Website</label>
+         <input type="text" name="website" id="website" placeholder="e.g https://cloudflare.com" required>
+       </div>
+       <div>
+         <label for="justification">Why should this company be included?</label>
+         <textarea name="justification" id="justification" placeholder="Tell us why this company would be a valuable addition..."></textarea>
+       </div>
+       <button type="submit">Submit Nomination</button>
+   </form>
+   </section>
+   <section>
+    <form method="post" action="/api/votes">
+      <hgroup>
+        <h2>Vote for Your Favourite Local Tech Company</h2>
+        <p>Cast your vote for your favourite company</p>
+      </hgroup>
+      <div>
+        <label for="company">Choose a company:</label>
+        <select name="company" id="company">
+          <option value="Company A">Company A</option>
+          <option value="Company B">Company A</option>
+          <option value="Company B">Company A</option>
+        </select>
+      </div>
+      <button type="submit">Submit</button>
+    </form>
+   </section>
+ </main>
+</body>
+</html>
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,5 +1,8 @@
 {
   "extends": "astro/tsconfigs/strict",
   "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
+  "exclude": ["dist"],
+  "compilerOptions": {
+    "types": ["astro/client"]
+  }
 }