How to Create a Single-Page Website

Build a complete website on a single scrolling page.

What is Single-Page

A single-page website has:

• All content on one page
• Smooth scroll navigation
• No page transitions
• Anchor links to sections

When to Use

Single-page works best for:

• Landing pages
• Product launches
• Event pages
• Portfolios
• Coming soon pages

Step 1: Write Your Prompt

Describe your website and mention “single page” or “landing page”:

“Create a single-page landing page for my fitness app. Include hero, features, testimonials, pricing, and CTA sections.”

Step 2: Add Tools (Optional)

• Set language
• Choose dark/light mode
• Define colors
• Add reference URL

Step 3: Generate

Click send to create your website.

Step 4: Review

Your single-page site is ready with all sections.

Typical Sections

A good single-page site includes:

1. Hero (top banner)
2. Features/Benefits
3. About/Story
4. Testimonials
5. Pricing (if applicable)
6. CTA (call to action)
7. Footer

Navigation

Single-page sites use anchor navigation:

• Menu links scroll to sections
• Smooth scrolling effect
• No page reloads

Tips

• Keep it focused
• 5-7 sections is ideal
• Strong hero section
• Clear CTA at the end

Single vs Multi-Page