Lovableprofessionbeginner
SaaS Landing Page — Complete Founding Prompt
Build a high-converting SaaS landing page in Lovable with waitlist capture, pricing tiers, and glassmorphism design.
What you'll get
A dark, modern SaaS landing page with waitlist capture, pricing tiers, and glassmorphism design elements.
The Prompt
Build a high-converting SaaS landing page for [PRODUCT_NAME]: [PRODUCT_DESCRIPTION]. It's designed for [TARGET_USERS] who need [KEY_BENEFIT]. Planned launch: [LAUNCH_TIMELINE]. ABOUT: - [PRODUCT_NAME] — [PRODUCT_DESCRIPTION] - Built for [TARGET_USERS] - Key benefit: [KEY_BENEFIT] - Launch timeline: [LAUNCH_TIMELINE] SECTIONS (Single-Page Layout): 1. Hero — Bold headline focused on [KEY_BENEFIT], sub-headline explaining what [PRODUCT_NAME] does in one sentence, email capture field with "Join Waitlist" button saving to Supabase "waitlist" table, and a product mockup or abstract illustration. 2. Problem/Solution — Three pain points [TARGET_USERS] face on the left, three solutions [PRODUCT_NAME] provides on the right. Visual before/after comparison. 3. Features — Six feature cards in a 3x2 grid with icon, title, and description. Highlight the top differentiator with a larger featured card. 4. How It Works — Three-step process with numbered icons: Sign Up, Configure, Launch. Each step with a brief description. 5. Pricing — Three-tier pricing cards (Free, Pro, Enterprise) with feature comparison, recommended badge on Pro, annual/monthly toggle, and CTA buttons. 6. Testimonials — Three testimonial cards with avatar, name, role, company, and quote. If pre-launch, use founder quotes or beta tester feedback. 7. FAQ — Accordion with 6-8 common questions about pricing, features, data security, and integrations. 8. Final CTA — Repeating the waitlist email capture with urgency copy and current signup count. DESIGN: - Background: Dark #0F172A, Primary: Purple #7C3AED, Secondary: Blue #3B82F6 - Typography: Modern sans-serif (Inter for all text) - Glassmorphism cards with backdrop blur and subtle borders - Gradient text on headings, animated gradient orbs in background - Subtle scroll-triggered fade-in animations TECHNICAL: - Waitlist form saves to Supabase "waitlist" table: id, email, referral_source, created_at - SoftwareApplication structured data (JSON-LD) - SEO targeting "[PRODUCT_NAME]" and key benefit keywords - Mobile-responsive single-page scroll - Smooth anchor navigation between sections - Loading state and success message on form submit
Replace these variables
| Variable | Replace with |
|---|---|
| [PRODUCT_NAME] | Name of the SaaS product |
| [PRODUCT_DESCRIPTION] | One-sentence product description |
| [TARGET_USERS] | Target user persona (e.g., marketing teams, freelancers) |
| [KEY_BENEFIT] | Primary value proposition |
| [LAUNCH_TIMELINE] | Expected launch date or quarter |
Tips for best results
Focus the headline on the benefit, not the product name — visitors care about what it does for them.
Add a live waitlist counter to create social proof and FOMO.
Follow-up prompts
Add referral system
Add a referral system where waitlist signups get a unique referral link. Track referrals in Supabase and show their position and referral count on a status page.
Add changelog
Add a Changelog page that shows product updates with date, version, and description. Pull from a Supabase "changelog" table.