| 1 | // font-step/components/FontStepHeader.tsx |
| 2 | import { Type } from "lucide-react"; |
| 3 | |
| 4 | export function FontStepHeader() { |
| 5 | return ( |
| 6 | <div className="border-b border-border p-6"> |
| 7 | <div className="text-center"> |
| 8 | <h2 className="mb-2 flex items-center justify-center gap-2 text-2xl font-bold text-foreground"> |
| 9 | <Type className="size-6" /> |
| 10 | Fonts |
| 11 | </h2> |
| 12 | <p className="text-sm text-muted-foreground"> |
| 13 | Choose from our font pairings, or create your own |
| 14 | </p> |
| 15 | </div> |
| 16 | </div> |
| 17 | ); |
| 18 | } |
| 19 |