Sticky navigation bar with dropdown menus for Programs, About, and Partner. Desktop-only (mobile uses bottom nav in Footer). Fetches navigation data from CMS.
Component: src/components/Header.astro — No props. Self-contained with CMS data fetching.
Live component ↓
Responsive footer with separate desktop (lg+) and mobile layouts. Desktop: 4-column grid with logo, sitemap, programs, and contact. Mobile: centered layout with bottom navigation bar.
Component: src/components/Footer.astro — No props. Fetches nav + programs from CMS.
Breakpoints: Desktop footer visible at lg: (1024px+). Mobile footer + bottom nav visible below that.
Live component ↓