[Yiling-J]

Summary

Replaces the old three-tab features page and its outdated screenshots with animated feature sections built on fresh dark-theme screenshots of a seeded Shumai instance. The hero is unchanged. The new copy focuses on self-hosting and data ownership for teams thinking about leaving Frame.io.

Home page

• Eight feature sections: self-hosting, frame-accurate review, file formats (with a draggable 3D turntable), metadata and collections, semantic search, watermarked share links, kanban, and the Shumai Agent (both @mention and one-to-one chat, using real x1 replies)
• A feature grid, a Frame.io comparison table, an FAQ, and an install call to action
• Removed scroll-snap; a new site header with section anchors and a mobile menu; a rewritten footer
• Animations only run while in view and respect prefers-reduced-motion

Dedicated pages (prerendered)

• /frame-io-alternative, /self-hosted
• /features/{video-review,file-formats,metadata,semantic-search,share-links,kanban,ai-agent}
• Each page has its own title, description, canonical link, preview image (public/og/*.jpg, 1200x630), and structured data (Organization, WebPage, BreadcrumbList, FAQPage; the home page adds WebSite and SoftwareApplication)
• sitemap.xml is generated at build time; the static one is removed

Accuracy

• Every feature claim was checked against the Shumai source. Things the app doesn't do were left out (timeline comment markers, synced compare playback). HLS is described as optional because it is off by default.
• Frame.io pricing is marked "checked October 2026", and an honest "where Frame.io may still be the better fit" section is included (Camera to Cloud, iOS/tvOS apps, SAML SSO, range comments).

Other

• vite.config.ts: a small dev-only plugin serves the app for known routes, so dedicated pages work under vite dev (they returned 404 before)
• chore commit: removes unused @google/genai, express, dotenv, @types/express; adds pinned @types/react / @types/react-dom (the repo had no React types)
• Removes InteractiveShowcase, ChineseBorder, and the old *-example.webp screenshots
• New media is about 3.4 MB of responsive WebP screenshots (960/1600/2400) plus 1 MB of preview images

Testing

• bun run validate passes (Biome, tsc --noEmit, build plus prerender, verify:ssg)
• scripts/verify-ssg.ts was rewritten to run 172 checks covering every route (title, description, canonical, OG/Twitter tags, OG image file, JSON-LD types, a single correct H1, section headings, FAQ questions, internal links), plus the sitemap, robots.txt, and the 404 page. I confirmed it fails when an OG image is deleted.
• Rendered every route in headless Chromium at 1440px and 390px with no console or hydration errors; fixed horizontal overflow on mobile
• Checked that all dedicated routes render the correct H1 under the Vite dev server

Not tested: wrangler dev / a real Cloudflare deployment (local servers couldn't be started in my environment, so I previewed the built dist/ through request interception).