24 Lovable Prompts for Landing Pages (2026)

Build a single-page marketing site for [PRODUCT], a [ONE-LINE DESCRIPTION] SaaS.

Sections, in this order:
1. Sticky nav: logo left, links (Features, Pricing, FAQ), "Start free" button right.
2. Hero: bold headline about [MAIN BENEFIT], one-sentence subhead, primary CTA "Start free" and secondary "Watch demo", a product screenshot placeholder to the right.
3. Logo bar: "Trusted by teams at" with 5 grayscale placeholder logos.
4. Features: 3-column grid, each with an icon, title, and 2-line description covering [FEATURE 1], [FEATURE 2], [FEATURE 3].
5. Pricing: 3 tiers (Free, Pro, Team) with feature lists and a highlighted Pro plan.
6. FAQ: 5 common questions in an accordion.
7. Footer: links, small print, copyright.

Tone: confident and clear, no hype. Use a clean modern look with generous whitespace. Make it fully responsive.

Create a launch page for [PRODUCT], launching [DATE].

Include:
- A hero with an "Available [DATE]" badge, a headline announcing the launch, a subhead about [WHAT IT DOES], and a primary CTA "Get [PRODUCT]".
- A 3-step "How it works" section with numbered cards.
- A highlights section: 4 key features as cards with icons.
- A short testimonial quote block.
- A final CTA band with the launch date and the same "Get [PRODUCT]" button.

Style: energetic but not gimmicky, high-contrast, one accent color [HEX]. Fully responsive.

Build a download landing page for [APP], a mobile app that [WHAT IT DOES].

Sections:
1. Hero split layout: left side has the headline, subhead, and App Store + Google Play badge buttons; right side shows a phone mockup placeholder.
2. Features: 3 rows alternating image-left / image-right, each describing one benefit.
3. Screenshots carousel placeholder with 4 slides.
4. Ratings band: "4.8 stars, 10k+ downloads" with star icons.
5. Final CTA: "Download [APP] free" with both store badges.
6. Footer with support and privacy links.

Rounded, friendly design with soft shadows. Fully responsive, mobile-first.

Create a one-page site for [AGENCY NAME], a [TYPE] agency.

Sections:
- Hero: headline about the outcome we deliver, subhead, "Book a call" CTA.
- Services: 3-4 cards (e.g. [SERVICE 1], [SERVICE 2], [SERVICE 3]) with short descriptions.
- Process: a 4-step timeline.
- Selected work: a 3-item project grid with image placeholders and captions.
- Testimonials: 2 client quotes with names and companies.
- Contact CTA: "Book a call" button and an email link.

Editorial, premium feel. Dark section backgrounds with a single accent [HEX]. Responsive.

Build a personal portfolio site for [NAME], a [ROLE].

Sections:
1. Hero: large "Hi, I'm [NAME]" headline, one line about what I do, and links to email and [SOCIAL].
2. About: a short 3-sentence bio.
3. Projects: a responsive grid of 4-6 project cards with title, one-line description, tag chips, and a "View" link.
4. Skills: a simple list or tag cloud of [SKILLS].
5. Contact: a "Get in touch" button that opens a mailto link to [EMAIL].

Minimal, typography-led design with plenty of whitespace and a subtle accent color. Fully responsive.

Create a website for [BUSINESS], a [TYPE] in [CITY].

Sections:
- Hero: business name, tagline, "Call now" and "Get directions" buttons.
- Services / menu: a grid of [WHAT WE OFFER] with short descriptions and prices.
- Hours & location: opening hours table and an embedded map placeholder with the address.
- Gallery: a 6-image grid placeholder.
- Reviews: 3 short customer quotes with star ratings.
- Footer: phone, address, hours, and social links.

Warm, welcoming style that suits a [TYPE]. Mobile-first and fully responsive.

Add a hero section at the top of the page.

Layout: two columns on desktop, stacked on mobile.
- Left: an eyebrow label "[CATEGORY]", a bold headline about [MAIN BENEFIT] (max 8 words), a one-sentence subhead, a primary CTA button "[CTA TEXT]" and a text-link secondary CTA.
- Right: a browser-window mockup placeholder for a product screenshot.

Add generous top and bottom padding and a soft gradient background. Keep everything else on the page the same.

Add a features section below the hero.

A 3-column grid on desktop (1 column on mobile). Each card has: a line icon, a short title, and a 2-line description. Use these features:
- [FEATURE 1]: [WHAT IT DOES]
- [FEATURE 2]: [WHAT IT DOES]
- [FEATURE 3]: [WHAT IT DOES]
- [FEATURE 4]: [WHAT IT DOES]
- [FEATURE 5]: [WHAT IT DOES]
- [FEATURE 6]: [WHAT IT DOES]

Add a short section heading and subheading above the grid. Only add this section; keep the rest unchanged.

Add a testimonials section.

Show 3 testimonial cards in a row (stacked on mobile). Each card has: a short quote, an avatar placeholder, the person's name, and their role and company. Use these:
- "[QUOTE 1]" — [NAME], [ROLE] at [COMPANY]
- "[QUOTE 2]" — [NAME], [ROLE] at [COMPANY]
- "[QUOTE 3]" — [NAME], [ROLE] at [COMPANY]

Add a heading like "What customers say" above. Subtle card borders and shadow. Keep everything else the same.

Add a pricing section with a monthly / annual toggle.

Three tiers: Free, Pro, and Team. Show prices for both billing periods, and when "annual" is selected show the discounted price and a "save 20%" note. Each tier lists its features with checkmarks, and Pro is visually highlighted as "Most popular". Each has a CTA button.

Make the toggle a real, working switch that updates the displayed prices. Fully responsive. Keep the rest of the page unchanged.

Add an FAQ section with an accordion.

Include these questions, each expandable to reveal its answer, with only one open at a time:
1. [QUESTION 1]
2. [QUESTION 2]
3. [QUESTION 3]
4. [QUESTION 4]
5. [QUESTION 5]

Add a "Frequently asked questions" heading. Smooth expand/collapse and a chevron that rotates. Accessible with keyboard support. Keep everything else the same.

Add a stats band as a full-width colored section.

Show 4 metrics in a row (2x2 on mobile), each with a large number and a short label:
- [NUMBER] [LABEL]
- [NUMBER] [LABEL]
- [NUMBER] [LABEL]
- [NUMBER] [LABEL]

Use a dark background with the accent color [HEX] for the numbers. Center-aligned. Only add this section.

Add a closing CTA section and a footer.

CTA band: a centered headline "[CLOSING HEADLINE]", a one-line subhead, and a primary button "[CTA TEXT]". Give it a bold background so it stands out.

Footer below it: 3-4 link columns (Product, Company, Resources, Legal), a small logo and tagline, social icons, and a copyright line "© 2026 [COMPANY]". Fully responsive. Keep everything above unchanged.

Build a waitlist landing page for [PRODUCT].

Frontend: a centered hero with the headline "[HEADLINE]", a one-sentence subhead, and an email signup form (single email input + "Join the waitlist" button). On success, show a "You're on the list!" confirmation and hide the form.

Backend (use Lovable Cloud): create a "waitlist" table with columns id, email, created_at. Wire the form to insert the email into that table. Add row level security so anonymous users can insert but not read. Validate the email format and prevent duplicate signups.

Clean, single-column, mobile-first design. One accent color [HEX].

Build a coming-soon page for [PRODUCT], launching [DATE].

Center a big headline "[HEADLINE]", a short subhead, and a live countdown timer (days, hours, minutes, seconds) counting down to [DATE] [TIME ZONE]. Below it, an email input and "Notify me" button.

Store the notify emails in a Lovable Cloud table called "notify" (id, email, created_at) with RLS allowing insert only. Full-viewport background with a subtle gradient. Responsive.

Add a newsletter signup section to the page.

A compact band with a heading "[HEADING]", one line of supporting copy, an email input, and a "Subscribe" button laid out inline on desktop and stacked on mobile. Add a small "No spam, unsubscribe any time" note under the form.

Store submissions in a Lovable Cloud "subscribers" table (id, email, created_at) with insert-only RLS, validate the email, and show an inline success message. Keep everything else the same.

Build a contact page.

Two columns on desktop: left has a heading, a short "Get in touch" paragraph, and contact details (email, phone, address); right has a form with Name, Email, Subject, and Message fields plus a "Send message" button.

Store submissions in a Lovable Cloud "messages" table (id, name, email, subject, message, created_at) with insert-only RLS. Validate required fields, show inline errors, and display a thank-you state after submitting. Fully responsive.

Build a lead-magnet landing page offering a free download of "[EBOOK/GUIDE TITLE]".

Left: a cover-image placeholder for the ebook. Right: a headline about what the reader will learn, 3 bullet takeaways, and a form (Name + Email) with a "Send me the guide" button.

Use Lovable Cloud: store leads in a "leads" table (id, name, email, created_at) with insert-only RLS. After submit, reveal a download link to [FILE URL] and show a thank-you message. Responsive, focused, distraction-free.

Apply my brand style across the whole page.

Colors: primary [HEX], secondary [HEX], accent [HEX], background [HEX], text [HEX].
Fonts: headings in [FONT] and body in [FONT] (load from Google Fonts).
Buttons: [rounded/pill/square] with a subtle hover state.
Spacing: generous, airy.

Set these as design tokens so they apply consistently everywhere. Do not change the layout or copy — only restyle. Also add this palette and these fonts to the Knowledge file so future prompts reuse them.

Add subtle scroll-reveal animations.

As each section enters the viewport, fade and slide it up gently (short duration, ease-out). Stagger cards in grids slightly. Respect prefers-reduced-motion and disable animations for users who request it.

Keep it tasteful — no bouncing or heavy effects. Do not change any content, layout, or colors; only add the animations.

Make the entire page fully responsive and mobile-first.

Check every section at 375px, 768px, and 1280px. Fix any overflow, stack multi-column sections into single columns on mobile, scale down headline sizes, ensure tap targets are at least 44px, and collapse the nav into a hamburger menu on small screens.

Only adjust responsiveness and spacing — keep the content and design identical on desktop.

Add a dark mode.

Add a toggle in the nav (sun/moon icon) that switches between light and dark themes and remembers the choice. In dark mode use a near-black background, light text, and adjust the accent color for good contrast. Ensure all sections, cards, borders, and buttons look correct in both themes and meet WCAG AA contrast.

Default to the user's system preference. Keep the light theme exactly as it is now.

Add SEO and social sharing metadata to the page.

- Title tag: "[PAGE TITLE — under 60 chars]".
- Meta description: "[150-160 CHARACTER DESCRIPTION]".
- Open Graph tags (og:title, og:description, og:type=website, og:url [URL], og:image [IMAGE URL]).
- Twitter card tags (summary_large_image).
- A canonical link to [URL].
- One clear H1, semantic section headings, and descriptive alt text on every image.

Do not change any visible content or layout — only add the metadata and fix headings/alt text.

Create a second version of the hero headline and subhead for an A/B test.

Keep everything else on the page exactly the same. Only change the hero: write an alternative headline that emphasizes [DIFFERENT ANGLE, e.g. speed instead of price] and a matching subhead. Show me both the current and the new version side by side so I can compare, and don't remove the original.