How AI Automatically Builds Multi-page Websites
Say "build me a security startup website" and WindWalker generates a complete 4-page site — Home, About, Services, and Contact — from a single sentence. Here's how the multi-page generation works.
What Is a Multi-page Website?
Websites generally fall into two categories: single-page sites where everything lives on one scroll, and multi-page sites where each section has its own URL.
A single-page format can work fine for a simple landing page. But if you need to present company info, a service list, a team page, and a contact form as separate destinations, a multi-page structure is the right call. Visitors can navigate directly to what they're looking for, and search engines can index each page independently — which also helps with SEO.
How the AI Builds a Multi-page Structure
When you start a new project in WindWalker, a brief conversation with the AI is all it takes to determine the full site structure. Internally, this is how it works:
The AI analyzes the industry, purpose, and tone from your input. It reads context like "security startup," "trustworthy design," "for investors."
The AI suggests a standard page configuration suited to the industry. For a startup: Home, About, Services, Contact. For an online store: Home, Products, About, FAQ.
A PRD is automatically created that includes the section layout for each page, color palette, fonts, and navigation structure.
HTML for each page is generated from the PRD and displayed immediately in the editor. All pages share a consistent design system.
What Each Auto-generated Page Does
Using a startup example, here's the role each page plays:
| Page | URL | Primary Role | Key Sections |
|---|---|---|---|
| Home | / | First impression, core value proposition | Hero, Features, Testimonials, CTA |
| About | /about/ | Build trust, introduce team and vision | Mission, Team, History |
| Services | /services/ | Detailed product/service descriptions | Service cards, Pricing, FAQ |
| Contact | /contact/ | Drive inquiries, collect leads | Form, Map, Social links |
How to Add More Pages Later
You can add pages after initial generation at any time. Just type a natural language request in the editor's chat panel:
- "Add a blog page" → Creates /blog/ and automatically updates the navigation
- "Create a pricing page" → Builds /pricing/ with a plan card layout
- "Separate the team intro into its own page" → Splits the Team section from About into a standalone page
When a new page is added, WindWalker automatically applies the existing design system (colors, fonts, layout style). This prevents new pages from looking visually disconnected from the rest of the site.
Things to Be Aware Of
A few things worth knowing before using the multi-page feature:
- Page limit: During the current beta, a maximum of 10 pages per project is supported.
- Auto-updating navigation: Adding a page updates the header navigation across all pages. Complex dropdown menu configurations may require additional requests.
- Careful with deletions: Deleting a page that has links pointing to it from other pages will break those links. Before deleting, ask the AI to "clean up any links connected to this page too."
- Custom domains: The multi-page structure uses proper URL paths (/about/, /services/, etc.) once a custom domain is connected.