Example

Fieldstone Gardens

A complete brochure site for a made-up garden design business in Bristol, built with imba-pages. Everything on it is fictional, and its contact form is a demo that sends nothing.

The Fieldstone Gardens home page

What it shows

Pages and layouts

Home, services, pricing, about, contact and a 404, in one default layout plus a "prose" layout for long text.

Markdown and collections

Each service is a Markdown file; one template turns them into pages, cards and the footer links.

Data files

Plans, team and contact details as plain Imba data modules.

Two islands

The mobile menu and the monthly/yearly price switch: the only JavaScript on the site.

SEO

Canonical links, a share image, LocalBusiness structured data, sitemap.xml and robots.txt.

Scoped css blocks

Each component carries its own styles (these docs use inline [css] instead).

The code is in examples/brochure in the repo; run it with npm run dev:brochure.