FR-152 Guidant AI 產品官網

替 Guidant AI 做對外的產品官網。第一階段先備內容素材（產品盤點、網站地圖、文案、指南文章、中英文），網站風格與建站另行決定後，再把素材填進去。

• 先備內容素材，網站風格與建站方式之後再決定，素材再填進去。
• 官網分四大區：產品、解決方案、資源（指南）、信任中心；全站中英文。
• 「產品安全資訊頁」/trust/security 是 CRA 法定要求（FR-138），第一版必做。
• 產品頁只寫已上線功能；未進版的標 🟡、開發中的標 🔵、尚未確認的標【待確認】，由決策者逐項裁。
• ISO 27001:2022 做成系統內建框架（開發中 🔵），官網照「內建」寫，上線前要完成。
• 不做價格頁、不做免費試用（落地部署、報價制）。
• 「關於我們」外連公司官網 billows.tech；Logo 沿用產品左上角文字標誌；SEMI E187 只留指南。
• 對外公司資訊：竣盟科技股份有限公司，104074 台北市中山區松江路129號6F，(02) 2562-3952，billows@billows.com.tw。
• 官網框架留 TanStack Start（決策者最終裁示）：vite.config.ts 開 prerender，輸出 .output/public/，部署 Cloudflare Pages 純靜態（輸出目錄 .output/public），不用 Workers（TanStack 若要上 Workers 走 nitro，見 08 三之二）。SEO／AI SEO／GEO 配備（AI 爬蟲放行、JSON-LD、llms.txt、hreflang、分析工具）內容抄公司 design-home-fe 的做法，寫法改 TanStack，清單在 08。未來接 Payload CMS 與自家 API 都在這個架構上做。

• 2026-10-20 決策者：要做官網，先蒐集「什麼是 X」類素材；六個主題各找熱門網站讓決策者挑，再整理文章結構。
• 2026-10-20 決策者：竣盟自家部落格不要；不要重複資訊；ISO 27001 用最新版。
• 2026-10-21 決策者：產品介紹頁要介紹全部功能、配截圖（亮暗兩套，看過盤點才下令截）；要網站地圖與文案；指南要有英文版；開一個 FR。
• 2026-10-21 盤點發現：DEV 只有 CMMC、CRA 兩個內建框架，ISO 27001 未內建。
• 2026-10-21 決策者：ISO 27001 會做成系統內建框架——文案照「內建」寫，標 🔵（開發中）。
• 2026-10-21 決策者：「關於我們」直接連 https://www.billows.tech/about/，不自己做頁；Logo 先用產品登入後左上角的「Guidant AI」文字標誌。
• 2026-10-21 決策者最終裁示：官網框架留 TanStack Start（Lovable 產出的那套），不轉 Next.js；A1（CM-2939）中途停掉，工作區還原到 ee4005d。先把文章與網站基本樣貌補完。
• 2026-10-21 決策者：到上線測試的 4 件裁示都照小弟建議（pages.dev 測試網址、表單先寄 billows@、截圖圓角淡陰影／og 深 teal 白字、Cloudflare Web Analytics）；開母卡 CM-2938 與 15 張子卡 CM-2939～2953。
• 2026-10-21 決策者：Claude 工作坊機制先不導入，B1～B4 手動派；四棒回寫後首腦驗收通過（見 handoff/fr152-STATE.md）。
• 2026-10-21 決策者：Lovable 工作區額度用完後，裁定把程式碼拉回本機接手——開 repo guidant-ai-website，之後由小弟在那邊直接完成，不再用 Lovable。
• 2026-10-21 決策者：官網要滿足 SEO、AI SEO、GEO 與商業分析，問純前端 Vue／React 行不行、是否一定要 SSR。小弟盤點後定案：純 SPA 不行（AI 爬蟲不跑 JS）；現有程式碼已是 TanStack Start SSR，開 prerender 即可，不換 Astro／Next；公司 design-home-fe（Payload＋Next＋Cloudflare Pages）已做過一輪 AI SEO，做法照抄。
• 2026-10-21 決策者：問 TanStack Start 是不是很新、社群討論少。小弟承認前一條「不換框架」漏算成熟度與團隊對齊，改判轉 Next.js；決策者補「Lovable 只轉一次、之後自己維護、不再用 Lovable」，確認框架該是自己選的，定案轉 Next，此後不再改。
• 2026-10-21 決策者：指出小弟「只是順著提議走，不是整個分析需求」。小弟重做：九條需求對 Next／Astro／TanStack Start 逐項打分（08 一之二），TanStack 淘汰、Next 與 Astro 都站得住、因 R6 不變＋R8 團隊既有 Next 生產線選 Next；寫明三條改推 Astro 的反悔條件。結論不變。
• 2026-10-21 決策者：問 Pages 與 Workers 哪個好、不想架構一直變、Pages 能不能 call API、之後能不能轉 Workers。定案 Pages 純靜態：需求無一項要伺服器；API 由瀏覽器端與 build 時 call；轉 Workers 程式碼不動只改部署指令。
• 2026-10-21 決策者：框架在「資源 › 指南」（法規是什麼）與「解決方案 › 適用法規」（用產品怎麼過）兩邊各一頁、內容不同，照小弟建議維持；解決方案選單名改「適用法規」。英文版先暫停，Lovable 先只送中文。
• 2026-10-21 決策者：先只要簡單幾張圖；文案交給 Lovable 建站再調整。Lovable 經 MCP 接到本 session（工作區 Raymond's Lovable），新建專案 a6b3f013-50a3-4388-81b4-64fab05a43be，編輯器 https://lovable.dev/projects/a6b3f013-50a3-4388-81b4-64fab05a43be ，預覽 https://id-preview--a6b3f013-50a3-4388-81b4-64fab05a43be.lovable.app 。分四批送文案，每批決策者看過再送下一批。
• 2026-10-21 決策者：官網一律用決策者給的公司資訊（竣盟科技股份有限公司、billows.tech）；系統內與程序書的寫法不管，官網正確就好。
• 2026-10-21 決策者：DEV 沒有走到結案的示範專案，由小弟建一個 CMMC 專案當 Demo；ISO 27001 框架正由決策者放進系統，能先截的畫面先截。
• 2026-10-21 決策者：先補文案，補完就截圖；截圖一律用本機 DEV 跑起來截（指南用、官網用都是），圖要哪些由小弟判斷。
• 2026-10-21 決策者：SEMI E187 只留指南、不做解決方案頁；官網用專屬網域（名稱待定）；預約表單去向待辦；對外公司資訊＝竣盟科技股份有限公司，104074 台北市中山區松江路129號6F，(02) 2562-3952，billows@billows.com.tw。
• 2026-10-21 決策者：英文版要做、中英都驗，主要 demo 效果（開 CM-2956）；測試網址用 guidant-ai.stg.jedicotech.com 與 pages.dev 兩個並用，測試期全站 noindex。

官網程式碼是獨立 repo ~/Projects/Billows/Audit-Manager/guidant-ai-website/（GitLab auditmanager/guidant-ai-website），TanStack Start＋Tailwind，用 npm。本 FR 只放需求、文案、截圖清單；文案改動先改這裡的 md、再搬進該 repo 的 src/i18n/*.json。該 repo 的 CLAUDE.md 有結構、指令與規則。Lovable 專案（a6b3f013-50a3-4388-81b4-64fab05a43be）只是第一版骨架的來源，之後不再透過它改。

1. 未進版功能（FR-134～151，產品頁標 🟡）：官網上線時要不要放？
2. 網站地圖：18 個固定頁的範圍。
3. 截圖：用哪個示範租戶與專案（需要虛構公司資料、走到結案）。
4. 網域名稱、建站方式、預約展示表單送到哪（詳見網站地圖 §五）。
5. 指南與產品頁所有【待確認】項目（指南的清單在 docs/website/guides/README.md §五）。

1. 決策者把 B1～B4、D1 改 Done；兩個產品 bug 已開為 FR-151 子卡 CM-2954、CM-2955
2. 派 C1、C2、C3、C5（可同時）；C4 等 C2
3. B5 英文版（CM-2956）等 C1
4. D2 截圖替換等 C5
5. E1→E2→E3（測試網址 guidant-ai.stg.jedicotech.com 與 pages.dev 並用，細節在 E1 卡尾）
6. 接手看 handoff/fr152-STATE.md

沿革見 git log。

以下全部由 build 掃資料夾產生，新增檔案重 build 即自動出現。標題連結指向渲染後的 HTML，md 連向源檔。

一、需求（是什麼、為什麼、怎麼用）（1 份）

需求與討論

二、分析與決策（1 份）

需求與討論

三、規劃（分版）（11 份）

設計

4-review/（1 份）

其他文件

5-knowledge/（1 份）

其他文件

交接與收口時間軸（handoff/，3 份）

由新到舊。每份是某一棒次交接當下的完整現況快照，看某個時間點「當時知道什麼」請從這裡進。

卡片內容（決策紀錄、驗收條件）以 Notion 為準，本頁只記座標。

相關需求：

• FR-138 — cra-self-assessment-guidant-ai
• FR-134 — source-code-sbom-scan
• FR-135 — cra-compliance-framework
• FR-151 — grc-governance-risk-extension
• FR-153 — iso27001-framework