Implement dual hero designs with responsive switching

Browse Source

Hero System:
- Design 1 (Card Overlay): Semi-transparent card over full image
- Design 2 (Two-Column Split): Text left, image right
- Homepage switches: Card < 1450px, Split >= 1450px
- Alt page (/home-page-alt/) uses Card design only

Image Transform System:
- New PHP helper for on-demand image cropping via ImageMagick
- Caches transformed images with mtime-based invalidation
- Supports crop percentage (positive=right, negative=left)

Hero Improvements:
- Full-width split layout with image hugging right edge
- Card design: responsive positioning with breakpoints at 1400/1650/1800px
- Cropped logo variant (bottom 35px removed for cleaner look)
- Golden hour hero image with 30-35% right crop

Footer:
- Added temporary "HOME PAGE ALT" link for client comparison

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

Hanson.xyz Dev

2025-11-30 21:55:29 -06:00

parent 8da4b16633

commit 1a4d41def6

19 changed files with 787 additions and 72 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

wp-content/cache/transformed-images/d2f878d8d3731aaf5a4f3c658942e379.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 929 KiB

wp-content/cache/transformed-images/e5215a1698b82c652e6d53647619cac7.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 973 KiB