TitanPipe is a premium, production-ready template for roofing contractors, plumbing and water-systems specialists, construction firms, and home-services businesses. Built on Astro 7 and TypeScript, it ships with 40 pre-built static pages, an MDX-powered blog, an MDX careers board with application forms, JSON-driven services and MDX service packages with a working cart, and a fully editable content layer — no CMS or backend required.
TitanPipe is a roofing and home-services template built on Astro 7 and TypeScript, generating 40 fully static pages per build.
Pages: home, about, solutions, customer stories, services with 3 service detail pages, pricing with 3 package detail pages, blog with 9 MDX posts, careers with 5 role pages, contact, cart-aware checkout, PayPal checkout demo, order confirmation, instructions, style guide, licenses, changelog, terms & conditions, privacy policy, 401, and 404.
Near-zero JavaScript — all pages are prerendered to static HTML; a single vanilla TypeScript module powers the mobile navigation, the Pages mega-menu, FAQ accordions, the blog category and testimonial tabs, the materials and testimonial carousels, background video control, scroll reveals, four scroll-linked timelines, and cart functionality. No React, no hydration, and no client framework runtime.
Content collections — blog posts, open roles, and service packages are MDX content collections with zod-validated frontmatter; services are managed through JSON; shared content and navigation live in reusable Astro components. No CMS required.
Working cart — MDX-driven service packages with localStorage persistence, shared across the pricing index, package detail pages, the mini-cart modal, checkout, and order confirmation flows.
Design system — handcrafted CSS architecture with custom-property design tokens for colors, typography, spacing, and branding, all editable from a single stylesheet without framework lock-in. Rebranding is usually a one-line change to --color--primary-color.
Self-hosted fonts — Inter Tight served locally with no third-party font requests.
Performance-focused — static rendering, responsive images via native srcset (WebP throughout), semantic HTML, SEO-ready metadata, and clean crawlable URLs.
Deploy anywhere — pure static output with no adapter required. Vercel, Netlify, Cloudflare Pages, GitHub Pages, AWS Amplify, and standard web hosts support it out of the box.
Includes full Astro 7 + TypeScript source code, 40 production-ready pages, MDX blog / careers / package collections, JSON service data, HTML documentation, comprehensive setup guides, and buyer support.
