feat(registry): add lower thirds catalog blocks

docs/catalog/blocks/flowchart-vertical.mdx

@@ -0,0 +1,44 @@
+---
+title: "Flowchart Vertical"
+description: "Portrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction"
+---
+
+# Flowchart Vertical
+
+Portrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction
+
+`diagram` `flowchart` `interactive` `portrait`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/flowchart-vertical.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/flowchart-vertical.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add flowchart-vertical
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1440×2560 |
+| Duration | 12s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `flowchart-vertical.html` | `compositions/flowchart-vertical.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="flowchart-vertical" data-composition-src="compositions/flowchart-vertical.html" data-start="0" data-duration="12" data-track-index="1" data-width="1440" data-height="2560"></div>
+```

docs/catalog/blocks/lower-third-bild.mdx

@@ -0,0 +1,46 @@
+---
+title: "Lower Third — BILD Style"
+description: "News-style lower third with tight-fit text boxes: white headline bar with red drop-shadow, red sub-line with white drop-shadow."
+---
+
+# Lower Third — BILD Style
+
+News-style lower third with tight-fit text boxes: white headline bar with red drop-shadow, red sub-line with white drop-shadow.
+
+`broadcast` `lower-third` `news` `overlay`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lower-third-bild.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lower-third-bild.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lower-third-bild
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lower-third-bild.html` | `compositions/lower-third-bild.html` | hyperframes:composition |
+| `assets/fonts/BarlowCondensed-Bold.woff2` | `compositions/assets/fonts/BarlowCondensed-Bold.woff2` | hyperframes:asset |
+| `assets/fonts/BarlowCondensed-ExtraBold.woff2` | `compositions/assets/fonts/BarlowCondensed-ExtraBold.woff2` | hyperframes:asset |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lower-third-bild" data-composition-src="compositions/lower-third-bild.html" data-start="0" data-duration="8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-accent-underline.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Accent Underline"
+description: "Cardless lower third for footage overlay: name rises, an accent rule draws left-to-right, role fades in; text-shadowed for legibility"
+---
+
+# Lower Third — Accent Underline
+
+Cardless lower third for footage overlay: name rises, an accent rule draws left-to-right, role fades in; text-shadowed for legibility
+
+`lower-third` `overlay` `podcast` `interview` `minimal`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-accent-underline.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-accent-underline.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-accent-underline
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-accent-underline.html` | `compositions/lt-accent-underline.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-accent-underline" data-composition-src="compositions/lt-accent-underline.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-bold-block.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Bold Block"
+description: "High-energy podcast lower third: solid dark block wipes in, uppercase name slams up, accent tag pops"
+---
+
+# Lower Third — Bold Block
+
+High-energy podcast lower third: solid dark block wipes in, uppercase name slams up, accent tag pops
+
+`lower-third` `overlay` `podcast` `interview` `bold`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-bold-block.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-bold-block.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-bold-block
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-bold-block.html` | `compositions/lt-bold-block.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-bold-block" data-composition-src="compositions/lt-bold-block.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-clean-bar.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Clean Bar"
+description: "Minimal white-card lower third for podcasts/interviews: accent tab, name + role, clip-wipe entrance"
+---
+
+# Lower Third — Clean Bar
+
+Minimal white-card lower third for podcasts/interviews: accent tab, name + role, clip-wipe entrance
+
+`lower-third` `overlay` `podcast` `interview`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-clean-bar.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-clean-bar.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-clean-bar
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-clean-bar.html` | `compositions/lt-clean-bar.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-clean-bar" data-composition-src="compositions/lt-clean-bar.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-color-block.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Color Block"
+description: "High-energy lower third: bold accent-color block slides in with overshoot, condensed name + mono role"
+---
+
+# Lower Third — Color Block
+
+High-energy lower third: bold accent-color block slides in with overshoot, condensed name + mono role
+
+`lower-third` `overlay` `podcast` `interview` `bold`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-color-block.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-color-block.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-color-block
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-color-block.html` | `compositions/lt-color-block.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-color-block" data-composition-src="compositions/lt-color-block.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-dark-card.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Dark Card"
+description: "Charcoal card lower third for bright footage: name, drawn accent underline, role; slide-up entrance"
+---
+
+# Lower Third — Dark Card
+
+Charcoal card lower third for bright footage: name, drawn accent underline, role; slide-up entrance
+
+`lower-third` `overlay` `podcast` `interview` `dark`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-dark-card.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-dark-card.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-dark-card
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-dark-card.html` | `compositions/lt-dark-card.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-dark-card" data-composition-src="compositions/lt-dark-card.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```

docs/catalog/blocks/lt-kicker-name.mdx

@@ -0,0 +1,44 @@
+---
+title: "Lower Third — Kicker Name"
+description: "Cardless lower third with an accent eyebrow/kicker tag, heavy name, and a drawn baseline; for footage"
+---
+
+# Lower Third — Kicker Name
+
+Cardless lower third with an accent eyebrow/kicker tag, heavy name, and a drawn baseline; for footage
+
+`lower-third` `overlay` `podcast` `interview` `bold`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-kicker-name.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/lt-kicker-name.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add lt-kicker-name
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 4.8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `lt-kicker-name.html` | `compositions/lt-kicker-name.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="lt-kicker-name" data-composition-src="compositions/lt-kicker-name.html" data-start="0" data-duration="4.8" data-track-index="1" data-width="1920" data-height="1080"></div>
+```