登陸頁面 — 標準結構
一個能有效轉換的登陸頁面，依序包含五個區塊：
- 英雄區 — 一句承諾 + 視覺元素 + 一個主要行動呼籲按鈕。
- 三大亮點 — 三張卡片呈現三項好處，不多不少。
- 營業時間 / 詳細資訊 — 在第二螢幕頂端顯示的實用資訊。
- 地圖 / 聯絡方式 — 嵌入的 iframe 或連結。
- 頁尾 — 精簡：版權聲明、社群連結。
技術規則（工程相關）
- 單一檔案。 使用
index.html，樣式與腳本內嵌其中，無需建置步驟。 - 透過 CDN 引入 Tailwind — 加入
<script src="https://cdn.tailwindcss.com"></script>，不要拉取 npm。 - 透過 Unsplash 來源網址使用圖庫圖片 — 使用
https://source.unsplash.com/featured/?keyword。 - 行動優先。 請在 375px 寬度下測試。
- 動畫時長不超過 200 毫秒。 不使用輪播、彈出視窗。
色彩建議
- 選擇一個主色與一個點綴色。其餘使用中性色。
- 對於溫暖類型的商家（餐飲、服務業）：主色使用橘色／紅色，中性色使用奶油色。
- 對於科技類型：主色使用藍色／靛藍色，中性色使用石板灰。
- 絕對不要在純白上使用純黑 — 兩者都要稍微柔和。
操作步驟
當被要求建立登陸頁面時：
- 從提示中確認商業類型。
- 根據上述建議選擇配色方案。
- 編寫包含五個區塊的
index.html。 - 使用貼近真實感受的文字（不要使用「Lorem ipsum」）。讓內容具體符合提示。
- 編寫完成後，使用
bash工具執行open index.html（macOS）或xdg-open index.html（Linux）。 - 如果使用者要求修改，請使用編輯功能進行局部調整 — 不要重寫整個檔案。