Back to themes

Slateon

Slateon is a complete real estate and property theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.


Cost

Paid


Created by
Waida Studio

All Pages:

  • Home
  • Company
  • Portfolio grid
  • Case study
  • Services list
  • Service detail
  • Blog
  • Blog article
  • Property listing
  • Property detail
  • Category (For Rent / For Sale)
  • Contact
  • Checkout
  • PayPal checkout
  • Order confirmation
  • Style Guide
  • Licenses
  • Changelog
  • Password (401)
  • 404

Features:

  • Astro 7
  • Zero framework JavaScript
  • 42 static pages per build
  • Markdown content collections — blog and case studies
  • 10 blog articles across a six-tab category strip
  • A wide featured pair above the tabs, in the design's second card shape
  • Grid position as data, so one card component serves all twenty cards
  • Two bylines per article — the one the card credits and the one the article does
  • 5 case studies with a four-row fact panel and three labelled sections
  • Two slot-machine counters on every case study, driven by the content
  • 6 property pages with price, address, size and a buy box
  • Two category pages that genuinely filter, derived from the properties
  • Property cards printed on the listing, the home page and both categories
  • Add to cart merging repeats instead of listing them twice
  • Cart drawer with quantity editing, line totals and subtotal
  • £-formatted money, grouped in thousands, everywhere it is printed
  • Checkout, PayPal checkout and order confirmation
  • Client-side basket in localStorage, order handed on in sessionStorage
  • Checkout validation that only tests fields a visitor can actually see
  • Billing-address block wired to its own tick box
  • Collapsing mobile Pages panel with focus return and Escape
  • Six-tab category strip with roving tabindex and arrow keys that wrap
  • Five-row FAQ accordion on the home page and every property page
  • Two carousels — a five-slide project gallery and a three-slide quote strip
  • Off-screen carousel slides kept out of the tab order
  • 654 scroll reveals at the design's own offsets and delays
  • Scroll-linked timelines on one requestAnimationFrame loop
  • Navigation labels that split to the character and roll on hover
  • A heading that fades in character by character as you scroll, no GSAP
  • Eighteen statistics counters
  • Two pointer-following "View" pills
  • Video lightbox that loads its embed only when asked, and removes it on close
  • Three background films with a play/pause control
  • A photo ticker on the company page
  • Demo contact and newsletter forms with the design's own success panel
  • Password screen with its own error panel
  • Responsive imagery with the srcset rungs the design gives each picture
  • Fully responsive
  • prefers-reduced-motion respected throughout
  • Design-token system in one :root block, 96 custom properties
  • Style Guide page
  • Open Graph & Twitter cards
  • Canonical URLs
  • Self-hosted Inter Display, four WOFF2 weights
  • TypeScript throughout
  • Original template CSS, no utility framework
  • Vercel config included
  • Deploys to any static host
  • Ongoing Updates

When you purchase the template you get a license covering one end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.

If you have any questions do not hesitate to reach out on: Email: contact@kaziehsan.com

Thank you so much for reading and showing interest in this template.


Astro All Access Bundle:

Every Astro template Waida Studio makes — the whole collection in one purchase, plus every future release and ongoing updates. All of them are built the same way: zero framework JavaScript, every page pre-rendered to static HTML, hand-crafted CSS with design tokens, and TypeScript throughout.

Get Astro Bundle