Frontend support for the Hero block; H1 moves out of the hardcoded wrapper

app/[slug]/page.tsx and LivePageContent.tsx no longer render a
hardcoded H1 from page.title — that's now the Hero block's job (see
HeroBlock.ts's own comment on why). Breadcrumb stays, still built
from page.title.

Also backfilled /lebensuhr's already-migrated Pages document with a
Hero block (order 0) carrying its real headline — without it the
page would have lost its H1 entirely once the hardcoded wrapper was
removed.

app/components/PageBlocks.tsx

@@ -36,6 +36,31 @@ export async function PageBlocks({ blocks }: { blocks: PageBlock[] }) {
 // makes for its own author-bio/"Weiterlesen" chrome).
 export function renderPageBlockSync(block: PageBlock): React.ReactNode {
   switch (block.blockType) {
+    // Same "font-playfair clamp headline" treatment every hand-built page
+    // (/lebensuhr, /3x3-system, /ueber-mich) used for its own H1 before
+    // this block existed — see HeroBlock.ts's own comment on why the
+    // headline moved out of Pages.title and into here.
+    case "hero":
+      return (
+        <div key={block.id} className="flex flex-col gap-4 items-start">
+          <p
+            className="font-semibold text-[clamp(2.25rem,1.393rem+1.786vw,3rem)] text-text-primary leading-[1.15]"
+            style={{ fontFamily: "var(--font-playfair)" }}
+          >
+            {block.headline}
+          </p>
+          {block.subline && <p className="text-body text-text-muted">{block.subline}</p>}
+          {block.ctaLabel && block.ctaHref && (
+            <Link
+              href={block.ctaHref}
+              className="inline-flex items-center gap-2 bg-brand hover:brightness-95 active:scale-[0.97] transition-all rounded-sm px-6 py-3 font-semibold text-body text-text-primary"
+            >
+              {block.ctaLabel}
+            </Link>
+          )}
+        </div>
+      );
+
     case "richTextSection":
       return <RichText key={block.id} content={block.content} />;