Constructors is a Construction Company Website Template for html and Astro Build. Constructors is a modern, performance-driven Construction & Heavy Equipment Company Website Template built with Astro for speed, scalability, and SEO excellence. Designed specifically for contractors, infrastructure firms, heavy equipment rental companies, and industrial service providers, this template delivers a bold, professional, and high-trust visual identity.
Constructors Supports Astro Version 6.x.x 🎉
From the first hero impression to the final project inquiry — every section is engineered to communicate strength, reliability, and operational excellence.
🚀 What Makes Constructors Stand Out
Constructors elevates your industrial brand with:
- Strong, high-impact hero sections
- Professional dark-industrial color palette
- Purpose-built UI for heavy equipment & project showcases
- Clean typography optimized for readability & authority
- Smooth micro-interactions and optimized performance
- Every element is crafted to reflect trust, durability, safety, and large-scale operational capability.
🎯 Design DNA
- Industrial Dark Palette – Deep charcoal, steel gray & safety-orange accents
- Professional Typography – Engineered for clarity, authority & long-form readability
- Micro-Animations – Subtle fades, hovers & interaction feedback
- Cinematic Hero Sections – Full-width, high-impact visual storytelling
- Responsive Perfection – Optimized for desktop, tablet & mobile
📦 Features Included
- ✔ Construction-focused homepage
- ✔ Equipment rental & machinery listing sections
- ✔ Project showcase & case study layouts
- ✔ Service detail pages
- ✔ Safety, certifications & compliance sections
- ✔ Blog & article system (with MDX)
- ✔ Contact forms with maps integration
- ✔ FAQ accordion
- ✔ Newsletter & CTA sections
- ✔ About, Terms, Privacy & Documentation pages
📝 Project Structure
public/ ├── img/ # All Source Images │ src/ ├── components/ # Reusable Components ├── content/ # MDX content │ ├── blog/ # Article MDX files │ ├── equipment/ # Equipment MDX files │ ├── project/ # Project MDX files │ ├── service/ # Service MDX files │ └── pages/ # All static pages ├── scripts/ # All Scripts ├── layouts/ # Layout components (MainLayout) ├── pages/ # Astro route files └── styles/ # Global styles and Tailwind config
📄 Pages Included (Fully Coded)
- Home (Landing Page) – High-impact hero + CTA
- Services (Listing & Details)
- Equipment (Listing & Details)
- Projects (Listing & Details)
- Blog & Blog Detail
- Get Quote – Forms + Google Maps
- About Company
- Privacy Policy
- Terms of Service
- Documentation
🧱 Fully Modular & Reusable Components
Built with a true component-based architecture — no code repetition:
- HeroSection
- HeadingSection
- BlogCard
- EquipmentCard
- ServiceCard
- TestimonialSection
- AuthorCard
- Newsletter
- FAQAccordion
- CTASection
- PageSection
- and many more…
📝 Built-in Content System (MDX / Markdown)
Update content without touching layouts:
- ✅ Blog posts
- ✅ Equipment details
- ✅ Project case studies
- ✅ Documentation pages
- ✅ Legal pages (Privacy, Terms)
🆓 Free Updates & Support
Constructors includes free lifetime updates to ensure ongoing compatibility, security, and performance.
Need help? Contact us anytime
🔄 Changelogs
VERSION 1.1.0 (March 2026)
Package Updated
@iconify-json/bi ^1.2.6 → ^1.2.7 @tailwindcss/vite ^4.1.13 → ^4.2.1 alpinejs ^3.14.9 → ^3.15.8 tailwindcss ^4.1.13 → ^4.2.1 astro ^5.1.7 → ^6.0.0 @astrojs/mdx ^4 → ^5
Content Config
src/content/config.ts → deleted src/content.config.ts → created with glob() type: "content" → removed z imported from astro/zod
Dynamic Routes
entry.slug → entry.id.replace(/\.mdx$/, "")
params: { slug: entry.id.replace(/\.mdx$/, "") }
Pages
entry.render() → render(entry)
Fonts API
Google Fonts `<link>` → Astro 6 built-in Fonts API.
