I designed and built a premium roofing company website (TF Roofing & Exteriors) to look and behave like a real high-end contractor brand and convert visitors into leads. It’s a production-ready Next.js (App Router) site using TypeScript and Tailwind CSS, with reusable components and templates for services and city/location SEO pages. The site is built around conversion: a sticky header with “Call” and “Free Estimate,” a mobile CTA bar, and an estimate form that appears in the homepage hero, on the contact page, and in a modal with a clean success message. It also includes a dedicated “RoofCare 300” ($300/month) maintenance plan landing page with clear benefits, a comparison table, and a simple signup flow. SEO basics are covered (unique metadata, OpenGraph, sitemap/robots, and LocalBusiness JSON-LD), and the UI is responsive, fast, and accessible with modern typography, strong contrast, and subtle interactions.




