# Use Case Index (https://21notion.com/en/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';

Welcome to the FLO.W practical application case page! This shows how to use FLO.W in different scenarios to improve efficiency and management capabilities.

> 💡 **Important Note**: All the following application scenarios can be perfectly achieved with the FLO.W Template! The Template features are very comprehensive, sufficient to support these complex usage needs. We are currently updating detailed practical tutorials to help you quickly master specific operation methods.

Usually, using it for 3 days is enough to proficiently master all core features of the Template.

### Learning & Self-Improvement

<Cards>
  <Card icon={<BookOpen className="text-blue-500" />} title="Course Learning" href="/blog/course-learning">
    From hearing to doing, knowledge not forgotten
  </Card>

  <Card icon={<BookOpen className="text-green-500" />} title="Reading Notes" href="/blog/book-reading">
    From excerpts to reviews, internalize for yourself
  </Card>

  <Card icon={<Target className="text-red-500" />} title="Exam Preparation" href="/blog/exam-preparation">
    Plan review rhythm, track knowledge blind spots
  </Card>

  <Card icon={<TrendingUp className="text-purple-500" />} title="Skill Mastery" href="/blog/skill-mastery">
    Build skill tree, quantify your growth
  </Card>
</Cards>

### Content & Creation

<Cards>
  <Card icon={<PenTool className="text-orange-500" />} title="Content Creation" href="/blog/content-create">
    From inspiration to draft, smooth workflow
  </Card>

  <Card icon={<Users className="text-rose-500" />} title="Influencer Career" href="/blog/influencer-career">
    Build your influencer career from scratch, plan it like a business
  </Card>

  <Card icon={<Briefcase className="text-teal-500" />} title="Launch a Column" href="/blog/paid-newsletter">
    Plan paid content, build personal brand
  </Card>
</Cards>

### Career & Development

<Cards>
  <Card icon={<Target className="text-green-500" />} title="Job Search" href="/blog/job-hunting">
    Track interview progress, land your dream company
  </Card>

  <Card icon={<TrendingUp className="text-emerald-500" />} title="Annual Review" href="/blog/annual-review">
    Quantify work performance, have more confidence in performance reviews
  </Card>

  <ComingSoonCard icon={<Zap className="text-amber-500" />} title="Start a Side Hustle" className="opacity-50">
    Coming Soon: From idea to execution, organized throughout the process
  </ComingSoonCard>
</Cards>

### Projects & Coordination

<Cards>
  <Card icon={<Home className="text-amber-700" />} title="Renovate a New Home" href="/blog/home-renovation">
    From budget to construction, full control and peace of mind
  </Card>

  <ComingSoonCard icon={<Settings className="text-slate-500" />} title="Organize an Event" className="opacity-50">
    Coming Soon: Coordinate complex items, no more missed details
  </ComingSoonCard>

  <ComingSoonCard icon={<Wrench className="text-orange-600" />} title="Develop a Product" className="opacity-50">
    Coming Soon: Agile iterative development, record user feedback
  </ComingSoonCard>

  <ComingSoonCard icon={<Users className="text-cyan-500" />} title="Lead a Team" className="opacity-50">
    Coming Soon: Assign task objectives, efficient team collaboration
  </ComingSoonCard>

  <ComingSoonCard icon={<Calculator className="text-violet-500" />} title="Operate a Community" className="opacity-50">
    Coming Soon: Establish SOP, accumulate operational experience
  </ComingSoonCard>
</Cards>

### Lifestyle & Planning

<Cards>
  <Card icon={<Globe className="text-sky-500" />} title="Plan a Trip" href="/blog/travel-planning">
    From budget to travelogue, full control without worry
  </Card>

  <ComingSoonCard icon={<Target className="text-red-600" />} title="Set Annual OKRs" className="opacity-50">
    Coming Soon: Break down life goals, every step counts
  </ComingSoonCard>

  <Card icon={<TrendingUp className="text-lime-500" />} title="Execute a Fitness Plan" href="/blog/fitness-goal">
    Project + habit collaboration, linking goals with actions
  </Card>

  <Card icon={<Heart className="text-rose-500" />} title="Personal Health Management" href="/blog/disease-tracking">
    Track daily data, manage diseases and chronic conditions
  </Card>

  <ComingSoonCard icon={<Heart className="text-pink-600" />} title="Develop a Hobby" className="opacity-50">
    Coming Soon: Track interest moments, document your passion
  </ComingSoonCard>
</Cards>