Back to themes

Zutra — Premium Real Estate Theme

Production-ready Astro 6 theme for boutique real estate agencies. Lighthouse 100/100, live Theme Studio with WCAG AA audit, full JSON-LD SEO graph, GDPR-ready analytics, and 22 demo properties out of the box.


Cost

Paid


Created by
Juanalfaros

Zutra

A premium Astro 6 theme built for boutique real estate agencies that demand performance, design precision, and zero-compromise SEO.


Performance

Lighthouse 100/100

  • Zero-JS by default with Astro islands architecture
  • 60+ property images optimized as WebP/AVIF at build time
  • GTM and Meta Pixel offloaded to Web Workers via Partytown — core web vitals unaffected


Theme Studio PRO

Live color engine

  • 5 mathematical harmony rules: Split-Complementary, Analogous, Triadic, Complementary, Monochromatic
  • Real-time WCAG 2.1 AA contrast validation
  • Zero-flicker persistence across page transitions
  • Native-feel mobile Bottom Sheet with iOS Safe Area support
  • Toggle off for production with a single flag


SEO & GEO

Full structured data graph

  • JSON-LD per page: Organization, WebSite, RealEstateListing, GeoCoordinates, Offer, and more — all @id-linked
  • Dynamic `og:type` per page
  • Auto sitemap on every build
  • `llms.txt` for AI crawlers (ChatGPT, Claude, Perplexity)
  • `robots.txt` with allow directives for GPTBot, CCBot, Google-Extended, anthropic-ai


Accessibility

WCAG 2.1 AA throughout

  • Full `aria-label`, `aria-expanded`, and `focus-visible` coverage
  • Correct heading hierarchy on every page
  • Skip-to-main link included


What's included

9 pre-built pages

  • Home, Properties listing, Property detail, About/Team, Contact, Changelog, 404, 500
  • 22 demo properties with full markdown data
  • 6 demo agents with bios and linked listings
  • GDPR-ready cookie banner bound to gtag consent API
  • Leaflet.js maps · Swiper.js photo galleries
  • One-command Cloudflare Pages deployment via `wrangler.toml`


Easy rebranding

Single config file


Change agency name, colors, contact info, currency, navigation, and social links in one place: `src/site-config.ts`.