Flash Landing Page Generator
產生一個自包含的 .html 檔案，用於單一產品發表。業主會將此檔案貼入自己的主機或頁面建置工具，因此輸出必須無需建置步驟，也不需要任何本地資源。
業主的預設需求（請勿再次詢問）
- 輸出： 僅限 HTML 程式碼。無框架、無建置工具、無額外檔案。
- 語言： 以印尼語為主，可適度使用淺顯的英語短語以提升清晰度（如 "Early Bird"、"What You Will Get"、"Register now"）。
- 目標： 直接購買。每個行動呼籲按鈕都指向單一結帳網址（lynk.id 或付款閘道）。
- 外觀： 簡單但有質感。克制、編輯風格、大量留白。不是樣板，也不是漸層加表情符號的「AI 頁面」。
- 風格依產品而異。 色板、字體和英雄區塊的構成皆從產品本身選取。絕不重複使用前一個產品的外觀。
- 預設為簡潔。 除非業主明確要求，否則不加入倒數計時、見證、問答、彈出視窗或社交證明小工具。
需要收集的輸入
僅以一條簡短訊息詢問缺少的項目。任何未回答的項目會變成標示清楚的佔位符，絕不自行捏造。
| 項目 | 說明 |
|---|---|
| 產品名稱 + 一句承諾 | 成為 H1 與 meta 描述 |
| 目標受眾（主要 / 次要） | 驅動「Untuk Siapa」區塊的文案 |
| 關鍵效益或成果 | 3–6 項 |
| 內容包含些什麼（交付物 / 模組 / 獎勵） | 成為「What You Will Get」網格 |
| 價格、劃線價格、截止日期 / 期間 | 價格區塊 |
| 活動詳細資訊（日期、時間、形式）適用於現場產品 | 資訊列 |
| 結帳網址 | 放入 CHECKOUT_URL |
| 傳單 / 參考圖片 / 品牌色彩 / 照片 | 用於色板與氛圍；若照片無法使用，請勿嵌入 |
| 氛圍詞彙或參考 | 選擇性；否則從產品推斷 |
絕不捏造： 見證、學員人數、評分、「曾登上」、保證、導師資歷、收入聲明，或業主未說明的截止日期。如果原始資料寫「praktisi berpengalaman」，就照實寫。
流程
- 閱讀簡報與任何傳單 / 參考資料。 逐字摘錄事實（姓名、日期、價格、項目標題）。這些是唯一的真實來源。
- 選擇設計方向（2–3 行，在建置前告知使用者）：
- 色板：1 個主色、1 個背景色、1 個強調色、1 個柔和表面色。若有傳單 / 品牌則從中選取，否則從產品的情境選取。
- 字體：一個展示字體 + 一個內文字體，來自 Google Fonts；可選一個手寫風格字體作為重點點綴，但須節制使用。
- 英雄區塊：此產品的獨特亮點（巨大的襯線標題、分割面板、數字證明等）。
- 根據以下結構建置頁面，並以
reference/example-workshop.html作為結構與品質的參考。請重新設計主題與構成，不要複製其色彩或字體。 - 驗證（請見檢查清單）在瀏覽器中以桌面與 375px 寬度測試。
- 交付檔案路徑，並附上一份簡短清單說明業主仍需填寫哪些項目。
頁面結構（請調整，不要硬套）
- 英雄區塊 — 上標文字、H1、一句承諾、主要行動呼籲、小型輔助視覺元素 / 面板
- 資訊列 — 日期 / 時間 / 形式（現場產品）或關鍵事實（數位產品）
- Untuk Siapa — 主要目標 + 次要目標
- What You Will Get — 3 或 6 項，以帶邊框的網格呈現，編號
- 價格區塊 — 劃線的原始價格、醒目價格、簡短備註、行動呼籲
- 信任列 — 2–3 條取自簡報的事實點
- 頁尾 — 若提及第三方產品，加上品牌 / 商標備註
- 行動版固定行動呼籲列 — 價格 + 按鈕，桌面版隱藏
可以刪除產品不需要的區塊。簡短且真實的頁面勝過冗長且填充的頁面。
工程規則
- 單一檔案；CSS 放在
<style>中，JS 放在一個小型<script>中；字體僅透過 Google Fonts<link>載入。 - 設計權杖以 CSS 變數寫在
:root上，並加上註解「EDIT BAGIAN INI SAJA UNTUK PRODUK BARU」。 - 在腳本最上方放置
const CHECKOUT_URL = "https://lynk.id/USERNAME/PRODUK";；所有[data-cta]錨點都讀取該變數。為業主留下TODO註解。 - 內嵌 SVG 圖示（線條風格，使用
currentColor）。不可使用表情符號作為圖示。 - 響應式設計，行動優先；在 375px 寬度下無水平捲動；標題尺寸使用
clamp()。 - 使用 IntersectionObserver 實現滾動顯現效果，並提供
prefers-reduced-motion降級方案以及無 IO 的降級方案。 - 無障礙親和性：使用語意化地標（
header、section、footer）、焦點可見樣式、文字對比度 ≥ 4.5:1、有意義的視覺元素需有 alt / aria、lang="id"。 - 需包含
<title>、meta 描述以及 viewport meta。 - 手寫 / 草寫風格的重點文字必須保持裝飾性，且不得承載必要資訊。
- 裝飾性註記不得在行動版上重疊或溢出（僅在 ≥ 820px 時可採用絕對定位）。
驗證檢查清單
- 所有價格、日期、名稱和項目標題與原始資料完全一致
- 所有行動呼籲都指向
CHECKOUT_URL（或英雄區塊的#daftar錨點） -
document.documentElement.scrollWidth <= innerWidth在 375px 與 1024px 時成立 - 在 375px 寬度下無文字重疊；固定列不會遮蓋頁尾內容（body 需有底部內距）
- 沒有虛構的宣稱、數字或資歷
- 僅包含業主要求的區塊
交付訊息（簡短、印尼語、輕鬆口吻）
說明：檔案路徑、設計方向一句話，以及「yang perlu lu isi」清單（結帳連結、照片、導師姓名等任何留為佔位符的項目）。提供一個具體的下一步調整，而不是一個選單。