Session Objective

Mock up a stronger hero block above the current Bigger Share Guarantee page hero without changing the live WordPress page.

What Was Accomplished

• Created a local full-page mockup from the verified current public page snapshot.
• Inserted a new full-bleed BSG hero immediately after the site header and before the current calculator section.
• Used the existing BSG background image asset and Bigger Share Guarantee banner asset.
• Desktop version includes a large editorial headline, CTA buttons, three proof points, and a compact guarantee ledger.
• Mobile version hides the ledger so the hero stays focused and does not become an entire page before the calculator.
• Added anchors so Estimate My Share points to the current calculator and See How It Works points to the how-it-works section.

Local Artifacts

• Mockup HTML: /Users/samaguiar/Documents/Projects/wp-content-backups/bsg-hero-mockup-2026-06-02/bsg-added-hero-mockup-2026-06-02.html
• Generator: /Users/samaguiar/Documents/Projects/wp-content-backups/bsg-hero-mockup-2026-06-02/build_bsg_added_hero_mockup.py
• Desktop screenshot: /Users/samaguiar/Documents/Projects/wp-content-backups/bsg-hero-mockup-2026-06-02/bsg-added-hero-desktop.png
• Mobile screenshot: /Users/samaguiar/Documents/Projects/wp-content-backups/bsg-hero-mockup-2026-06-02/bsg-added-hero-mobile.png

QA Evidence

• Rendered desktop at 1440 by 920 and mobile at 390 by 900 using Playwright with Chrome.
• Confirmed no horizontal overflow in both tested viewports.
• Confirmed both CTA anchors exist.
• Confirmed the new hero block uses Foundry orange #D97706 and does not introduce retired #F89C22 inside the added block.
• Confirmed the added hero block has no visible phone number, includes Bigger Share Guarantee®, includes $0 Out-Of-Pocket Forever, and contains no em dashes.