# Introduction to Web Development

<Card title="Course Overview" subtitle="Taught by Sarah Chen">
<Columns>
<Stat label="Course" value="Introduction to Web Development" icon="book-open" />
<Stat label="Instructor" value="Sarah Chen" icon="chalkboard-teacher" />
</Columns>
</Card>

<Card title="Your Progress">
<Progress value="65" max="100" label="65% complete" tone="info" />
</Card>

<Card title="Course Modules">
<Steps>
<Step title="Module 1: HTML Basics" status="done" subtitle="Completed">
  <Badge tone="success">100%</Badge>
</Step>
<Step title="Module 2: CSS Styling" status="done" subtitle="Completed">
  <Badge tone="success">100%</Badge>
</Step>
<Step title="Module 3: JavaScript Fundamentals" status="current" subtitle="In Progress">
  <Badge tone="info">45%</Badge>
</Step>
<Step title="Module 4: Responsive Design" status="todo" subtitle="Not Started">
  <Badge tone="neutral">0%</Badge>
</Step>
<Step title="Module 5: Web Accessibility" status="todo" subtitle="Not Started">
  <Badge tone="neutral">0%</Badge>
</Step>
</Steps>
</Card>

<Card title="Next Lesson">
<Callout tone="info" title="Continue where you left off">
  <strong>Module 3: JavaScript Fundamentals</strong><br/>
  Lesson 4: Functions and Scope<br/>
  <Badge tone="info">Next up</Badge>
</Callout>
<Button variant="primary" ask="Open lesson 4: Functions and Scope">Continue Learning</Button>
</Card>

<Card title="Course Rating">
<Stat label="Average Rating" value="4.8 / 5" icon="star" note="Based on 342 reviews" tone="success" />
</Card>

<FollowUps>
- Show me the course syllabus
- What are the prerequisites for this course?
- How long does this course take to complete?
- Show learner reviews
</FollowUps>