L
🚀Marketing Landing Page

SaaS Landing Page

Build a high-converting SaaS landing page with hero, features, pricing, and email capture.

Hero sectionFeature gridPricing tableTestimonialsFAQ accordionEmail capture

The Prompt

✨ Ready-to-use Lovable Prompt

Open Lovable
Build a high-converting SaaS landing page with the following sections:

**Navigation:**
- Sticky nav: logo left, links centre (Features, Pricing, About, Blog), CTA button right ("Start Free Trial" in primary colour)
- Mobile hamburger menu

**Hero:**
- Bold headline: [describe your product's main benefit]
- Subheadline: one sentence expanding on the benefit
- Two CTA buttons: primary ("Start Free — No Credit Card") and secondary ("See a Demo")
- Product screenshot or mockup below the CTAs (use a placeholder image I can replace)
- Social proof: "Join 2,000+ teams already using [Product]"

**Features (3 or 6 cards):**
- Feature grid with icon, title, and 2-sentence description for each feature
- Section heading: "Everything you need to [main job to be done]"

**How It Works:**
- 3-step process with numbered icons: Step 1, Step 2, Step 3
- Clean horizontal layout on desktop, vertical on mobile

**Pricing:**
- Three pricing tiers: Free, Pro (£29/mo), Business (£99/mo)
- Feature comparison checklist for each tier
- "Most Popular" badge on the Pro tier
- Monthly/Annual toggle with annual savings shown (e.g., "Save 20%")
- CTA button per tier

**Social Proof:**
- 6 customer testimonials in a 3×2 grid (name, photo placeholder, company, quote)
- Logos of 6 well-known companies as a trust strip

**FAQ:**
- 8 frequently asked questions in accordion format

**Footer CTA:**
- "Ready to get started?" section with email input + "Get Early Access" button

**Design:**
- Modern, clean SaaS aesthetic
- Primary colour: [specify your brand colour]
- White background with subtle grey sections for contrast
- Smooth scroll behaviour
- Fully responsive

How to Use This Prompt

  1. 1

    Copy the prompt

    Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.

  2. 2

    Open Lovable

    Go to lovable.dev and create a new project. If you're on the free plan, you get 5 credits/day.

  3. 3

    Paste and send

    Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.

  4. 4

    Iterate and refine

    Review what Lovable builds. Use follow-up prompts to refine the design, add features, or fix anything that's off.

Pro Tips

  • Include 'No Credit Card Required' in your CTA — it significantly increases sign-up conversion
  • Ask Lovable to add 'Monthly/Annual pricing toggle' upfront — retrofitting it later adds complexity
  • Specify 'accordion FAQ' — it's better for SEO and UX than a flat list
  • Ask for 'social proof' even with placeholders — you can fill in real testimonials after launch

Prompt Variations

Different versions of this prompt for specific use cases.

Minimal one-pager

Build a minimal, single-section landing page for a new product launch. Just: a large headline, 2-line description, email capture input ('Get early access'), and a submit button. Absolutely no clutter. White background, one accent colour. The email should be saved to Supabase and the user shown a 'You're on the list!' confirmation.

Frequently Asked Questions

Can Lovable build a landing page that collects email sign-ups?
Yes. Ask Lovable to 'save email sign-ups to a Supabase table called waitlist' and it will build the form, the Supabase connection, and a success confirmation message.
How do I connect my Lovable landing page to Mailchimp or ConvertKit?
Ask Lovable to 'send email sign-ups to a Resend or Mailchimp API endpoint.' Lovable will write the API call and handle the form submission.

Ready to build?

Copy the prompt above, then paste it into Lovable. Your app starts building instantly.

Try Lovable Free