Build a modern dark-mode SaaS landing page and dashboard layout for a basketball tournament platform called “Courtside Hoops.” Style & Theme: Dark mode (zinc/near-black background) Subtle glassmorphism cards Soft borders, rounded-2xl corners Minimal, premium SaaS look (similar to Tailark “Dusk”) Accent color: off-white with optional muted orange highlights Landing Page / Hero Section: Top navigation bar with logo on the left (“Courtside Hoops”) Navigation links: Venues, Tournaments, Portal, Director Two call-to-action buttons in the hero: “Director Sign In” (primary button) “Coach / Parent Sign In” (secondary button) Small badge above headline: “Built for basketball tournaments” Large bold headline and supporting subtext Right side shows a mock dashboard preview (cards, tables) Dashboard Layout (Director Portal): Left sidebar navigation Sidebar links: Dashboard, Venues & Courts, Tournaments & Brackets, Settings Main dashboard shows: 3–4 stat cards (Venues, Tournaments, Teams, Upcoming Games) Quick action cards (Create Venue, Create Tournament, Generate Bracket) Clean table layout for listing tournaments Portal Layout (Coach / Parent): Simpler layout than director Tabs or top navigation instead of full admin sidebar Pages: Home, Venues, Tournaments Large cards for venues and tournaments Technical Requirements: Use Tailwind CSS utility classes Responsive design (desktop + mobile) Clean semantic HTML that can be converted into React components No backend logic, no JavaScript behavior required Overall Goal: Create a professional, clean, modern UI that feels like a real tournament management SaaS and can be directly integrated into a Next.js + Tailwind project.