1. Header:

The top of the page features the Frontapp logo on the left side, followed by links to the pricing page and the login page on the right side. There is also a CTA to try Frontapp for free that stands out against the dark background.

2. Hero Section:

The main image on the page showcases the product's interface and highlights a few key features. The copy is succinct and empathetic, with a clear message that Frontapp saves time and streamlines communication.

3. Section Two:

The section below the hero features the Heading "Why Front?" and highlights the benefits of Frontapp in bullet points. It also includes a video that showcases the product in action and a form to sign up for a demo.

4. Section Three:

The next section is titled "Features" and showcases different parts of the product interface for each category. There are five categories: Teams, Inboxes, Automation, Integrations, and Analytics. Each category links to its respective feature page on the site.

5. Section Four:

"See how it works" is a step-by-step guide to implementing Frontapp in your communication workflow. This section highlights some of the key features of Frontapp and shows how they work together to save time and increase productivity.

6. Section Five:

The final section highlights a few case studies and customer testimonials. The copy emphasizes how Frontapp has helped real companies improve their communication and streamline their workflow. There is a CTA button to try Frontapp for free at the end of this section.

7. Footer:

The footer contains links to the blog, careers page, and various social media channels. There is also a CTA to try Frontapp for free that stands out in a contrasting color.