Skip to content
GetUrUI

SaaS landing

ProAI page recipe11 sections

A full Pro SaaS landing page: navbar, announcement, animated workflow hero, logos, feature rows, comparison, pricing, testimonials, safeguards, call to action and footer.

Open full page
Live preview
Open

With your AI agent

Ask Cursor or Claude Code to build it

With the GetUrUI MCP server connected, paste this prompt and fill in your product. Your agent reads the recipe, installs it and rewrites the copy.

Use the GetUrUI MCP server (https://geturui.com/api/mcp): call get_recipe("saas-landing") and build my landing page for <product: what it does and who it's for>.

- Install it with the command get_recipe returns (npx shadcn@latest add @geturui-pro/recipe-saas-landing). My @geturui-pro registry token is already set up.
- Rewrite every field in the recipe's content map inside components/recipes/saas-landing.tsx for my product. Keep the section order and don't edit the section components.
- Render <SaasLanding /> from app/page.tsx (or the route I name), then follow the recipe's agent notes.
- Leave out anything you can't fill with real facts, such as testimonials or customer logos, and tell me what you removed.

With the CLI

Install every section and the page file

One command adds the 11 sections and components/recipes/saas-landing.tsx. Your app/page.tsx is never touched: render <SaasLanding /> where you want it.

Needs GetUrUI Pro and your private registry token. Add the @geturui-pro registry once — setup guide.

$npx shadcn@latest add @geturui-pro/recipe-saas-landing

Installing this recipe, from the CLI or through MCP, downloads its 10 Pro sections. That counts as using Pro, and one use ends the 14-day refund on your plan. Refund policy

Top to bottom

What's in the stack

  1. 01Announcement
    Announcement Bars · SlimPro

    One quiet line for news above the navbar; dismissible and rotates through a couple of messages.

  2. 02Navbar
    Navbar · PillPro

    Floating glass pill that stays out of the hero, then springs wider on scroll to reveal the CTA.

  3. 03Hero
    Hero Sections · Aurora workflowPro

    Shows the product working, a request running trigger to action, right under the promise.

  4. 04Logos
    Logo CloudFree

    Low-key proof between the hero and the detail; the marquee keeps the page calm.

  5. 05Features
    Feature Sections · Alternating rowsPro

    Four capabilities, each with a live visual (queue, report, rules, history), read top to bottom like a tour.

  6. 06Comparison
    Comparison · Feature matrixPro

    Answers 'why not what we use now' before the price, with a differences-only toggle.

  7. 07Pricing
    Pricing · Plan duoPro

    Two plans keep the decision simple; the glowing featured card points to the recommended one.

  8. 08Testimonials
    Testimonials · SpotlightPro

    One large quote at a time after the price. Placeholders: remove it until you have real quotes.

  9. 09Security
    Trust Center · SafeguardsPro

    Clears the security question that blocks team rollouts, right before the final ask.

  10. 10Call to action
    CTA Sections · LiquidPro

    A contained, bold closing panel with one primary action and reassurance under it.

  11. 11Footer
    Footer Sections · DirectoryPro

    Full link directory, newsletter and legal row to close a long page.

Plus one page file, components/recipes/saas-landing.tsx, that wires them together with your copy.

Starting out?

Free

The free version: SaaS landing (lite)

A complete SaaS landing page from free GetUrUI blocks: header, hero, logos, features, numbers, pricing, FAQ, call to action and footer.

See the 9-section recipe

Templates

Need a multi-page, designed site?

Templates are complete Next.js projects with several pages, their own design and the full source.

See templates

All recipes