import { BookA, Clock, GraduationCap } from 'lucide-react' interface CourseHeroProps { title: string subtitle: string description: string stats?: { label: string icon: React.ReactNode accent: string }[] instructors?: { name: string icon: React.ReactNode accent: string }[] } export function CourseHero({ title, subtitle, description, instructors }: CourseHeroProps) { return (
{/* Chapter label */}
Chapter Introduction

{title}

Learn the foundations of Supabase, the Postgres development platform.

In this short course, you'll explore how Supabase brings together Database, Auth, Storage, Edge Functions, and Realtime into a unified developer platform.

{/* Course metadata */}
5 Chapters
~1 hour
Beginner
) }