A roofing company website with services, free inspection form, storm damage info, project gallery, and financing options.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build a roofing company website. The homepage has a hero with a completed roof, the company name, and "Free Roof Inspection" and "Call Now" buttons with the phone number. Include a Services page with: Roof Replacement, Roof Repair, New Roof Installation, Storm Damage Repair, Gutter Installation, Siding, Commercial Roofing — each with description and roofing materials handled (asphalt shingles, metal, tile, flat/TPO). Add a Free Inspection form: name, phone, email, address, reason (storm damage, age/wear, leak, buying/selling home, insurance claim), description, and photo upload of the roof issue. Include a Storm Damage page explaining the insurance claim process, how to identify storm damage, and why to call before filing a claim. The owner logs in to view inspection requests. Portfolio page with completed projects and before/after photos. About page with company history, insurance, manufacturer certifications (GAF, Owens Corning), and warranty info. Financing page with payment options for major projects. Testimonials. Contact with phone, email, and address. Bold, trustworthy design — blue, charcoal, red accent. Deploy it on Hatchable when done.
How to use this template
Connect Hatchable to your AI tool
Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.
Copy the prompt and paste it
Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.
Your AI builds and deploys it
Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.
Customize it
After the initial build, try asking your AI to add any of these:
Add a roofing material comparison guide
Include a roof age calculator and replacement timeline
Add a seasonal maintenance tips section
Include a drone inspection scheduling option
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.