1. Header:

The top of the page has a fixed header that includes the Intercom logo, search bar, dashboard, and login button. The search bar allows users to search for specific content within the academy.

2. Hero Section:

A large hero section takes up most of the initial view of the page, with a hero image on the left and an introduction and call-to-action (CTA) button on the right. The hero section showcases the main value proposition of the academy.

3. Categories:

Right below the hero section is a grid of category icons with labels, which allow users to filter the content based on their interests.

4. Course Videos:

The main content section displays featured videos as thumbnails with titles, summaries, and durations. Users can click on a video to view it within the page, and the progress bar shows up to track their progress.

5. Filter and Sort Functionality:

Users can filter the video list based on their interests, such as product management or customer support, they can access popular courses, or sort by newest, most popular, or duration.

6. Video Modal:

When a user clicks on a video, a modal pops up that shows the video on the left, and the video description, transcript, and related courses on the right. This allows users to quickly navigate to related content and get more information on the video.

7. Footer:

The footer includes links to the main Intercom website, social media channels, and a support center. There is also a sitemap that lists all the different categories and subcategories of content.