Mental Health Mini Site

Mental Health Mini Site is a focused UVU student support minisite for people who need help but may not know where to start. The page puts emergency contacts first, then guides users into a searchable directory for counseling, accommodations, wellness, and referral resources.

When someone is stressed, overloaded, or trying to help another student, a long list of links is hard to use. The goal was to turn scattered support options into a page that answers one question quickly: what should I do next?

The design prioritizes urgent safety actions before general browsing, then lets students filter by category, timing, and practical next step. It is built for scanning, keyboard use, and low-friction access to official UVU resources.

The site is a TypeScript and Next.js 16 build with Tailwind CSS and Motion. Resource data lives in a typed local data file, while the directory component handles search, category filtering, urgency filtering, empty states, and safe external actions.

The implementation also includes keyboard-friendly controls, skip navigation, readable spacing at mobile sizes, and source-verification notes so the support links can be checked and maintained over time.

The final result is a compact support minisite with one clear first screen, one searchable directory, and a visual system that stays calm while still making urgent actions visible.