Multi-page sites: separate pages that share one header and design
A design-engine build can be one long page or a home page with up to eight separate pages: Work or Shop or Services, About, Pricing, FAQ, Book and Contact. The pages share a header, a footer and one design system. Each has its own address, its own title and description for search, and its own heading. Every page that will go live is checked before publishing.
One page or several?
A single page suits a launch, a waitlist or a small service with one action. Separate pages start to pay off when a visitor arrives with different questions: someone who wants prices shouldn't scroll past your story, and a page that answers one question well has a better chance of being the result for that search. An AI multi page website builder has to do more than cut a long page into pieces, though. Links have to point at the right page, navigation has to show where you are, and every page needs its own title. The guide to one-page versus multi-page sites covers the choice in more depth.
Asking for pages
- Name them: "a booking site for my sauna, with an about page and a contact page".
- Give a number: "a five-page site for my studio". The rest are filled with the most useful pages for that kind of site.
- Just say multi-page: "a multi-page portfolio" gets that kind's standard set.
- Change it later: "add a pricing page", "remove the FAQ page", or "put it all on one page". These are applied instantly with no model call.
| Kind | Default pages, most useful first |
|---|---|
| Landing page | Services, About, Contact, Pricing |
| Booking app | Services, Book, About, Contact |
| Online store | Shop, About, Contact, FAQ |
| Portfolio | Work, About, Contact, Services |
Words are matched sensibly: "menu", "classes" or "treatments" mean the Services page, "gallery" or "projects" mean Work, "appointments" means Book. Asking for a page brings the section it needs, so a Book page adds the booking calendar and a Contact page adds the contact form. Dashboards stay on one page.
How the pages are put together
- Addresses
- The home page is the site's root; each other page lives at its own folder, such as /about/ and /contact/.
- Navigation
- Every page shares the header, with links to each page in a fixed order. The page you're on is marked for screen readers and styled as current. On narrow screens the links scroll sideways instead of hiding behind a menu button.
- An index on the home page
- Below the hero, a list of the other pages with a line about what's on each, drawn from their content.
- Headings
- Each page's first section heading becomes that page's h1; the home page keeps the hero's.
- Titles and descriptions
- Each page gets a title like "About · Reid's Barbers" and a description built from its content, such as "Contact Reid's Barbers: …".
- Links
- A link to a section on another page is rewritten to that page, so "Book now" in the header reaches the Book page from anywhere.
Checks on every page
Sentinel and the Critic scan every page that will ship, not just the one in the preview. A check passes only when it passes on all of them, and a failure names the page, for example "contact/: …". Publishing checks each page again, and if a page fails, the message says which. Republishing a site without a page that was there before takes that page down. Each published site also gets a sitemap.xml for search engines.
Editing a multi-page site
In the builder, a menu above the preview switches which page you're looking at. The visual editor works on whichever page is open: its sections get their own handles, and nav labels and the index lines are editable text. Removing a page doesn't lose its content; its sections go back onto the home page.
Limits
- Eight page types. Pages come from the set above; there's no blank custom page. Content that changes often can live in CMS collections, which get their own pages.
- One of each. You can't have two About pages or a page per service.
- Client review shows the home page. Review links currently show the main page only.
Questions people ask
How many pages can a site have?
A home page plus up to eight separate pages from the set: Work or Shop or Services, About, Pricing, FAQ, Book and Contact. Collection pages are on top of that.
Do separate pages cost more to build?
Adding or removing pages by asking is applied by the design engine with no model call.
Can I go back to one page?
Yes. Say "put it all on one page" and every section returns to the home page.
Can model-written apps have several pages?
Apps are a single HTML document. Multi-page structure is a feature of design-engine sites.