Add /partnerships page with 2026/2027 sponsors

src/app/partnerships/page.tsx

@@ -0,0 +1,12 @@
+import ContactSection from "@/components/sections/ContactSection";
+import { PartnershipsHero } from "@/components/sections/PartnershipsHero";
+import { OurSponsors } from "@/components/sections/OurSponsors";
+
+export default function PartnershipsPage() {
+  return (
+    <main>
+      <PartnershipsHero />
+      <OurSponsors /> 
+    </main>
+  );
+}

src/components/sections/OurSponsors.tsx

@@ -0,0 +1,63 @@
+"use client";
+import Image from "next/image";
+import { FadeUp } from "@/components/ui/FadeUp";
+import { cn } from "@/lib/utils";
+
+const VALUE_PROPS = [
+  {
+    title: "Nomad Futurist Foundation",
+    image: "img/sponsors/nomad-futurist-foundation.png"
+  },
+];
+
+export function OurSponsors({ className }: { className?: string }) {
+  return (
+    <section
+      id="our-sponsors"
+      aria-label="Our Sponsors"
+      className={cn("bg-[var(--primary-light)] px-8 pt-24 pb-8", className)}
+    >
+      <div className="grid w-full grid-cols-12 gap-0 pb">
+        <h2 className="col-span-12 text-xxl lowercase text-[var(--bp-blue)] pb-8 md:pb-16">
+          our sponsors
+        </h2>
+
+        <div className="col-span-12 text-lg text-[var(--primary-dark)] pb-8 md:pb-16 md:w-8/12">
+          <p>
+            Check out our 2026-2027 sponsors below!
+          </p>
+        </div>
+
+        <div className="col-span-12 grid grid-cols-12 gap-0 min-[800px]:auto-rows-fr">
+          {VALUE_PROPS.map((prop, i) => (
+            <FadeUp
+              key={prop.title}
+              index={i}
+              inView
+              className="col-span-12 min-[800px]:col-span-4"
+            >
+              <div className="h-full">
+                <div className="flex h-full flex-col items-center py-6 md:px-6 transition-colors duration-200 hover:bg-black/5">
+
+                  <div className="relative flex w-full justify-center overflow-hidden"> 
+                    <Image 
+                      src={prop.image} 
+                      alt={prop.title} 
+                      width={800} 
+                      height={500} 
+                      className="h-auto w-[512px] object-contain" 
+                    /> 
+                  </div>
+
+                  <h3 className="pb-4 text-lg text-[var(--primary-dark)]"> 
+                    {prop.title} 
+                  </h3>
+                </div>
+              </div>
+            </FadeUp>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}

src/components/sections/PartnershipsHero.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+export function PartnershipsHero() {
+  return (
+    <section
+      aria-label="Nonprofits hero"
+      className="flex min-h-dvh flex-col justify-end overflow-hidden bg-[var(--bp-blue)]"
+    >
+      <div className="grid w-full grid-cols-12 gap-0 px-8 pb-8">
+        <div className="col-span-12 flex flex-col gap-4 md:gap-16">
+          <h1
+            className="text-xxl lowercase text-[var(--primary-light)]"
+            style={{ lineHeight: 0.8 }}
+          >
+            partnerships
+          </h1>
+
+          <div className="flex flex-col gap-1.5 text-lg">
+            <p className="text-[var(--primary-light)]">
+              Insert caption here.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

src/lib/site-links.ts

@@ -35,6 +35,7 @@ export const mainNavLinks = [
   { href: "/nonprofits", label: "Nonprofits" },
   { href: "/students", label: "Students" },
   { href: "/join-us", label: "Join our team" },
+    { href: "/partnerships", label: "Partnerships" },
   { href: "/contact", label: "Contact" },
 ] as const;