Skip to content

Homepage hero backdrop image - #28

Open
dev-geddy wants to merge 1 commit into
masterfrom
feat/hero-background
Open

Homepage hero backdrop image#28
dev-geddy wants to merge 1 commit into
masterfrom
feat/hero-background

Conversation

@dev-geddy

@dev-geddy dev-geddy commented Aug 6, 2026

Copy link
Copy Markdown
Owner

Replaces the CSS stripe texture on the homepage hero with the supplied artwork.

  • apps/web/app/_components/hero-background.webp — 1536×1024, WebP q88, 36 KB (source PNG was 1.4 MB; not committed).
  • Static import, not public/: public/ is copied only by deploy-for-pm2-build-locally.sh, while the Dockerfile ships .next/standalone + .next/static and nothing else — a public/ asset would 404 on the docker flavour. The static-imported asset is fingerprinted into .next/static (static/media/hero-background.<hash>.webp), which both deploy paths already carry. No next/image (unchanged policy — the optimizer drags sharp onto the serving path).
  • Art is authored dark: shown as-is in dark mode, invert in light mode so it reads as a pale technical texture rather than a black slab.
  • Readability scrim is two-tier — near-flat vertical fade below md (copy spans the full width there, crop pushed to 72% so the diagonals stay visible), the existing directional fade from md up.
  • Guide heroes keep the stripe texture; the image stays a landing-page device.

Verified headless at 1440×900 and 390×780 in both themes: zero console errors/warnings, no page-level horizontal scroll. Typecheck, lint and a production build pass.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant