feat(hero): responsive mobile + iPad hero banner

Browse Source

- Add banner_mobile.mp4 (portrait source asset for phones/iPads)
- Generate optimized versions (banner_mobile-optimized.webm ~295KB + .mp4 ~224KB) for fast loading using VP9/H264 at 540x956
- Update hero <video> in app/page.tsx to use <source media='(max-width: 1024px)'> so mobile devices and iPads get the portrait banner for proper visualization (WebM first for size, MP4 fallback)
- Desktop/large screens continue using the existing landscape banner1.mp4
- Keeps existing responsive object-position framing and structure

This improves mobile hero experience above the signature menu.

...

This commit is contained in:

Zeeshan Khan

2026-06-02 13:27:04 +02:00

parent eb157f4fbb

commit 4afbdcea1b

4 changed files with 15 additions and 2 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

public/images/logo/banner_mobile-optimized.webm

BIN

Binary file not shown.