02 官網網站地圖：產品官網要有哪些頁

參考對象：Workiva、Hyperproof、Vanta、Drata、Secureframe、Sprinto、MetricStream 等合規軟體官網的共通結構，加上 Guidant AI 自己的特殊需求（落地部署、CRA 法定公開頁）。

第一版上線抓 18 個固定頁＋6 篇指南文章（SEMI E187 不做解決方案頁、只留指南；安全公告併進產品安全資訊頁；「關於我們」是官網自己的頁 /about，讓 AI 從官網就認得出是竣盟的產品，頁內再連公司官網）。官網用專屬網域（名稱待定）。，導覽列四大區：產品／解決方案／資源／信任中心，「公司」只放頁尾，外加一顆常駐的「預約展示」按鈕。

有一頁不是行銷需求、而是法規要求：CRA 自評（FR-138）已裁定漏洞通報政策、安全公告、產品安全資訊、SBOM 都放在「公司網站的 Guidant AI 產品安全資訊頁」，而且要保留歷版、保存 10 年。官網一上線，這頁就要在（對應 FR-138 缺失 #35、#36、#42）。

Guidant AI 官網
│
├─ 首頁 /
│
├─ 產品 /product
│   ├─ 產品總覽 /product                     ← 十二大功能一頁看完（本 FR 的主稿）
│   ├─ 合規與稽核管理 /product/compliance     ← 功能 1～4、8、9
│   ├─ AI 能力 /product/ai                    ← 功能 5、11（證據分類、AI 助理、AI 儀表板、AI 閘道）
│   ├─ 自動化檢測 /product/detection          ← 功能 6、7（檢測 Agent、第三方元件風險）
│   ├─ GRC 治理與風險 /product/grc            ← 功能 10
│   └─ 部署與安全 /product/deployment         ← 功能 12（落地部署、資料不出機房、存取管理）
│
├─ 解決方案 /solutions
│   ├─ 適用法規（選單名；與「資源 › 指南」分工：指南講法規是什麼、這裡講用 Guidant AI 怎麼過）
│   │   ├─ CMMC /solutions/cmmc
│   │   ├─ ISO 27001 /solutions/iso-27001
│   │   └─ 歐盟 CRA /solutions/cra             ← SEMI E187 不做解決方案頁（無內建框架），只留指南
│   └─ 依角色
│       ├─ 合規顧問與稽核事務所 /solutions/consultants
│       └─ 企業資安與稽核團隊 /solutions/enterprise
│
├─ 資源 /resources
│   ├─ 指南 /resources/guides                  ← 已完成六篇初稿（docs/website/guides/）
│   │   ├─ 什麼是合規
│   │   ├─ 什麼是 CMMC
│   │   ├─ 什麼是 CRA
│   │   ├─ 什麼是 SEMI E187
│   │   ├─ 什麼是 ISO 27001
│   │   └─ 什麼是 GRC
│   ├─ 部落格／最新消息 /resources/blog        ← 第二版
│   ├─ 客戶案例 /resources/case-studies        ← 第二版，等第一批客戶同意
│   └─ 名詞解釋 /resources/glossary            ← 第二版（系統安全計畫、POA&M、SBOM、評估目標…）
│
├─ 信任中心 /trust
│   ├─ 產品安全資訊 /trust/security            ← 🔴 CRA 法定：漏洞通報政策、安全公告（含歷版）、產品安全須知、支援期聲明、SBOM 下載
│   ├─ 安全公告 /trust/advisories              ← 可併進上一頁
│   └─ 隱私權政策 /privacy、服務條款 /terms
│
├─ 公司 /company
│   ├─ 關於我們 /about                         ← 第一句寫明「Guidant AI 是竣盟科技開發」，頁內連 billows.tech/about
│   └─ 聯絡我們 /contact                       ← 表單：姓名、公司、職稱、email、電話、關注的框架、留言
│
├─ 預約展示 /demo                               ← 全站主要轉換頁（導覽列右上常駐）
│
└─ 語系切換：繁體中文（預設）／English

不做的頁（第一版）與理由

首頁 /

產品總覽 /product

主稿見 03 產品介紹頁文案。結構：主視覺 → 流程圖 → 十二大功能（每個：標題、一句話、三個重點、截圖）→ 更多功能 → 部署方式 → 安全承諾 → 行動呼籲。

功能細頁（/product/* 五頁）

每頁同一套：主視覺 → 解決什麼問題 → 3～5 個功能區塊（左文右圖交錯）→ 常見問題 3 題 → 相關指南 → 行動呼籲。

解決方案・依框架（/solutions/*）

主視覺（框架名＋一句話）→ 這個框架要你做什麼（3 點，連到對應指南）→ Guidant AI 怎麼對應（表：框架要求 vs 平台功能）→ 流程示意 → 行動呼籲。

解決方案・依角色

• 顧問：一個人帶多家客戶、資源庫重複使用、訪談表匯入、報告自動產生。
• 企業：多框架共用控制、多年延續、主管看得到全貌、資料不出機房。

信任中心・產品安全資訊 /trust/security（CRA 法定）

技術要求：這頁的歷版不能被覆蓋（CRA 要保存 10 年），網站要能放「每一版的文件」並有固定網址。

• 導覽列：Logo／產品▾／解決方案▾／資源▾／信任中心／語系切換／【預約展示】
• Logo：第一版沿用產品登入後左上角的文字標誌——「Guidant」一般粗細（600）、跟隨主題色（亮色深字、暗色白字），「AI」加粗（700）、填藍綠漸層 #4FC3F7 → #81C784（135°），兩字同字級、基線對齊、字距 -0.02em；字型同產品系統字。來源 compliance-manager-fe/src/layout/AppTopbar.vue
• 頁尾：產品、解決方案、資源、公司四欄（公司欄的「關於我們」連站內 /about）；產品安全資訊連結；隱私權、服務條款；版權；社群連結
• 行動呼籲：全站只有兩種——「預約展示」（主）、「免費諮詢」（次）
• 亮暗色：產品本身有亮暗兩套主題，官網可以提供亮暗切換，截圖兩套都要有
• 雙語：每頁中英文對照；網址建議 /zh-tw/...、/en/...
• SEO：每頁要有 meta 標題、描述、OG 圖；指南頁加結構化資料（Article、FAQPage）