Pages

Pages

Skill level: Beginner to edit, light code to add a page made of sections

Every page has two parts: a route file in src/pages/[...lang]/, which decides which sections the page shows and in what order, and a content file in src/content/, which holds its title, SEO fields, page header, and named blocks. You edit the content file; you only touch the route to add, remove, or reorder sections.

Every Page And Its File

Paths are for English. French uses the same files in french/, served under /fr/ (for example /fr/pricing/).

Homepages

The three extra homepages are demos: they ship with robots: "noindex, follow" and excludeFromSitemap: true. See Homepages to pick one as your home.

Services, Prices, And Booking

Company And Trust

Help, Offers, And Blog

Text Pages, Tools, And Files

Every file in src/content/pages/ becomes a page at /<file name>/ through [page].astro, except elements, book, book-thanks, how-it-works, reviews, gift-cards, and referral, which have their own routes.

Four older addresses are kept as redirects in astro.config.mjs: /testimonials/ goes to /reviews/, /customers/ to /projects/, /security/ to /guarantee/, and /solutions/ to /industries/. You can delete those lines on a new site.

Each collection (services, areas, industries, projects, reviews, careers, team, blog) is explained in Collections.

Sample Pages To Replace Or Remove

Homio ships with a full demo business. Before launch:

Sample facts are marked # sample in the content files: search the project for # sample to find them all. The job openings in particular feed JobPosting data for search engines: keep only real, open roles.

The Pages menu in the header (in src/config/menu.en.json and menu.fr.json) lists every page of the theme for the demo. Remove it, or set its "enable" to false in both files, before launch. See Menus.

Page Header

Most inner pages open with a page header. Its title is the page’s title; everything else is in a pageHeader block of the page file:

title: "Questions before you book"
pageHeader:
  breadcrumb: true
  eyebrow: ""
  description: "Short answers about prices, the visit, your crew, and changes. Each one links to the detail."
  image: "/images/steps/book-on-phone-hands.jpg"
  options:
    layout: "split" # default | intro | centered | split

The four layouts and all fields are in Section Layouts. The about page and the homepages open with their own hero section instead. Service pages use the service hero, whose look follows the service’s template.

Fields Every Page Accepts

These frontmatter fields work on page and entry files. src/content/_file_format.md explains most of them; the full list is the page schema in src/content.config.ts.

Add A Page

Remove A Page

1. Delete its route file in src/pages/[...lang]/ and its content (file or folder) in src/content/, in every language.
2. Remove its links from src/config/menu.en.json, menu.fr.json, and any content file or button that links to it (search the project for the URL, for example /gift-cards/).
3. Run npm run astro-check, then npm run build, to make sure nothing still points to it.

To hide a page without deleting it, set draft: true in its content file.

Do It With AI

Remove the pages I don't need from my Homio site: [LIST, e.g. /gift-cards/, /referral/,
/home-commercial/]. For each one, delete its route in src/pages/[...lang]/ and its content in
src/content/ (english and french), remove every link to it from src/config/menu.en.json,
menu.fr.json, and content files, then run npm run astro-check and npm run build and fix anything
that still points to it.