feat(hero): replace banner with full-frame architecture illustration

Browse Source

The previous hero-banner was composed as a wide banner with an empty left
40% reserved for overlay text. In the 50/50 hero column it rendered as a
shrunken half-width picture with dead space on both sides.

New illustration fills the whole 16:9 frame edge to edge (code/CI/CD left,
container + host cluster centre, observability right) so the right hero
column reads as a system diagram at its native 518px width, with the
2048w lightbox for detail reading.

Also add a 1280w WebP so DPR2 desktops do not pull the 2048w asset on
first paint.

...

This commit is contained in:

hoelee committed 2026-10-26 11:11:22 +08:00

1 parent f0b98843e9

commit 2747950eac

7 files changed

+2 -2

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

No files matched your search

public/images/hero-banner-1280.webp

BIN

Binary file not shown.

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

public/images/hero-banner-2x.webp

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 87 KiB After Width:  |  Height:  |  Size: 313 KiB

public/images/hero-banner.jpg

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 72 KiB After Width:  |  Height:  |  Size: 195 KiB

public/images/hero-banner.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 329 KiB After Width:  |  Height:  |  Size: 1.1 MiB

public/images/hero-banner.webp

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 45 KiB After Width:  |  Height:  |  Size: 136 KiB