<Card title="Filter" subtitle="Narrow view by platform">
<Select label="Platform" options="All | Instagram | YouTube | TikTok | Twitter" name="platform_filter" placeholder="All platforms" value="All" hint="Filter view" required=true />
</Card>

<Stat label="Followers" value="12,345" change="▲ 8%" note="growth" tone=success />

<Stat label="Engagement Rate" value="4.5%" change="▼ 0.2%" note="rate" tone=neutral />

<Card title="Best Posts This Month">
- **Post 1:** Reach 150,000
- **Post 2:** Reach 120,000
- **Post 3:** Reach 95,000
- **Post 4:** Reach 80,000
</Card>

<Card title="Audience Split by Platform">
<Chart type="pie" title="Audience Share" x="Platform" y="Audience">
| Platform | Audience |
|---|---|
| Instagram | 45% |
| YouTube | 30% |
| TikTok | 15% |
| Twitter | 7% |
| Other | 3% |
</Chart>
</Card>

<Card title="Scheduled Posts This Week">
- Monday 10 AM – New video teaser
- Wednesday 2 PM – Blog link share
- Friday 6 PM – Live Q&A
- Sunday 8 PM – Recap post
</Card>

<Stat label="Best Hour" value="3 PM" change="" note="" tone=info />

<Stat label="Comments Pending" value="27" change="" note="awaiting reply" tone=warning />

<Stat label="Earnings" value="$4,200" change="" note="this month" tone=success />

<Card title="Pending Collaboration Requests">
- Brand A – Draft proposal
- Influencer B – Review terms
- Agency C – Contract negotiation
</Card>

<Form name="schedule-post">
<Input label="Caption" name="caption" type="text" placeholder="Write your post here..." required=true />
<Date label="Schedule at" name="schedule_time" hint="Pick date and time" required=true />
<Button variant="primary" href="#" size="large" label="Schedule Post" disabled=false />
</Form>