Startup Landing

About this block

Startup Landing is a prebuilt page that composes nine blocks from the Modern SaaS collection into a complete landing page with a calmer, story led tone, rendered in the order a visitor reads them. A full bleed photographic hero opens the page with a headline, a one line lede, and two CTAs topped by the sticky navbar. Below it a quiet logo row, a benefits grid framing the product principles, a numbered steps section, a testimonial card grid, a two plan pricing pair, an FAQ accordion, a newsletter signup, and a branded footer close out the flow.

It is the same idea as the Product Landing page built from a different set of blocks, so the two read as distinct layouts cut from one collection. The page is a short tree of sibling imports with no layout of its own, which means you reshape it by swapping an import for a sibling, reordering sections, or removing a beat entirely.

When to use

Reach for this layout when you need a full landing page that leads with story and proof before the ask. It suits a fintech or banking product launch where trust and clarity matter more than urgency, a consumer app going into early access, or any startup that wants a composed, credible first impression without a loud promotional tone. Compared to the Product Landing, this page is quieter: the hero is photographic rather than graphic, the close is a newsletter signup rather than a bold banner CTA, and the pricing is simpler.

A natural flow around it on a Modern SaaS page:

Before

• A navbar if you want to mount the header outside the hero block itself
• A hero section swap if your product calls for a different opener style

After

• A blog section to extend the page with recent content for readers who want more before signing up
• A pricing section swap if two plans are not the right framing for your offer

What you can customize

Each section is its own independent block, so customization is surgical:

• Swap a section. Trade any block for a sibling in the same group, such as a different logo cloud from Logo Clouds or a different proof layout from Testimonials.
• Reorder the flow. Move pricing up to lead with the offer, or push benefits below the proof; the spacing holds wherever a block lands.
• Trim or extend. Drop any section you do not need, or add another from the collection such as one from CTAs to add a mid page conversion prompt.

Tip: keep the hero first so the sticky navbar stays at the top, then rewrite the copy inside each block to match the product you are launching.