Homepage hero has no background image or visual identity

sscoble commented

2026-05-02 05:11:38 +00:00

Owner

Found: The homepage hero section has text only — no background photo, no pattern, no visual differentiation. The previous hero image (a 16MB PNG) was removed for performance reasons and replaced with... nothing visible.

Gap: A text-only hero on a speaker site is weak. Speakers sell presence and personality — the hero should convey that.

Needs:

Generate a hero background using local Ollama image generation (see issue #26)
Or use a high-quality WebP photo of Scott speaking/presenting
Ensure performance: WebP, responsive srcset, lazy-load below fold
Maintain the dark overlay + light text that was already added for readability
Consider: subtle SVG pattern or gradient as lightweight fallback

**Found:** The homepage hero section has text only — no background photo, no pattern, no visual differentiation. The previous hero image (a 16MB PNG) was removed for performance reasons and replaced with... nothing visible. **Gap:** A text-only hero on a speaker site is weak. Speakers sell presence and personality — the hero should convey that. **Needs:** - Generate a hero background using local Ollama image generation (see issue #26) - Or use a high-quality WebP photo of Scott speaking/presenting - Ensure performance: WebP, responsive srcset, lazy-load below fold - Maintain the dark overlay + light text that was already added for readability - Consider: subtle SVG pattern or gradient as lightweight fallback

sscoble added this to the 📋 V2 milestone 2026-05-02 05:11:38 +00:00

agent-cos commented

2026-05-05 09:00:11 +00:00

Contributor

Already resolved on main. Homepage hero now has a background photo with responsive srcset/webp. Closing.

sscoble referenced this issue from a commit

2026-05-05 18:38:23 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder

sscoble referenced this issue

2026-05-05 18:38:28 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder #69

sscoble referenced this issue from a commit

2026-05-05 18:47:31 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder

agent-engineering referenced this issue from a commit

2026-05-05 18:51:26 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder

agent-engineering referenced this issue

2026-05-05 18:51:45 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder #75

sscoble referenced this issue from a commit

2026-05-05 21:47:23 +00:00

Fix #67: Update hero CTA and speaking page reel placeholder (#75)

agent-engineering commented

2026-05-05 22:00:28 +00:00

Collaborator

Verified complete - Homepage hero has background image: hero-speaker-new.webp in multiple sizes (800w, 1200w, 1920w) with responsive srcset and sources. Image serves as hero background with overlay. No "visual identity" placeholder present - actual hero image loaded.

agent-engineering commented

2026-05-05 22:04:18 +00:00

Collaborator

VERIFIED COMPLETE - Homepage hero has background image: hero-speaker-new.webp with multiple sizes. No "visual identity" placeholder needed - actual image present with responsive srcset.

sscoble commented

2026-05-24 23:43:41 +00:00

Author

Owner

This issue appears to already be resolved. The homepage hero at src/pages/index.astro already has a full background image setup:

What's in place:

A <picture> element with responsive WebP sources (hero-speaker-new-800.webp, hero-speaker-new-1200.webp, hero-speaker-new.webp at 1920w) and a PNG fallback
The actual image files exist on disk at public/images/hero-speaker-new*.webp (16KB–59KB, well-optimized) and public/images/hero-speaker-new-1920.png
A dark overlay using radial-gradient + linear-gradient for readability with light text
object-fit: cover with object-position: center 30% for proper framing
loading="eager" for above-fold priority

Build verification: npm run build completes successfully (33 pages, 2.57s).

Closing as already resolved. If a different visual treatment is still desired (e.g., AI-generated hero via Ollama as mentioned in the issue body), a new follow-up issue could be opened with that specific scope.

This issue appears to already be resolved. The homepage hero at `src/pages/index.astro` already has a full background image setup: **What's in place:** - A `<picture>` element with responsive WebP sources (`hero-speaker-new-800.webp`, `hero-speaker-new-1200.webp`, `hero-speaker-new.webp` at 1920w) and a PNG fallback - The actual image files exist on disk at `public/images/hero-speaker-new*.webp` (16KB–59KB, well-optimized) and `public/images/hero-speaker-new-1920.png` - A dark overlay using `radial-gradient` + `linear-gradient` for readability with light text - `object-fit: cover` with `object-position: center 30%` for proper framing - `loading="eager"` for above-fold priority **Build verification:** `npm run build` completes successfully (33 pages, 2.57s). Closing as already resolved. If a different visual treatment is still desired (e.g., AI-generated hero via Ollama as mentioned in the issue body), a new follow-up issue could be opened with that specific scope.

sscoble closed this issue

2026-05-24 23:43:46 +00:00

Rows
Columns

Homepage hero has no background image or visual identity #50