Guided Walkthrough Tours, WebP Performance & Custom OG Images

First-time visitors to the Projects, Music, and Company Intelligence modules now get a gentle spotlight + tooltip walkthrough that highlights key areas of the interface. The tours auto-trigger on first visit (with a 600ms delay so the page settles), and are remembered via localStorage so they never repeat. A reusable useModuleWalkthrough hook makes it easy to add tours to any module. Each tour has 2 focused steps — enough to orient you without being annoying.

All 19 PNG assets across the app have been converted to WebP format with PNG fallback using the element. Theme icons dropped from ~50KB to ~16KB each (69% savings). The PWA manifest now prefers WebP icons, and screenshots use WebP too. Total savings: ~290KB across all static assets. Older browsers that don't support WebP automatically fall back to the original PNG — no user impact.

Every feature page (/features/task-management, /features/travel, etc.) now has its own branded Open Graph image instead of the generic Nyura logo. When you share a feature page on social media, the preview shows a unique 1200×630 image with the feature name and icon. We also added PWA install screenshots — mobile (1080×1920) and desktop (1920×1080) — so Chrome and mobile browsers show a richer install prompt with actual app previews.