Landing Pagesbeginner
Build a Complete Landing Page
A single prompt that produces a full landing page with real structure — hero, proof, offer, FAQ and a working contact form.
When to use it
Marketing site
Lovable Prompt
Build a landing page for [BUSINESS], which helps [AUDIENCE] to [OUTCOME]. Sections in this order: 1. Hero with one clear headline, one sentence of supporting copy, and a primary call to action. 2. Three benefits, each with a short heading and one sentence. 3. How it works in three steps. 4. Social proof placeholder section (do not invent testimonials — use clearly labelled placeholders). 5. Pricing or offer summary. 6. FAQ with five questions. 7. Contact form with name, email and message, with validation and a visible success state. Design: clean and typographic. No large gradients, no floating shapes, no purple glow. Use a restrained palette and strong type hierarchy. Also set a unique page title and meta description, and make sure the layout works at 375px width.
Build your version of this prompt
Fill in your details and the prompt below updates as you type. Anything you skip stays as a square-bracket placeholder so you can see what's still missing.
Your prompt
Build a landing page for [Business], which helps [Audience] to [Outcome]. Sections in this order: 1. Hero with one clear headline, one sentence of supporting copy, and a primary call to action. 2. Three benefits, each with a short heading and one sentence. 3. How it works in three steps. 4. Social proof placeholder section (do not invent testimonials — use clearly labelled placeholders). 5. Pricing or offer summary. 6. FAQ with five questions. 7. Contact form with name, email and message, with validation and a visible success state. Design: clean and typographic. No large gradients, no floating shapes, no purple glow. Use a restrained palette and strong type hierarchy. Also set a unique page title and meta description, and make sure the layout works at 375px width.
3 fields still empty — the prompt works better when they're filled in.
How to use this prompt
- Fill in the fields above — plain language beats jargon.
- Copy the prompt and paste it into Lovable as a single message.
- Let it finish before you send anything else, then read what changed.
- If the result is close but not right, describe the difference rather than restating the whole prompt.
Suggested follow-up prompt
Review what you just built for Build a Complete Landing Page. 1. List anything you changed that I did not ask for, and undo it. 2. Check it works on a 375px-wide phone screen: no horizontal scrolling, tap targets at least 44px. 3. Confirm every form shows a clear error and a clear success state. 4. Tell me in plain language what is still missing before this is safe to publish. Do not add new features in this step.
Why it works
It specifies section order and content rules, which removes almost all of the ambiguity that produces generic pages.
Was this prompt helpful?
