No-Code Platform Landing Page (Full Spec)

Landing Page Design Prompt — No-Code App Builder & Form Platform (customize all [BRACKETS]) 🎯 Product Context Product name: [YOUR_APP_NAME] Tagline concept: [e.g. Build apps. Collect data. Ship faster.] The product is a [no-code app builder + dynamic form builder + data submission platform] — combine strengths of [COMPETITOR_A: forms], [COMPETITOR_B: simplicity], [COMPETITOR_C: internal apps] with superior UI/UX and a modern design system. Primary audience: [Ops teams, PMs, SMBs, freelancers, non-technical builders] Primary SEO keywords: [no code form builder], [no code app builder], [internal tool builder] 🎨 Design Direction Aesthetic: Clean, minimal, modern with character — refined editorial minimalism meets developer-tool precision. Generous whitespace, strong type hierarchy, subtle depth, ONE bold accent throughout. Tone: Confident, efficient, polished. Theme: Light base [#F9F9F8], text [#111], accent [PICK ONE: #5C6BFF indigo | #00C2A8 teal], neutral grays for UI chrome. Typography: Display [Sohne | Cabinet Grotesk | Switzer | Neue Montreal] — NOT Inter/Roboto. Body [DM Sans | Geist | Plus Jakarta Sans]. Mono [JetBrains Mono] for badges. 📐 Page Structure (exact order) 1. Nav — sticky, blur on scroll, logo | Features, Templates, Pricing, Docs | CTA "Start for free" 2. Hero — H1 options (generate 3): e.g. "Build apps and forms your team will actually use." | Subhead 3-in-1 value | dual CTA | floating mockup (builder canvas) | social proof strip 3. Pain — "Other tools make you choose." 3-col: [Comp A forms not apps] | [Comp B complex] | [You: both + great UI] 4. Features ×4 alternating: Drag-drop app builder | Smart form builder | Data inbox/table | Publish share link/embed/QR 5. How it works — Design → Configure → Launch (connector line) 6. Templates gallery — 6–8 cards + browse all 7. Testimonials — 3 pull quotes 8. Pricing — 3 tiers + toggle + comparison table 9. FAQ — 8 SEO-friendly Q&As + schema 10. Final CTA band 11. Footer 4-col 🔍 SEO (required with build) Title, meta, H1-H3 map, SoftwareApplication + FAQ schema JSON-LD, slug, OG, alts, internal links to /templates /pricing /blog/[cluster] ⚙️ Technical Next.js App Router + Tailwind + Framer Motion | next/font | responsive 375–1440 | LCP <2.5s | semantic HTML + a11y AA 🚫 Avoid purple-gradient cliché, stock blobs, Inter primary, feature carousels, cramped spacing ✅ Success: 5-second value clarity, try-this urge, ranks for [PRIMARY_KW], production-ready sections Deliver: full section copy, component notes, and SEO package in one response.