1. Header:

The page starts with a header that includes the GraphCMS logo on the left with clickable links to other parts of the website and a hamburger menu on the right. The menu can be used to navigate to other parts of the website, log in, sign up, and contact GraphCMS.

2. Main Section:

The main section of the page displays the pricing plans offered by GraphCMS. The entire section is divided into three different categories — Solo, Pro and Company.

3. Solo:

The first block displays information about the Solo pricing plan, which is designed for individuals and freelancers. It includes a table which shows the key features and benefits of the plan along with its price.

4. Pro:

The second block displays information about the Pro pricing plan, which is designed for small to medium-sized businesses. Similarly, it includes a table which shows the key features and benefits of the plan along with its price.

5. Company:

The third and final block displays information about the Company pricing plan, which is designed for enterprise-level users. It includes an enterprise-level package which can be customised according to the specific requirements of a business.

6. Features:

The tables presented in each block highlight various features of the plans such as content editors, roles and permissions, custom UI extensions, and much more.

7. Sidebar:

The sidebar located on the right provides an overview of the pricing plans with their monthly and yearly charges. It also includes a calculator that can be used to estimate the cost of a particular package based on the number of API requests per month.

8. CTA:

Each block has a bright orange "Get Started" CTA button that invites users to sign up for the particular plan.

9. Footer:

The page ends with a footer that includes links to important resources such as the blog, documentation, and the GraphCMS community. It also includes links to social media platforms where GraphCMS is active.