diff --git a/public/img/sponsors/nomad-futurist-foundation.png b/public/img/sponsors/nomad-futurist-foundation.png new file mode 100644 index 00000000..addb446d Binary files /dev/null and b/public/img/sponsors/nomad-futurist-foundation.png differ diff --git a/src/app/partnerships/page.tsx b/src/app/partnerships/page.tsx new file mode 100644 index 00000000..4537c283 --- /dev/null +++ b/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 ( +
+ + +
+ ); +} diff --git a/src/components/sections/OurSponsors.tsx b/src/components/sections/OurSponsors.tsx new file mode 100644 index 00000000..4b74cecb --- /dev/null +++ b/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 ( +
+
+

+ our sponsors +

+ +
+

+ Check out our 2026-2027 sponsors below! +

+
+ +
+ {VALUE_PROPS.map((prop, i) => ( + +
+
+ +
+ {prop.title} +
+ +

+ {prop.title} +

+
+
+
+ ))} +
+
+
+ ); +} diff --git a/src/components/sections/PartnershipsHero.tsx b/src/components/sections/PartnershipsHero.tsx new file mode 100644 index 00000000..eeed3baa --- /dev/null +++ b/src/components/sections/PartnershipsHero.tsx @@ -0,0 +1,27 @@ +"use client"; + +export function PartnershipsHero() { + return ( +
+
+
+

+ partnerships +

+ +
+

+ Insert caption here. +

+
+
+
+
+ ); +} diff --git a/src/lib/site-links.ts b/src/lib/site-links.ts index 2809a42c..5eeddb1a 100644 --- a/src/lib/site-links.ts +++ b/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;