|
| 1 | +# PR: Community + Use Cases Pages, Loading States, and UI Polish |
| 2 | + |
| 3 | +## Overview |
| 4 | +This PR completes the remaining UX items for the Stellar Suite marketing site. It adds new Community and Use Cases pages, introduces lightweight loading states, and improves navigation with a top route loader and a scroll-to-top affordance. The changes are intentionally small and straightforward. |
| 5 | + |
| 6 | +## What’s Included |
| 7 | +- **Community page** with contributor highlights, stats, and contribution paths. |
| 8 | +- **Use cases & examples page** showcasing common workflows and template-driven examples. |
| 9 | +- **Top route loader** for visible feedback on navigation. |
| 10 | +- **Scroll-to-top button** on the home page for long-scroll UX. |
| 11 | +- **Skeleton loaders** for app-level and key routes (home, blog index, blog post, FAQ, community, use cases). |
| 12 | +- **Navigation updates** to surface the new pages. |
| 13 | + |
| 14 | +## Implementation Notes |
| 15 | +- Kept components minimal and direct. |
| 16 | +- Loading UI uses the existing `Skeleton` component. |
| 17 | +- Route loader responds to `usePathname` changes and stays lightweight. |
| 18 | +- Scroll-to-top is only mounted on the home page. |
| 19 | + |
| 20 | +## Files Touched (High-Level) |
| 21 | +- New pages: `frontend/src/app/community/page.tsx`, `frontend/src/app/use-cases/page.tsx` |
| 22 | +- New loading states: `frontend/src/app/**/loading.tsx` |
| 23 | +- New UI components: `frontend/src/components/RouteTopLoader.tsx`, `frontend/src/components/ScrollToTopButton.tsx` |
| 24 | +- Navigation: `frontend/src/components/Navbar.tsx` |
| 25 | +- Layout/home updates: `frontend/src/app/layout.tsx`, `frontend/src/app/page.tsx` |
| 26 | + |
| 27 | +## Issues Closed |
| 28 | +- Closes #269 |
| 29 | +- Closes #268 |
| 30 | +- Closes #266 |
| 31 | +- Closes #263 |
| 32 | +- Closes #259 |
| 33 | + |
| 34 | +## Testing |
| 35 | +- Not run (UI-only changes). |
| 36 | + |
| 37 | +## Notes for Reviewers |
| 38 | +- Copy and layout are easy to adjust if you want different emphasis. |
0 commit comments