# Café Menu Screen

<Card title="Menu" subtitle="Freshly made every day">
<Badge tone="success">Open now</Badge> · 7:00 AM – 9:00 PM

<Tabs>
<Tab title="Drinks">
<Card title="Hot Drinks">
| Drink | Price |
|---|---|
| Espresso | $3.00 |
| Americano | $3.50 |
| Cappuccino | $4.00 |
| Latte | $4.50 |
| Flat White | $4.50 |
| Mocha | $5.00 |
| Hot Chocolate | $4.00 |
| Chai Latte | $4.50 |
| Matcha Latte | $5.00 |
</Card>

<Card title="Cold Drinks">
| Drink | Price |
|---|---|
| Iced Coffee | $4.00 |
| Iced Latte | $4.50 |
| Cold Brew | $4.50 |
| Iced Matcha | $5.00 |
| Fresh Orange Juice | $4.50 |
| Lemonade | $3.50 |
| Sparkling Water | $2.50 |
</Card>
</Tab>

<Tab title="Food">
<Card title="Breakfast & Brunch">
| Item | Price |
|---|---|
| Avocado Toast | $9.50 |
| Eggs Benedict | $11.00 |
| Pancakes | $9.00 |
| Granola Bowl | $8.00 |
| Croissant | $4.00 |
| Pain au Chocolat | $4.50 |
</Card>

<Card title="Lunch & Snacks">
| Item | Price |
|---|---|
| Grilled Cheese | $8.50 |
| Caprese Panini | $9.00 |
| Chicken Wrap | $10.00 |
| Caesar Salad | $9.50 |
| Soup of the Day | $6.00 |
| Hummus Plate | $7.50 |
</Card>
</Tab>
</Tabs>

<Switch label="Show vegetarian only" name="veg-filter" value=false hint="Filters out dishes containing meat or fish" />

<Callout tone="success" title="Today's Special">
**Pumpkin Spice Latte** — $5.50 · A seasonal favorite with house-made pumpkin purée and cinnamon dusting. *Vegetarian.*
</Callout>

<Card title="Opening Hours">
| Day | Hours |
|---|---|
| Monday – Friday | 7:00 AM – 9:00 PM |
| Saturday | 8:00 AM – 10:00 PM |
| Sunday | 8:00 AM – 6:00 PM |
</Card>

<Card title="Vegetarian Options">
<Badge tone="info">Vegetarian</Badge> items on the menu:

- **Drinks:** All drinks are vegetarian.
- **Food:** Avocado Toast, Pancakes, Granola Bowl, Croissant, Pain au Chocolat, Grilled Cheese, Caprese Panini, Caesar Salad, Soup of the Day, Hummus Plate.

<Callout tone="info" title="Tip">
Toggle the **"Show vegetarian only"** switch above to hide non-vegetarian items automatically.
</Callout>
</Card>

<Form name="menu-feedback">
<TextArea label="Feedback" name="feedback" placeholder="Tell us how we’re doing…" rows=3 />
<Button>Send</Button>
</Form>
</Card>