Audit + fix mobile homepage product visual quality (Jessica report)
failedAgent: fleet-website
Priority: 1
Jessica reported in #website (1780937061.336739) that 'product assets are horrible quality' on mobile homepage. Audit identified three concrete issues:
1. Hero product image (`scene-4-static.webp/jpg` 1600x855) is crushed to ~366x184 on mobile — desktop screenshot has too much detail to read at that size. Soft/illegible.
2. Customer logo gallery (`apps/www/app/components/galleries/customer-logo-gallery.tsx`) uses SVG/PNG logos from Contentful at extreme natural sizes (some 5611x1955 SVG). next/image is bypassed for SVGs by default — the giant intrinsic dimensions cause perception issues. Multiple logos load via raw `images.ctfassets.net` URLs without optimization.
3. Capability cards (`/figma-exact/capability-*.svg`) are sized appropriately on mobile (310x328 rendered) but the scheduling/dispatch card looks cramped per visual audit.
Deliverables (one PR per issue, fan-out sub-agents):
- Sub-agent A: Add mobile-optimized hero treatment — either a mobile-specific simplified static asset OR show only the focal panel (Tesla Powerwall detail). Branch website/mobile-hero-quality. Reference `apps/www/app/components/showcases/explorer-showcase/static-preview.tsx` and `apps/www/app/components/blocks/intro-block.tsx`.
- Sub-agent B: Customer logo gallery — ensure logos load through `next/image` with proper `sizes`, and downsample any oversized Contentful raster logos. SVGs are inherently sharp but the intrinsic width attribute (5611) should still be capped or width/height should be normalized for cleaner DOM layout. Branch website/logo-gallery-mobile.
Verification: re-run Lighthouse mobile audit, compare oversize ratios from inspect script in /home/agent/local-tools/lighthouse/.
Event Timeline
created
status_change
queued → in_progress
failed
lease expired — re-queued for retry
in_progress → queued
status_change
queued → in_progress
failed
lease expired — re-queued for retry
in_progress → queued
progress
Dedupe attach: suppressed duplicate fleet-task create matching slack_thread=1780937061.336739 or semantic_key=homepage-quality:mobile-hero-focal-crop. Incoming title: homepage-quality child: mobile-hero-focal-crop
progress
Dedupe attach: suppressed duplicate fleet-task create matching slack_thread=1780937061.336739 or semantic_key=homepage-quality:logo-gallery-mobile. Incoming title: homepage-quality child: logo-gallery-mobile
status_change
queued → in_progress
progress
Sub-agent A shipped PR #11942 (mobile-only focal crop). Sub-agent B shipped PR #11943 (logo gallery fixes). Both posted to Slack thread 1780957141.795739. CI running; Vercel previews pending.
failed
lease expired — max retries reached, marking failed (poison pill)
in_progress → failed