Overview
The AI Page Builder generates a full landing page from a single sentence describing your idea. It creates headlines, subheadlines, feature sections, social proof blocks, CTAs, and even suggests images.
How to use it
1. Describe your idea
When creating a new project, select **Generate with AI**. Enter a description like:
> "An AI-powered meal planner that creates personalized weekly menus based on dietary restrictions, budget, and grocery store availability."
The more specific you are, the better the output.
2. Review the generated page
The AI produces a complete page with:
**Hero section** — Headline, subheadline, and CTA
**Problem section** — 3-4 pain points your audience faces
**Solution section** — How your product solves them
**Features grid** — 4-6 key features with icons and descriptions
**Social proof** — Placeholder testimonials and trust badges
**CTA section** — Final call-to-action with signup form
3. Edit and refine
Click any section to edit:
**Click text** to edit copy inline
**Right-click a section** to access options: duplicate, delete, move up/down
**Use the "Regenerate" button** on any section to get a new AI variation
AI copy modes
You can set the tone for AI-generated copy:
**Professional** — Clean, corporate, trustworthy
**Casual** — Friendly, conversational, approachable
**Bold** — Punchy, provocative, attention-grabbing
**Technical** — Detailed, spec-driven, developer-focused
4. Customize design
The **Design** panel on the right lets you change:
**Color scheme** — Primary color, background, text
**Typography** — Font family and sizes
**Spacing** — Section padding and margins
**Rounded corners** — From sharp to fully rounded
Tips for better AI output
Use specific numbers: "saves 3 hours/week" beats "saves time"
Mention your target audience explicitly
Include your key differentiator
Run **regenerate** 2-3 times and cherry-pick the best sections from each