Next.js App Router Page

Build a Next.js 14 App Router page for [PAGE PURPOSE].

Route: /[ROUTE]
Data: [SERVER/CLIENT COMPONENT]
Data source: [API/DATABASE]

Implement:
- Server Component for data fetching
- Loading.tsx skeleton UI
- Error.tsx error boundary
- TypeScript types
- Metadata for SEO
- Responsive layout with Tailwind
- Suspense boundaries

Include both page.tsx and required sub-components.