Skip to content

feat(ui): rework landing hero, drop stats band, add community configs#30

Merged
fullstackjam merged 1 commit into
mainfrom
feat/landing-v3-community
Jun 27, 2026
Merged

feat(ui): rework landing hero, drop stats band, add community configs#30
fullstackjam merged 1 commit into
mainfrom
feat/landing-v3-community

Conversation

@fullstackjam

Copy link
Copy Markdown
Member

Summary

Follows the updated OpenBoot Redesign design file (v3) — a landing-page overhaul. It removes the GitHub-star stats band, which duplicated the header star badge, so the star count now lives in one place (the header).

Landing (src/routes/+page.svelte, rewritten)

  • Hero: dropped the badge pill and the 3 feature bullets; shorter title + one-line subtitle; install command is now an inline box; layout flipped so the terminal is wider; staggered entrance animations. Terminal demo timing/height/copy updated per v3.
  • Stats band removed → resolves the duplicate GitHub-star count
  • "How it works": dropped the h2 (just the > how it works eyebrow); steps reveal on scroll with a stagger
  • New "community configs" section: a 3-up grid of live config cards (name, cli/apps counts, package fingerprint, curl command) + a "Browse all configs →" link to /explore

New (src/routes/+page.server.ts)

  • Loads the top 3 featured public configs via the existing getPublicConfigs and computes fingerprint counts server-side (SSR, no layout shift). Returns an empty list — section hides — if the DB binding is absent.

Deliberate adaptations (live app vs static mock)

  • Community cards bind to real DB configs, not the mock's demo data
  • Scroll-reveal uses an IntersectionObserver action instead of the mock's global scroll listener (same effect, self-contained)
  • Respects prefers-reduced-motion — content stays visible, no animation; no-JS degrades gracefully (SSR content visible)

Test plan

  • npm run validate passes (lint + type-check + tests + build); svelte-check 0 errors
  • Verified hero / how-it-works / community in light + dark via Playwright; scroll-reveal triggers correctly; community section renders live DB data
  • Diff scoped to the landing page (1 file changed + 1 new file)

🤖 Generated with Claude Code

Follow the updated OpenBoot Redesign design file (v3), a landing-page
overhaul. Removes the GitHub-star stats band — which duplicated the
header star badge — so stars now appear in one place.

- hero: drop the badge pill and feature bullets; shorter title + one-line
  subtitle; inline install command; terminal-wider layout; staggered
  entrance animations; terminal demo timing/height/copy updated
- remove the 4-up stats band (resolves the duplicate GitHub-star count)
- how it works: drop the h2 (eyebrow only) and reveal the steps on scroll
- new "community configs" section: server-loaded top 3 featured public
  configs as cards (name, cli/apps counts, package fingerprint, curl),
  with a "Browse all configs" link to /explore
- new +page.server.ts loads the configs via getPublicConfigs and computes
  fingerprint counts server-side; hides the section if the DB is absent
- scroll-reveal uses an IntersectionObserver action and respects
  prefers-reduced-motion (content stays visible, no animation)

Verified hero/how-it-works/community in light and dark via Playwright.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@codecov

codecov Bot commented Jun 27, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@fullstackjam fullstackjam merged commit d5ba3f5 into main Jun 27, 2026
8 checks passed
@fullstackjam fullstackjam deleted the feat/landing-v3-community branch June 27, 2026 19:00
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