# JMAC Mowing — Redesign Summary

## Project Overview
Static preview redesign for **JMAC Mowing & Maintenance**, a family-owned acreage and lawn care business serving the Gold Coast hinterland, Queensland.

**Note on industry classification:** The source data classified this business as "restaurant" (0.65 confidence), but the actual business is a mowing and property maintenance service. The design direction was adapted accordingly — the warm-hospitality design family proved well-suited to a local service business, using the same friendly, trust-led approach with service-oriented content.

## Design Direction
- **Family:** Warm-hospitality (adapted for local service business)
- **Palette:** Espresso brown, terracotta, olive, stone, parchment
- **Typography:** Playfair Display (serif headings) + Inter (sans-serif body)
- **Key principle:** Neighborhood warmth, reliability, and visual appetite for the work itself

## Sections Built
1. **Hero** — Full-viewport photo backdrop with trust line, headline, sub-text, and two CTAs (Free Quote + Call Now)
2. **Trust Strip** — 7 years / 140+ clients / 3,500+ lawns mowed / 4 staff
3. **About/Story** — Family-owned narrative with image and CTA
4. **Services** — 6-card grid (Lawn Mowing, Hedging, Tree Services, Weed Control, Garden Cleanups, Rubbish Removal) + featured Acreage Mowing card
5. **Why Choose Us** — 3-column feature band (Upfront Pricing, Local Team, Modern Equipment)
6. **Gallery** — 12-image responsive grid with varied sizing
7. **Testimonials** — Two real client quotes (Rick Bailey, Emily Hunter)
8. **Service Areas** — 24-suburb coverage list
9. **Quote Form** — Full form with name, email, phone, suburb, referrer, message
10. **Footer** — Contact, quick links, service areas, directions link, phone CTA

## Key Improvements vs Source Site
- **Layout recomposed** from scratch (not a restyle of the legacy Bootstrap template) with a clear visual hierarchy
- **Hero replaced carousel** with a single strong message and two clear CTAs
- **Trust strip** moved above the fold with real stats instead of generic feature boxes
- **Services rebuilt** into scannable cards organized by service type
- **Gallery enlarged** from small thumbnails to a full responsive grid
- **Testimonials given prominence** with real named quotes
- **Service areas added** as a dedicated section
- **Quote form streamlined** with suburb and referrer fields from the source
- **Navigation simplified** to five clear links + CTA button
- **Mobile-first CSS** with responsive breakpoints at 1024px, 768px, 480px
- **Contrast dramatically improved** — dark hero overlay ensures white text readability, terracotta CTAs against stone/parchment backgrounds
- **No generic hero patterns, gradient text, or low-contrast body text**
- **All proof is real** — no invented testimonials, ratings, or awards

## Sources Used
- Source website content (services, testimonials, stats, contact details, area list)
- All source images (carousel, about, service photos, gallery photos, icons)
- Facebook page (for social link)

## Asset Paths
All assets served relative: `img/`, `img/icon/` — no build step required.

## SEO
- Canonical URL set
- `<title>` and `<meta description>` optimized with offer + location + CTA
- OG/Twitter tags for social sharing
- JSON-LD structured data (LocalBusiness schema) with all verified fields
- Single descriptive H1; logical H2/H3 hierarchy
- Descriptive alt text on all non-decorative images
- Footer with address, phone, email, directions link