Mend: A Website That Turns Visitors Into Quote Requests
Mend is built for trades and local service businesses that quote by the job: repair and maintenance teams, carpenters, painters, fitters, and contractors. The hero asks what needs doing. A visitor picks a job from the golden job slip and lands on the quote form with that service already selected, and every service page does the same.
A before/after comparison lets people drag across a room to see the difference the work makes, and it works with the keyboard too. Six service pages, three project stories, a service-areas page, an about page with the team, reviews, and an FAQ give a local business a complete site from day one, not a single landing page.
Who it's for
- Trades and contractors
- Home repair and maintenance teams
- Carpenters, painters, and fitters
- Local service businesses that quote by the job
What's distinctive
- A quote-first hero: the job slip hands the chosen service straight to the quote form
- A real before/after control: drag it, or use the arrow keys
- Every visible edit in one file: business details, palette, copy, reviews, FAQs, areas, and legal text live in src/config/site.ts, and any service, project, or article can be overridden there too
- Local search basics: structured data for the business, its address, opening hours, and service radius
- A bright, practical look: Manrope typography, a cobalt and gold palette, and nine original photographs
- Honest by default: the quote form runs in demo mode and says so until a real provider is connected
What's included
- Full source: Astro 7, Tailwind CSS 4, and TypeScript
- 23 static pages: Home, Services with 6 service pages, Work with 3 project pages, About, Service Areas, a paginated Journal with 3 articles, Contact, Privacy, Terms, and 404
- Services, projects, and articles as Markdown in Astro Content Collections
- Quote form with Formspree, FormSubmit, Netlify Forms, or a custom endpoint
- An optional journal that can be switched off with one setting
- Locale-aware configuration and mirrored routes for multilingual sites
- Scroll reveals with reduced-motion and no-JavaScript fallbacks
- Self-hosted Manrope variable font and local WebP images, with no remote dependencies
- AGENTS.md and CLAUDE.md guides so AI coding assistants can customize the theme safely
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/mend
Also available as an HTML edition
The same design as plain HTML, CSS, and JavaScript files that open straight from disk, with no build step. The job slip and service links still preselect the quote form.
