landing-page-generator

Topics in the source

• Landing Page Generator
• Core Capabilities
• Generation Workflow
• Triggering This Skill
• Design Style Reference
• Copy Frameworks
• Representative Component: Hero (Centered Gradient — Dark SaaS)
• Other Section Patterns

Generate high-converting landing pages from a product description. Output complete Next.js/React components with multiple section variants, proven copy frameworks, SEO optimization, and performance-first patterns. Not lorem ipsum — actual copy that converts. Target: LCP / elements. -- PAS (Problem → Agitate → Solution) H1: Painful state they're in Sub: What happens if they don't fix it CTA: What you offer Example — H1: "Your team wastes 3 hours a day on manual reporting" / Sub: "Every hour spent on spreadsheets is an hour not closing deals. Your competitors are already automated." / CTA: "Automate your reports in 10 minutes →" AIDA (Attention → Interest → Desire → Action) H1: Bold attention-grabbing statement → Sub: Interesting fact or benefit → Features: Desire-building proof points → CTA: Clear action BAB (Before → After → Bridge) H1: "[Before state] → [After state]" → Sub: "Here's how [product] bridges the gap" → Features: How it works (the bridge) -- Use this as the structural template for all hero variants. Swap layout classes, gradient direction, and image placement for split, video-bg, and minimal variants. -- Map over a features array with { title, description, image, badge

This is an excerpt. Refer to the complete source and its current requirements.