feat(remotion): +ProductShowcase block (phone/browser device mockup)

Adds the product/app-showcase template type the engine was missing: a 2.5D device
frame (rounded phone with notch, or a browser window with traffic-lights + URL bar)
holding an uploaded screenshot, with title/subtitle and the shared Three backdrop.
Fields: screenshot, title, subtitle, device (phone|browser). Registry now 9 blocks.
Verified via FlexStory props-override stills (both device modes).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
soroush.asadi
2026-06-23 20:18:06 +03:30
parent a48633741e
commit 7394c5ce78
2 changed files with 92 additions and 0 deletions
+2
View File
@@ -7,6 +7,7 @@ import { SlideshowBlock } from "./blocks/Slideshow";
import { OutroCTABlock } from "./blocks/OutroCTA";
import { LogoRevealBlock } from "./blocks/LogoReveal";
import { StatCounterBlock } from "./blocks/StatCounter";
import { ProductShowcaseBlock } from "./blocks/ProductShowcase";
/**
* The scene-block registry. A FlexStory template is an ordered list of these
@@ -22,6 +23,7 @@ export const SCENE_BLOCKS: Record<string, SceneBlock> = {
[OutroCTABlock.id]: OutroCTABlock,
[LogoRevealBlock.id]: LogoRevealBlock,
[StatCounterBlock.id]: StatCounterBlock,
[ProductShowcaseBlock.id]: ProductShowcaseBlock,
};
export const BLOCK_LIST = Object.values(SCENE_BLOCKS);