# JMAC Mowing — Redesign Summary

## Overview
Prospect-style redesign for JMAC Mowing, a family-owned lawn, acreage, and property care business serving the Gold Coast Hinterland region.

## Art Direction
**Modern-Approachable** — Warm, airy, and confident. Uses deep forest green (#1B4332) as anchor, rich green (#2D6A4F) as the primary action colour, and a soft off-white background for clarity. Typography combines Playfair Display (headings + logo) for character with Inter (body + UI) for readability.

## Section Flow
1. **Hero** — Full-viewport hero with source imagery, clear positioning as family-owned Gold Coast property care, and a primary "Get Your Free Quote" CTA alongside a secondary gallery link.
2. **Features Bar** — Three trust signals (No Hidden Costs, Dedicated Team, Free Quotes) in an approachable card row.
3. **Stats Bar** — Real figures (140+ clients, 3,500+ lawns mowed, 4 staff) displayed on a dark band for contrast.
4. **About** — Image + text alternating layout with trust callouts (Award-Winning Service, Passionate Crew).
5. **Services** — 7 service cards in a responsive grid covering acreage mowing, lawn mowing, hedging, tree services, weed control, garden cleanups, and rubbish removal.
6. **Process** — Three-step "How It Works" section (Quote → Service → Enjoy) on a dark background.
7. **Gallery** — Four source images arranged in a 2×2 grid with hover scale effect.
8. **Service Areas** — 24 suburbs displayed as filter-style tags. Centred, scannable layout.
9. **Testimonials** — Two real (non-fabricated) reviews from Rick Bailey and Emily Hunter, each with star ratings.
10. **Contact + Quote Form** — Two-column layout with contact info, embedded Google Map, directions link, and a multi-field quote request form.
11. **Footer** — Three-column footer with business summary, quick links, and contact details with directions link.

## Content Approach
- All copy rewritten for clarity and conversion — no verbatim source sentences.
- Testimonials preserved factually from the source site, not fabricated.
- Services rebuilt from source facts, grouped and elevated for in-page consumption.
- Stats (140 clients, 3,500 lawns, 4 staff) verified from source content.
- No fake ratings, awards, or proof.

## Asset Strategy
- Four source images reused: `carousel-1.jpg` (hero), `carousel-2.jpg` (gallery), `about.jpg` (about section), `service-main.jpg` (gallery).
- All images stored locally under `./img/` with descriptive alt text.
- Favicon linked from source URL.

## SEO & Metadata
- Title: "JMAC Mowing | Landscaper in your area"
- Canonical URL: `https://jmacmowing.com.au/`
- Schema type: `HomeAndConstructionBusiness` with full JSON-LD (services, areas, contact, founding date, employee count).
- OG + Twitter meta tags with hero image as social preview.
- Single H1 per the heading rule; logical H2/H3 hierarchy.

## Location & Contact
- Phone: +61 432 664 316 (clickable)
- Email: bookjmacmowing@gmail.com (clickable)
- Address: Gold Coast, QLD (region-level as no street address was available)
- Google Map iframe embedded in contact section with directions link fallback
- 24 service-area suburbs listed as tags

## Motion
- Staggered reveal-on-scroll using IntersectionObserver (opacity + translateY only)
- Button hover/focus scale transitions
- Nav scroll shadow
- Card hover lift with box-shadow
- Gallery image hover scale

## Key Design Choices
- Avoided generic SaaS hero patterns (no mockups, no dashboard screenshots)
- No gradient text anywhere
- High-contrast body/CTA text throughout (dark #1B1B1B body on #FAFBFA background)
- Clean navigation without legacy source-site nav structure
- Mobile-first responsive with hamburger menu, stacked layouts, and full-width CTAs
- All animations use transform/opacity only per motion constraint

## Build Notes
- Single `index.html` with embedded CSS + JS — no build step required
- Relative asset paths (`./img/...`)
- Lean profile: one self-contained file + image assets