1. Header:

The top half of the page is occupied by the header. The header includes the logo, a hamburger menu, a search bar, a login button and a 'Get started for free' button.

2. Hero Section:

The hero section is placed right below the header. It includes the heading 'Build in minutes, launch overnight', a tagline, and a button that reads 'Get started for free'. The hero section also has a visual representation of the platform, where it showcases the drag-and-drop feature.

3. Features:

This section highlights the features of Bubble.io. The section consists of five sub-sections that each highlight one key feature of the platform. Each sub-section has a heading, a brief description, and an image that depicts the feature.

4. Customers:

This section highlights the success stories of customers who have used Bubble.io. The section includes a video, quotes, and images of the featured customers.

5. Compare:

This section compares Bubble.io to other similar platforms. The section includes a heading, a brief description, and a table that compares the features of Bubble.io with those of its competitors.

6. Plans & Pricing:

This section outlines the different pricing plans offered by Bubble.io. This section includes a heading, a brief description, and a table that summarizes the pricing plans.

7. Footer:

The footer occupies the bottom section of the page. It includes links to social media, frequently asked questions, and contact details.