j.foucher 621425025c feat(home): cinematic video-background hero with overlay text ...

Replaces the home page's plain-navy hero with a full-bleed video-background
section + dark navy overlay (60%) for text readability. The video URL is
read from the WP option `av_home_hero_video_url`. If empty, the hero
gracefully falls back to a solid navy background — same layout, same text,
just no video.

Settings (Bricks-native background.videoUrl pattern from container.php
get_background_video_html) :
  - videoUrl : the configured option value
  - videoScale : 'cover'
  - videoAspectRatio : '16/9'
  - overlay : rgba(11,31,58,0.6) navy 60%
  - color fallback while video loads

Typography :
  - H1 : 3.5rem white, weight 800, tight letter-spacing, responsive
    breakpoints down to 1.875rem on mobile
  - Lead : muted-white rgba 0.85
  - CTAs : gold primary + outline-on-dark secondary

Helper mu-plugin av-set-home-video.php :
  /?av_set_home_video=https://...mp4    sets the URL
  /?av_set_home_video=clear              empties (back to navy)

Workflow :
  1. Upload MP4 to Media Library, copy URL
  2. /?av_set_home_video=<URL>
  3. /?av_generate_home=1
  4. Visit / — cinematic hero with looping muted autoplay video bg

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-15 08:17:33 +02:00

20 KiB

Raw Blame History

View Raw