1. Header:

The top section of the page contains the header, which includes the Proof logo, navigation menu, and a call-to-action button for signing up.

2. Hero section:

This is the first section that visitors will see on the page. It features a full-width background image with a short, punchy headline that summarizes the page's content. Below the headline are two buttons that direct visitors to either schedule a demo or sign up for Proof’s services.

3. Playbook tiles:

The next section of the page contains a grid of tiles, each representing one of Proof’s Playbooks. These tiles display a thumbnail image, the name of the Playbook, a brief description, and a button that directs visitors to view the Playbook.

4. How it works:

This section contains a vertical timeline that explains how Proof’s Playbooks work. Each step in the timeline is accompanied by an icon and a short description.

5. Features section:

In this section, Proof highlights some of the key features of its Playbooks, such as customizable templates, real-time updates, and analytics.

6. Social proof:

Proof leverages social proof in this section by showcasing customer testimonials and logos. The testimonials highlight the benefits of using Proof’s Playbooks, while the logos establish Proof’s credibility.

7. Pricing:

The pricing section includes two tabs - one for monthly plans and the other for annual plans. Each tab displays three different pricing tiers: Free, Business, and Enterprise. The pricing tiers include a brief description of what’s included and a “Try for free” button.

8. FAQ:

The FAQ section answers some of the most common questions that visitors might have about Proof’s Playbooks. The questions are displayed in collapsible accordion-style sections.

9. CTA:

The page ends with a final call-to-action button inviting visitors to sign up for Proof’s services.