diff --git a/web/components/audit-page.tsx b/web/components/audit-page.tsx
index c75bbe2..f33f42a 100644
--- a/web/components/audit-page.tsx
+++ b/web/components/audit-page.tsx
@@ -1,3 +1,4 @@
+import Image from "next/image";
import { ArrowLeft, ArrowRight } from "lucide-react";
import { CopyCommandButton } from "@/components/copy-command";
import { GitHubMark } from "@/components/icons";
@@ -7,6 +8,7 @@ import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";
import { AUDITS, PROMPTS, auditCommand, auditTitle } from "@/lib/content";
import { auditDetail } from "@/lib/audit-details";
+import { heroSrc } from "@/lib/heroes";
import { glossify } from "@/lib/glossary";
import { SITE_URL } from "@/lib/site";
import { type Lang, t } from "@/lib/i18n";
@@ -19,6 +21,7 @@ export function AuditDetailPage({ name, lang }: { name: string; lang: Lang }) {
if (!audit || !detail) return null;
const Icon = audit.icon;
+ const hero = heroSrc(name);
const home = lang === "de" ? "/de" : "/";
const langHref = lang === "de" ? `/audits/${name}` : `/de/audits/${name}`;
@@ -72,9 +75,33 @@ export function AuditDetailPage({ name, lang }: { name: string; lang: Lang }) {
-
-
-
+
+ {hero ? (
+ <>
+
+ {/* Left-weighted scrim so the headline/CTA stay legible over the image. */}
+
+
+ ) : (
+
+ )}
+