Updated for Astro v6 🚀
A modern real estate theme built for agencies, independent agents, and property businesses of all kinds. Residencia combines the performance of Astro with the flexibility of Tailwind CSS to deliver a polished online presence that instills confidence, attracts buyers, and converts visitors into clients.
Pages:
- Home
- Properties
- Property
- About Us
- Contact
- Blog
- Blog Post
- 404
- Privacy Policy
- Terms And Conditions
Features:
- Content Collections: Structured data management for properties, blog posts, legal pages, agents, FAQs, and testimonials — making updates quick, painless, and consistent across your entire site
- Reusable Components: A library of modular components that keep your codebase clean, readable, and straightforward to customize for your brand
- Custom Tailwind Theme: A bespoke design system built on Tailwind CSS with a clean, professional aesthetic that is easy to adapt to your agency's identity
- Pagination: Keeps your property listings and blog scalable and navigable as your portfolio and content library grow over time
- Sitemap: Auto-generated and search-engine ready, ensuring all your pages are indexed from day one without any manual configuration
- Optimized for SEO: Built-in best practices including semantic markup, meta tags, and structured data to help your agency rank higher and reach more prospective clients online
- Optimized for Accessibility: Designed to be usable by everyone, with accessible patterns, proper contrast, and semantic HTML throughout
- Ongoing Updates: Regular improvements and continued compatibility with the latest Astro releases so your theme stays modern and well-maintained
- Optional CMS with PagesCMS: Manage your properties, blog posts, agents, and more site content through an intuitive visual interface — no code required
Theme Structure:
/ ├── public/ │ └── favicon.svg ├── src │ ├── assets │ │ └── icons | | └── images │ ├── components │ │ ├── elements # components that can be used across the website │ │ │ └── ArticleCard.astro │ │ │ └── Container.astro │ │ │ └── Heading.astro │ │ │ └── Link.astro │ │ │ └── Pagination.astro │ │ │ └── PropertyCard.astro │ │ │ └── SectionHeader.astro │ │ │ └── Tagline.astro │ │ │ └── Text.astro │ │ ├── global # components used on every page as part of the layout │ │ │ └── Head.astro │ │ │ └── Footer.astro │ │ │ └── Header.astro │ │ ├── sections # components used for sections of each page │ │ │ └── about │ │ │ │ └── AboutNumbers.astro │ │ │ │ └── AboutUs.astro │ │ │ │ └── Numbers.astro │ │ │ │ └── OurAgents.astro │ │ │ │ └── OurHistory.astro │ │ │ │ └── Process.astro │ │ │ ├── blog │ │ │ │ └── RecentArticles.astro │ │ │ ├── contact │ │ │ │ └── ContactForm.astro │ │ │ ├── properties │ │ │ │ └── FeaturedProperties.astro │ │ │ └── Faq.astro │ │ │ └── Hero.astro │ │ │ └── Testimonials.astro │ ├── content │ │ ├── blog | | | └── # add blog posts here │ │ ├── legal │ │ | └── privacy-policy.md │ │ | └── terms-and-conditions.md │ ├── layouts │ │ └── Layout.astro │ ├── pages │ │ └── blog │ │ │ └── [...page].astro │ │ │ └── [page].astro │ │ └── properties │ │ │ └── [...page].astro │ │ │ └── [page].astro │ │ └── legal │ │ │ └── [...page].astro │ │ │ └── [page].astro │ │ └── index.astro │ │ └── 404.astro │ │ └── about.astro │ │ └── contact.astro │ ├── styles │ │ └── global.css # global styling and tailwind theme configuration │ │ └── markdown.css # markdown files styling │ └── content.config.ts └── .gitignore └── astro.config.ts └── .pages.yml └── package-lock.json └── README.md └── LICENSE.md └── tsconfig.json
