發布動效 · 滑頁預約v1.0.1

發布動效 · 滑頁預約

一排 App 頁面落下並向左滑動，所有頁面拍到主頁面上變成手機，一點即完成預訂，手機停在點睛標題旁。把每一行文字換成你的產品文案，保留黑底網格的藍色發布動效風格，在本機算繪一段 9 秒的 1080p 或 4K MP4。

畫面內容

一排 App 頁面落下並向左滑動，所有頁面拍到主頁面上變成手機，一點即完成預訂，手機停在點睛標題旁。 場景長度 9 秒，1920×1080，黑色背景加細網格，藍色是唯一的強調色，Logo 維持原色。

可修改的文字

欄位	預設內容	最多字元
headline	From browsing to booked.	28
headline-sub	One tap. No forms.	28
app-name	Haven	10
night-label	/ night	10
view-cta	View stay	14
page-1-title	Fog Bridge Lodge	18
page-1-sub	Bay area · 2 guests	26
page-1-price	$260	6
page-2-title	Pine Lake Cabin	18
page-2-sub	Lake district · 4 guests	26
page-2-price	$190	6
page-3-title	Harbor Loft	18
page-3-sub	City center · 2 guests	26
page-3-price	$310	6
page-4-title	Alpine Hut	18
page-4-sub	High pass · 3 guests	26
page-4-price	$240	6
page-5-title	Dune Camp	18
page-5-sub	Desert edge · 2 guests	26
page-5-price	$180	6
page-6-title	Glass House	18
page-6-sub	Coastline · 2 guests	26
page-6-price	$420	6
page-7-title	Sail Cove	18
page-7-sub	Island bay · 4 guests	26
page-7-price	$290	6
hero-rating	4.9	4
cta	Book this stay	16
cta-done	Booked	12
toast-title	You're booked	18
toast-sub	Oct 24 – 27 · 2 guests	26

製作你的版本

1. 告訴 Agent 你要這個場景，並提供產品名稱、標題和想替換的文字。
2. Agent 用你的文字執行產生腳本，預覽專案並算繪 MP4。
3. 檢查開頭、中段和結尾畫面，若有斷行不自然的句子就縮短後重新算繪。

執行需求

需要 Node.js 22 或更新版本、FFmpeg 和 HyperFrames CLI，全部在本機執行。