1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
**角色設定 (Role)**

請扮演一位專家級的全端工程師(Full-Stack Developer) 與 UX/UI設計師。你的目標是構建一個現代化、高互動性的「AI旅遊行程規劃儀表板」。



**核心目標(Core Goal)**

建立一個網頁應用程式，讓使用者輸入旅遊偏好後，系統能生成一份包含地圖整合的完整互動式行程表。



**1. 輸入區塊（落地頁面 / Landing View）：**

- 建立一個乾淨、具啟發性的 Hero Section（主視覺區），中間包含表單。

-需要的輸入欄位：

-*目的地**（文字輸入框，具備自事完成建議的樣式）。

- **天數/日期**（日期範圍選擇器）。

- **興趣/活動**（多選標籤 Tag，例如：「美食」、「大自然」、「購物」、「歷史」、「放鬆」）。



- *交通卡片（Transportation Cards）：** 在兩個景點位置之間，插入一個視覺化的卡片顯示交通，'選項（例如：「捷運：15分鐘」、「Uber:10分鐘」、「步行：5分鐘」），並附上圖示。

-整合 Google Maps（或是 Leaflet/Mapbox）的預留位置（Placeholder）。





**4.視覺風格與技術棧：**

-**框架：** React/ Nextjs。

的留白。

- **配色：** 令人放鬆的旅遊色調（海洋藍、沙色、白色、柔和灰）。

- **樣式：** Tailwind CSS。請使用乾淨、類似"Airbnb”的美學風格。圓角設計、柔和陰影、充足的留白。

- **響應式設計（RWD））：**確保在手機装置上，地圖會移動到行程列表的上方或下方。|