Every option uses the settled mark and the product's own frozen style sheet, so the site and the app look like one thing. They differ in what the first screen bets on. Each card shows the page at desktop width and at phone width, and links to the real page.
Bets on: A's two-column ask layout on landscape, B's full-bleed stage on portrait. One page, one media query.
Needs: A real portrait clip for the video element, plus the live question and freshness stamp.
Open e-hybrid.html full size →Bets on: Show the product's own front door. The hero is the question field, so the visitor sees what using it feels like.
Needs: A styled ask field. No live generation needed.
Open a-ask.html full size →Bets on: The output is the pitch. A portrait film fills the screen and the headline sits on it.
Needs: One strong portrait clip, autoplaying, muted, looping.
Open b-stage.html full size →Bets on: Breadth. Six real questions as tiles, each a film that did not exist before somebody asked.
Needs: Six pre-rendered portrait clips or poster frames.
Open c-wall.html full size →Bets on: Speed is the story. The hero is a measured timeline from question to picture.
Needs: Nothing but the measured number, which we already have.
Open d-clock.html full size →