Add SAFTA nomination: award band, project badge, filmography tag

Summertide nominated for Best Achievement in Visual Effects - TV at the
19th South African Film and Television Awards (2026).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/page.tsx

@@ -1,9 +1,11 @@
+import AwardBand from "@/components/AwardBand";
 import Filmography from "@/components/Filmography";
 import Hero from "@/components/Hero";
 import ProjectCard from "@/components/ProjectCard";
 import Reveal from "@/components/Reveal";
 import SectionLabel from "@/components/SectionLabel";
 import {
+  awards,
   filmography,
   projects,
   services,
@@ -40,8 +42,10 @@ export default function Home() {
     <>
       <Hero />
 
+      {awards[0] && <AwardBand award={awards[0]} />}
+
       {/* Filmography */}
-      <section id="filmography">
+      <section id="filmography" className="scroll-mt-16">
         <div className="mx-auto max-w-7xl px-5 py-24 md:px-8 md:py-36">
           <SectionLabel index="01">Filmography</SectionLabel>
           <div className="mb-14 flex flex-col gap-6 md:flex-row md:items-end md:justify-between">

app/work/[slug]/page.tsx

@@ -2,7 +2,8 @@ import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import Frame from "@/components/Frame";
-import { projects, site } from "@/content/site";
+import Laurel from "@/components/Laurel";
+import { awardFor, projects, site } from "@/content/site";
 
 export const dynamicParams = false;
 
@@ -38,6 +39,7 @@ export default async function ProjectPage({ params }: PageProps<"/work/[slug]">)
   if (index === -1) notFound();
   const project = projects[index];
   const next = projects[(index + 1) % projects.length];
+  const award = awardFor(project.slug);
 
   const meta = [
     { k: "Client", v: project.client },
@@ -55,6 +57,17 @@ export default async function ProjectPage({ params }: PageProps<"/work/[slug]">)
           ← All work
         </Link>
         <h1 className="mt-8 font-display text-5xl leading-[0.9] font-thin uppercase md:text-8xl">{project.title}</h1>
+        {award && (
+          <div className="mt-8 inline-flex items-center gap-4 border border-accent/40 bg-accent/[0.06] py-3 pr-6 pl-3">
+            <Laurel className="h-12 w-12 shrink-0 text-accent" />
+            <div>
+              <p className="font-mono text-[10px] tracking-[0.25em] text-accent uppercase">
+                {award.edition} {award.body} · {award.result}
+              </p>
+              <p className="mt-1 text-sm md:text-base">{award.category}</p>
+            </div>
+          </div>
+        )}
       </div>
 
       <div className="mx-auto mt-12 max-w-7xl px-5 md:px-8">