# 案例索引 (https://21notion.com/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>

  <Card icon={<Zap className="text-amber-500" />} title="搭建一人公司" href="/blog/solo-business">
    把自己产品化，用杠杆放大你的独特价值
  </Card>

  <Card icon={<Wrench className="text-indigo-500" />} title="独立开发" href="/blog/indie-dev">
    一个人做产品，用系统对抗混乱
  </Card>
</Cards>

### 项目与统筹

<Cards>
  <Card icon={<Home className="text-amber-700" />} title="装修一个新家" href="/blog/home-renovation">
    从预算到施工，全程心中有数
  </Card>

  <Card icon={<Settings className="text-slate-500" />} title="筹办一场活动" href="/blog/exhibition-plan">
    统筹繁杂事项，细节不再遗漏
  </Card>

  <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>

  <Card icon={<Target className="text-red-600" />} title="制定年度OKR" href="/blog/annual-okr">
    拆解人生目标，每步都算数
  </Card>

  <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>