feat(website): add Framefields hero animation for the landing page

[Ferryx349]

Description

This PR adds website/hero-animation/, Framefields source for the landing herowhich includes :- what nostream is, event flow, features, deploy, NIP count from root package.json, Biome/Docker/changeset tweaks only.

Related issue

closes :- #804

How Has This Been Tested?

Test: cd website/hero-animation && pnpm install && pnpm run setup && pnpm run typecheck

Screenshots (if appropriate):

nostream-hero-low.mp4

[changeset-bot]

🦋 Changeset detected

Latest commit: 2e8b76a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	framefields@​2.0.8
	@​types/​node@​24.19.1
	tsx@​4.23.15
	typescript@​5.9.3
	sharp@​0.35.5

View full report

[greptile-apps]

Confidence Score: 4/5

[Low impact] Adds a standalone animation tool for the website landing page.

The PR appears safe to merge, with a non-blocking follow-up to check the animation package in CI.

Findings

1.  CI skips the animation package ▶

Summary

Adds a standalone Framefields package for a 34-second landing-page animation.

• The landing-page animation explains how nostream works.
• Contributors can preview the animation and export video or frames.

Non-blocking follow-up: add CI coverage for the package's type check.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Fonts[Font downloads] --> Setup[Setup assets]
  Logos[Brand images] --> Setup
  Effects[Generated backgrounds] --> Setup
  Setup --> Film[Build animation]
  Package[Root supported NIPs] --> Film
  Film --> Preview[Browser preview]
  Film --> Video[MP4 export]
  Film --> Frames[PNG frames]

Loading

_{Reviews (1) · Last reviewed commit: "feat(website): add Framefields hero anim..." · Reviewed by Greptile}

[greptile-apps]

CI skips the animation package

The new typecheck command is not run by CI. Existing checks install only the root package, and later changes under website/** do not trigger the build job. Future animation changes can pass CI even when the package no longer compiles.

As a non-blocking follow-up, add a separate job that installs this package with its lockfile and runs pnpm run typecheck when these files change. This catches broken imports and API changes without requiring a GPU.

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

[coveralls]

coverage: 72.58%. remained the same — feat/website-hero-animation into main