# Redesign Summary: On Country Landscaping

## Source
- **URL**: https://oncountrylandscaping.com/
- **Platform**: Lead Connector HQ (GoHighLevel) — custom HTML/CSS injected
- **Industry**: Landscaper (trades-landscaper)

## Design Direction
**Family**: `modern-approachable` — fresh, airy, contemporary for a trade business that needs clarity without feeling cold or templated.

### Typography
- **Headings**: Instrument Serif (italic inclined) for a distinctive editorial accent
- **Body/UI**: Inter (clean modern sans) for readability
- This combo keeps the site warm and design-forward while remaining highly legible

### Palette
- Dark forest base (`#0e231b`) preserved from source brand
- Accent green (`#0A6F4A` / `#0e8a5c`) for primary actions
- Muted sage (`#9ed2b8`) for secondary UI and iconography
- White text with `#d7efe3` / `#b7d7c8` for hierarchy
- Transparent glass-card surfaces with subtle borders

### Layout System
- Balanced centered hero → modular content rhythm → sharp CTA close
- 3-col and 4-col responsive grids throughout
- Image-text alternation for the story section
- Glassmorphism trust bar for social proof
- All sections rebuilt in-page (no legacy navigation)

## Sections Built
1. **Hero** — Typing animation over image carousel, Google rating pill, dual CTAs
2. **Trust Bar** — Social proof strip (rating, coverage, supervision, materials)
3. **Story / Meet the Team** — Image-text alternating layout
4. **Services Grid** — 9 service cards with imagery, rebuilt in-page
5. **Values / Differentiators** — 4-column value proposition grid
6. **Process** — 4-step supervised workflow (site assessment → handover)
7. **Natives Counter** — Live-updating plant counter (deterministic weekly growth)
8. **Project Gallery** — 4 items with lightbox, click-to-expand
9. **Client Reviews** — 9 verified reviews (preserved verbatim from source)
10. **Coverage Areas** — 6-region suburb grid (Noosa to Caloundra)
11. **Final CTA** — Phone + email with urgency subtext
12. **Footer** — Brand, social links, contact details, map embed, ABN, legal

## SEO Implementation
- **Canonical**: https://oncountrylandscaping.com/
- **Schema**: HomeAndConstructionBusiness JSON-LD with founder, area served, phone, email
- **Meta description**: ~158 chars, leads with service + location + trust angle
- **OG/Twitter tags**: Full set with hero image
- **H1**: Exactly one ("Landscape construction done properly.")
- **H2/H3**: Logical hierarchy for each major section
- **Alt text**: Descriptive alt on every non-decorative image
- **Footer**: Google Map embed of Sunshine Coast with directions-ready iframe

## Content Integrity
- Only verifiable facts from source are used
- Reviews are real quotes with first-name attribution (no fabrications)
- Google rating: 4.9 (as stated on source homepage)
- Phone: 0488 103 845, ABN: 59 235 247 191, Owner: Thomas Locke — all verified
- No fabricated testimonials, ratings, or stats
- Source copy was rewritten for clarity and conversion, not reused verbatim
- Legacy source-site navigation and CTA links are removed; all links are internal anchors

## Mobile Behavior
- Full responsive at all breakpoints
- Navigation collapses to sticky horizontal bar with icon+label
- Grids adapt: 4-col → 2-col → 2-col on mobile
- Touch-friendly tap targets throughout
- Hero typing and carousel work on mobile

## Motion
- Only `transform` and `opacity` transitions used
- Hero typing animation + crossfade carousel
- Card hover lift effects
- Lightbox open/close fade
- No keyframe animations beyond cursor blink

## Compliance
- Design guardrails followed (no generic SaaS hero, no gradient text, no low-contrast issues)
- No forbidden URLs referenced
- No verbatim long source copy
- Map embed is real Google Maps to Sunshine Coast QLD
- Asset paths are absolute (CDN-hosted source images) — no build step needed