# 案例索引 (https://21notion.com/zh-TW/docs/use-cases)

import { BookOpen, Briefcase, Heart, Users, Zap, Calculator, Settings, Wrench, PenTool, Target, Home, TrendingUp, Globe } from 'lucide-react';
import { ComingSoonCard } from '@/components/ComingSoonCard';

歡迎來到 FLO.W 實際應用案例頁面！這裡展示瞭如何在不同場景下使用 FLO.W 來提升效率和管理能力。

> 💡 **重要說明**：以下所有應用場景都可以透過 FLO.W 模板完美實現！模板功能非常全面，足以支撐這些複雜的使用需求。目前我們正在更新詳細的實踐教程，幫助您快速掌握具體的操作方法。

通常情況下，使用 3 天就足以熟練掌握模板的所有核心功能。

### 學習與進修

<Cards>
  <Card icon={<BookOpen className="text-blue-500" />} title="課程學習" href="/blog/course-learning">
    從聽到到做到，知識不遺忘
  </Card>

  <Card icon={<BookOpen className="text-green-500" />} title="讀書筆記" href="/blog/book-reading">
    從摘錄到書評，內化為己用
  </Card>

  <Card icon={<Target className="text-red-500" />} title="考試備考" href="/blog/exam-preparation">
    規劃複習節奏，追蹤知識盲點
  </Card>

  <Card icon={<TrendingUp className="text-purple-500" />} title="技能學習" href="/blog/skill-mastery">
    搭建技能樹，量化你的成長
  </Card>
</Cards>

### 內容與創作

<Cards>
  <Card icon={<PenTool className="text-orange-500" />} title="內容創作" href="/blog/content-create">
    從靈感到成稿，流程不卡殼
  </Card>

  <Card icon={<Users className="text-rose-500" />} title="自媒體運營" href="/blog/influencer-career">
    從零開始經營自媒體，把它當成事業來規劃
  </Card>

  <Card icon={<Briefcase className="text-teal-500" />} title="上線一個專欄" href="/blog/paid-newsletter">
    策劃付費內容，構建個人品牌
  </Card>
</Cards>

### 職業與發展

<Cards>
  <Card icon={<Target className="text-green-500" />} title="求職管理" href="/blog/job-hunting">
    追蹤面試進展，拿下夢中情"司"
  </Card>

  <Card icon={<TrendingUp className="text-emerald-500" />} title="年度複盤" href="/blog/annual-review">
    量化工作業績，述職更有底氣
  </Card>

  <ComingSoonCard icon={<Zap className="text-amber-500" />} title="啟動一個副業" className="opacity-50">
    即將推出：從想法到落地，全程井井有條
  </ComingSoonCard>
</Cards>

### 專案與統籌

<Cards>
  <Card icon={<Home className="text-amber-700" />} title="裝修一個新家" href="/blog/home-renovation">
    從預算到施工，全程心中有數
  </Card>

  <ComingSoonCard icon={<Settings className="text-slate-500" />} title="籌辦一場活動" className="opacity-50">
    即將推出：統籌繁雜事項，細節不再遺漏
  </ComingSoonCard>

  <ComingSoonCard icon={<Wrench className="text-orange-600" />} title="開發一個產品" className="opacity-50">
    即將推出：敏捷迭代開發，記錄使用者反饋
  </ComingSoonCard>

  <ComingSoonCard icon={<Users className="text-cyan-500" />} title="帶領一個團隊" className="opacity-50">
    即將推出：分配任務目標，團隊高效協同
  </ComingSoonCard>

  <ComingSoonCard icon={<Calculator className="text-violet-500" />} title="運營一個社群" className="opacity-50">
    即將推出：建立SOP，沉澱運營經驗
  </ComingSoonCard>
</Cards>

### 生活與規劃

<Cards>
  <Card icon={<Globe className="text-sky-500" />} title="策劃一場旅行" href="/blog/travel-planning">
    從預算到遊記，全程掌控無憂
  </Card>

  <ComingSoonCard icon={<Target className="text-red-600" />} title="制定年度OKR" className="opacity-50">
    即將推出：拆解人生目標，每步都算數
  </ComingSoonCard>

  <Card icon={<TrendingUp className="text-lime-500" />} title="執行健身計劃" href="/blog/fitness-goal">
    項目+習慣協作，讓目標與行動緊密關聯
  </Card>

  <Card icon={<Heart className="text-rose-500" />} title="個人健康管理" href="/blog/disease-tracking">
    追蹤日常數據，管理疾病與慢性病
  </Card>

  <ComingSoonCard icon={<Heart className="text-pink-600" />} title="養成一個愛好" className="opacity-50">
    即將推出：追蹤興趣點滴，為熱愛立此存照
  </ComingSoonCard>
</Cards>