1. Header:

The top section of the page includes the Miro logo on the left with a search bar and login button on the right. The main navigation menu, with options including "Product," "Features," "Pricing," "Templates," and "Blog," is located directly below.

2. Hero Section:

Below the header, there is a hero section with a background video displaying the Miro platform in action, accompanied by a call-to-action (CTA) button that invites users to "Start free trial."

3. Introduction:

Below the hero section, there is a brief introduction to the Miro Academy. This section provides a general overview of what the Academy is and how it can benefit users.

4. Course Categories:

The next section highlights the three main categories of courses offered within the Miro Academy: "Design," "Visual Storytelling," and "Agile & Lean." Each category is represented by a colorful, illustrated banner with a brief description of what can be learned in each category.

5. Featured Courses:

Underneath the course categories section, three featured courses are displayed. Each course includes an image, title, brief description, and CTA button to "Explore course."

6. Course Library:

Below the featured courses section is the Course Library, which displays all available courses in a grid format.

7. Course Cards:

Each course in the Course Library is displayed as a card with an image, title, brief description, and CTA button to "Explore course."

8. Filters:

On the right-hand side of the Course Library section, there are various filters that allow users to sort courses by category, level of difficulty, and content type.

9. About the Miro Academy:

At the bottom of the page, there is a brief overview of the Miro Academy, including its purpose and benefits, as well as a CTA button that encourages users to "Start learning."