bitshaker/REAgentWebsiteTemplates

Agent-friendly Astro websites for independent real estate professionals. Eight designs, one shared content model, and a clean export containing only your chosen design.
Status: working starter, with demo identity and sample content. No hosting account or live agent website is created automatically.
## Browse and start your own site
Browse all sample sites · Get started with your own agent
Choose Use this design for a single-design starter ZIP and a copyable software-agent setup prompt. Your agent helps with GitHub, your own private repository, Hostinger hosting and MCP connection, personalization and launch. After export, the site is independent of this catalog. Full setup guide · Catalog hosting.
## Choose a design
| Design | Direction |
| Forma (forma) | Bold architectural photography, enormous typography, and a cinematic interior study |
| Neighborly (neighborly) | Cream and coral, neighborhood film, soft arches, and playful photographic collages |
| Still (still) | Quiet editorial interiors, italic serif type, and a horizontal photographic gallery |
| Solstice (solstice) | Coastal film, olive and sand, pill controls, and Mediterranean-inspired arches |
| Nocturne (nocturne) | Obsidian and champagne, framed architectural film, and refined editorial spreads |
| Monogram (monogram) | Oversized personal initials, sculptural type, and contrasting ink and parchment |
| Panorama (panorama) | Panoramic interior film, ultra-thin typography, and photographic chapters driven by normal page scrolling |
| Atelier (atelier) | Art-led lifestyle film, expressive serif type, and asymmetric editorial layouts |
These eight designs are the complete available collection. Design references and the eight selected inspirations are recorded in the design brief.
sh
npm ci
npm run dev
Open the local URL printed by Astro, then visit /designs/ for home, buyer, seller, about, journal, and contact previews. Every design includes coordinated imagery for its buyer, seller, about, and journal pages. The collection uses licensed stock photography and locally hosted stock films. See each design’s media/CREDITS.md where applicable and replace sample imagery with your own licensed media as desired. No fabricated listings, reviews, or sales claims are included.
## Start a lightweight site
Requires Node 24 LTS (or a supported even-numbered Node release meeting Astro’s minimum of 22.23.4), npm, and Git.
sh
git clone https://github.com/bitshaker/REAgentWebsiteTemplates.git
cd REAgentWebsiteTemplates
npm ci
npm run create-site -- forma ../my-agent-site
cd ../my-agent-site
npm ci
npm run dev
Replace forma with any design ID from the table. The exporter copies shared functionality and exactly one design. It excludes this repository’s history, dependencies, catalog, preview routes, and unused designs. GitHub’s “Use this template” button copies the entire catalog; use the exporter for a lean agent site.
Edit src/agent.config.json for identity, brokerage, license, contact details, service areas, canonical URL, and content preferences. This is public site information, not secrets. Change the palette at the top of src/design/theme.css. Replace page cover art and edit its alt text in src/design/pages.ts. Every homepage includes an agent introduction with a headshot, bio, brokerage/license details, and a direct call link just below the hero. Put your licensed headshot under public/images/ and set portraitUrl (for example, /images/headshot.jpg); the About page uses the same photo. Check the crop on mobile and desktop. Demo mode uses a labeled, AI-generated sample portrait when no photo is supplied. With demo mode off and no portraitUrl, the homepage keeps the introduction without a photo; supply the real agent’s headshot before handoff.