Enablement Hub

@site-creator Build and deploy an internal Enablement Hub for our company.

Use @google-drive to find relevant training decks, documents, and recordings, @notion for resource pages and playbooks, and @slack for announcements and recommended learning links. Also include useful external training resources from our company’s official academy, documentation, and developer sites when available.

The app should list training resources, demos, playbooks, important links, recordings, and relevant Slack announcements. Store the catalog in D1.

Organize resources by:
- Role
- Team
- Product area
- Difficulty
- Format
- Freshness

Build a dynamic resources grid that updates immediately when users search or change filters. On desktop, place the search field and all filters on the same row. Allow controls to wrap cleanly on smaller screens.

Add bookmarks:
- Each resource card should have a selectable bookmark control.
- Save bookmarks per authenticated employee in D1.
- Add a “My learning” tab in the top navigation.
- Populate “My learning” with the employee’s bookmarked resources.
- Bookmarks must persist after reloads and across sessions.
- Show a helpful empty state when no resources have been saved.

Use the workspace-authenticated employee identity. In the top navigation, show a compact circular avatar containing only the uppercase first letter of the employee’s email alias. For example, `jamie.smith@company.com` should display `J`.

Design the app as a modern, airy internal hub with:
- A clean top navigation with “Discover” and “My learning”
- A bento-box Overview section without an “Overview” title
- Bento cards for a featured learning path, an important announcement, a key update, and newly added resources
- A Resources section below with the search and filter bar, resource count, and responsive content grid
- Clear visual source indicators for Drive, Notion, Slack, official academy content, and developer documentation

Use realistic content discovered from the connected company sources rather than placeholder text. Keep the design polished and responsive. Validate the D1 migrations, bookmark persistence, authenticated avatar letter, search behavior, filters, and mobile layout before deploying.