Roofing Pro is a premium Astro theme for roofing contractors, roof repair specialists, restoration companies and construction businesses. It combines a trustworthy, photo-led design with a structure built to win local jobs: service pages, project case studies, service-area pages and lead forms on every page.
What's included
- More than 50 pages built from Markdown content collections with schema validation, including:
- homepage, about, process, team, testimonials, FAQ, gallery
- services and service details, projects and case studies
- service areas, blog and articles
- contact, request an estimate, privacy, terms and a custom 404 page
- Service template with:
- a starting price, warranty, duration and crew size
- inclusions, benefits, a step-by-step process and materials
- service-specific FAQs, related projects and related services
- Project case studies with:
- key facts: location, property, roof system, size and timeline
- challenge, solution, scope of work and results
- a Swiper photo gallery and related projects
- A filterable project portfolio, plus a gallery with category filters and an accessible lightbox
- Service-area pages generated from one data file, each listing its suburbs, local roofing considerations, popular services and local projects
- A blog with:
- a featured post, category pages and pagination
- reading time and related articles
- related services and an RSS feed
- Request-an-estimate and contact forms with:
- accessible inline validation and a honeypot spam trap
- Formspree, Web3Forms, Netlify Forms or custom API support
- a demo mode that never pretends a message was sent
- Swiper.js sliders for testimonials, related projects and project galleries, loaded only on the pages that use them
Design
- Instrument Sans typography, with every colour, radius and spacing value set in one CSS tokens file
- Dropdown navigation, a floating sticky header, an accessible mobile menu and a back-to-top button
- Subtle hover motion that respects reduced-motion settings; content stays usable without JavaScript
Built for production
- Astro 7, static output, plain CSS and vanilla TypeScript, with no UI framework
- Local SEO:
- canonical URLs, Open Graph and Twitter cards
- a sitemap, robots.txt and an RSS feed
- JSON-LD for RoofingContractor, WebSite, Service, BlogPosting, FAQPage and BreadcrumbList
- Accessibility:
- a skip link and a keyboard-friendly menu, dropdowns, accordions and sliders
- visible focus states and labelled form fields
- Fully responsive from 360px phones to wide desktops
- Business name, phone numbers, address, opening hours, CTAs and SEO defaults all live in one config file
- Deploys to a domain root or a sub-folder through a single BASE_PATH setting
- Generates an .htaccess file for Apache and LiteSpeed hosting, and also works on Netlify, Vercel and Cloudflare Pages
- A detailed README covering setup, customisation, content, sliders, forms, SEO, deployment and image credits
