docs: simplify journey films and page endings

Author: ukimsanov

docs/contributing.mdx

@@ -71,3 +71,9 @@ For Studio changes, verify the behavior in the browser and preserve the source-p
 Use [GitHub Issues](https://github.com/heygen-com/hyperframes/issues) for bugs and proposals. A useful bug report includes the smallest reproduction, the first exact error, `npx hyperframes info`, and the operating system.
 
 By contributing, you agree that your work is licensed under the [Apache 2.0 License](https://github.com/heygen-com/hyperframes/blob/main/LICENSE) and follows the [Code of Conduct](https://github.com/heygen-com/hyperframes/blob/main/CODE_OF_CONDUCT.md).
+
+## Related topics
+
+- [Test local CLI changes](/contributing/testing-local-changes)
+- [Contribute a Catalog item](/contributing/catalog)
+- [Understand release channels](/contributing/release-channels)

docs/custom.css

@@ -753,120 +753,6 @@ samp {
   outline: none;
 }
 
-.hf-docs-video-guide {
-  margin-top: 0.75rem;
-  padding: 0.85rem;
-  border: 1px solid rgba(128, 128, 128, 0.24);
-  border-radius: 0.7rem;
-  background: rgba(128, 128, 128, 0.045);
-}
-
-.hf-docs-video-guide-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  margin-bottom: 0.55rem;
-  font-size: 0.8rem;
-}
-
-.hf-docs-video-guide-head strong {
-  font-weight: 650;
-}
-
-.hf-docs-video-guide-head button,
-.hf-docs-video-chapters button,
-.hf-docs-video-transcript button {
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.hf-docs-video-guide-head button {
-  padding: 0.2rem 0;
-  opacity: 0.62;
-  font-size: 0.73rem;
-}
-
-.hf-docs-video-guide-head button:hover,
-.hf-docs-video-guide-head button:focus-visible {
-  opacity: 1;
-}
-
-.hf-docs-video-chapters {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
-  gap: 0.35rem;
-}
-
-.hf-docs-video-chapters button {
-  display: flex;
-  min-width: 0;
-  align-items: baseline;
-  gap: 0.45rem;
-  padding: 0.48rem 0.55rem;
-  border-radius: 0.45rem;
-  text-align: left;
-  font-size: 0.76rem;
-  line-height: 1.3;
-}
-
-.hf-docs-video-chapters button:hover,
-.hf-docs-video-chapters button:focus-visible,
-.hf-docs-video-chapters button[data-active="true"] {
-  background: rgba(128, 128, 128, 0.14);
-}
-
-.hf-docs-video-chapters button[data-active="true"] {
-  box-shadow: inset 2px 0 var(--hf-brand);
-}
-
-.hf-docs-video-chapters span,
-.hf-docs-video-transcript button span {
-  flex: 0 0 auto;
-  opacity: 0.58;
-  font-variant-numeric: tabular-nums;
-}
-
-.hf-docs-video-transcript {
-  margin-top: 0.55rem;
-  border-top: 1px solid rgba(128, 128, 128, 0.2);
-}
-
-.hf-docs-video-transcript summary {
-  width: fit-content;
-  padding: 0.65rem 0 0.1rem;
-  font-size: 0.76rem;
-  font-weight: 600;
-  cursor: pointer;
-}
-
-.hf-docs-video-transcript > div {
-  display: grid;
-  gap: 0.15rem;
-  max-height: 15rem;
-  margin-top: 0.45rem;
-  overflow-y: auto;
-}
-
-.hf-docs-video-transcript button {
-  display: grid;
-  grid-template-columns: 2.4rem 1fr;
-  gap: 0.5rem;
-  padding: 0.4rem 0.45rem;
-  border-radius: 0.35rem;
-  text-align: left;
-  font-size: 0.75rem;
-  line-height: 1.45;
-}
-
-.hf-docs-video-transcript button:hover,
-.hf-docs-video-transcript button:focus-visible {
-  background: rgba(128, 128, 128, 0.12);
-}
-
 .hf-agent-action {
   display: flex;
   align-items: center;

docs/developers/index.mdx

@@ -11,35 +11,6 @@ import { DocsVideo } from "/snippets/docs-video.jsx";
     title="A HyperFrames composition shown through the CLI, SDK, Player, and rendering infrastructure."
     src="/images/showcase/journey-developers-v3.mp4"
     poster="/images/showcase/journey-developers-v3.jpg"
-    chapters={[
-      { time: 0, label: "What you can build" },
-      { time: 5.2, label: "The HTML contract" },
-      { time: 13.2, label: "CLI automation" },
-      { time: 20, label: "SDK inspection and editing" },
-      { time: 27.4, label: "Player embedding" },
-      { time: 32.2, label: "Rendering layers" },
-      { time: 40.2, label: "The mental model" },
-    ]}
-    transcript={[
-      { time: 0.5, text: "What can you build on top of HyperFrames?" },
-      {
-        time: 5.6,
-        text: "Start with the contract. A composition is just HTML.",
-      },
-      { time: 9.6, text: "Every clip declares its own timing." },
-      { time: 13.6, text: "The command line treats that file as input." },
-      { time: 16, text: "One composition, three rows, three renders." },
-      {
-        time: 20.4,
-        text: "The SDK opens the same HTML with no browser at all.",
-      },
-      { time: 23.9, text: "Query it, retime a clip, write it back." },
-      { time: 27.8, text: "The player embeds it in your page, and seeks it." },
-      { time: 32.6, text: "Underneath, the engine seeks Chrome frame by frame." },
-      { time: 35.7, text: "The producer encodes and mixes." },
-      { time: 37.6, text: "The cloud does both without your machine." },
-      { time: 40.8, text: "One composition. Inspect or edit. Play or render." },
-    ]}
   />
 </div>
 

docs/go-further.mdx

@@ -12,58 +12,6 @@ import { DocsVideo } from "/snippets/docs-video.jsx";
     title="An existing HyperFrames project is revised with an agent, edited in Studio, enriched, checked, and rendered."
     src="/images/showcase/journey-go-further-v3.mp4"
     poster="/images/showcase/journey-go-further-v3.jpg"
-    chapters={[
-      { time: 0, label: "Start from a working project" },
-      { time: 6.3, label: "Ask for a story change" },
-      { time: 13.85, label: "Let the agent rewrite it" },
-      { time: 22.6, label: "Make a precise Studio edit" },
-      { time: 30.1, label: "Add reusable detail" },
-      { time: 42.1, label: "Check and render" },
-      { time: 50.6, label: "Review the result" },
-    ]}
-    transcript={[
-      { time: 0.45, text: "This project already works." },
-      {
-        time: 2.55,
-        text: "Going further means changing it without starting over.",
-      },
-      { time: 6.9, text: "Some changes are story-sized." },
-      {
-        time: 9.15,
-        text: "Beat four is where this piece turns — and it was the shortest scene on the timeline.",
-      },
-      {
-        time: 14.3,
-        text: "Say that in plain language, and the timeline rewrites itself.",
-      },
-      {
-        time: 17.9,
-        text: "The turn gains a second and a half; the ending comes in to meet it.",
-      },
-      {
-        time: 23.2,
-        text: "Some changes are pixel-sized. Those you type yourself.",
-      },
-      { time: 26.9, text: "A title size, set by hand, in the panel." },
-      { time: 30.9, text: "Then make the change worth keeping." },
-      {
-        time: 33.3,
-        text: "A Catalog lower third fills the room the agent made,",
-      },
-      {
-        time: 36.6,
-        text: "and its lines become variables — so the next listing is a flag, not an edit.",
-      },
-      {
-        time: 42.9,
-        text: "Check it for real: the two findings that mattered are gone.",
-      },
-      { time: 47.3, text: "Render." },
-      {
-        time: 51.9,
-        text: "One project, two hands. The agent moves the story; you move the frame.",
-      },
-    ]}
   />
 </div>
 

docs/introduction.mdx

@@ -12,40 +12,6 @@ import { LiveReferenceProject } from "/snippets/live-reference-project.jsx";
     title="What is HyperFrames?"
     src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5.mp4"
     poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-introduction-v5.jpg"
-    chapters={[
-      { time: 0, label: "What it is" },
-      { time: 6.6, label: "Why agents can build it" },
-      { time: 16, label: "Real films, made as web pages" },
-      { time: 31.7, label: "The editable project" },
-      { time: 40.8, label: "Studio and render" },
-      { time: 48.8, label: "The whole idea" },
-    ]}
-    transcript={[
-      { time: 0.45, text: "So — what exactly is HyperFrames?" },
-      { time: 3.96, text: "It turns HTML into video." },
-      {
-        time: 6.61,
-        text: "And that matters, because your agent already writes HTML, CSS and JavaScript. There's no new language for it to learn.",
-      },
-      { time: 16, text: "Every film you're watching right now is a web page." },
-      {
-        time: 19.67,
-        text: "The layouts, the typography, the interfaces, the animations, the transitions, the effects — all of it authored as HTML, CSS and JavaScript by an AI agent.",
-      },
-      {
-        time: 31.76,
-        text: "The footage, the images, the narration, the music, the sound — those are real files, assembled into that same editable project.",
-      },
-      { time: 40.83, text: "Open it in Studio. Move a clip. Change a word." },
-      {
-        time: 44.56,
-        text: "Then one command renders every frame, and hands you a file.",
-      },
-      {
-        time: 48.89,
-        text: "That's the whole idea. A request. An agent. An editable project. A video.",
-      },
-    ]}
   />
 </div>
 

docs/product-updates.mdx

@@ -45,3 +45,9 @@ npx hyperframes@latest upgrade --project . --check
 ```
 
 Read the [release archive](/changelog) before upgrading a production workflow with custom integrations.
+
+## Related topics
+
+- [Read the complete release archive](/changelog)
+- [Make your first video](/quickstart)
+- [Review and edit a project in Studio](/studio)

docs/quickstart.mdx

@@ -12,35 +12,6 @@ import { AgentAction } from "/snippets/agent-action.jsx";
     title="A beginner creates a first HyperFrames video from one short request, then continues with an agent, Studio, or the CLI."
     src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-quickstart-v5.mp4"
     poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-quickstart-v5.jpg"
-    chapters={[
-      { time: 0, label: "Make the request" },
-      { time: 8.4, label: "Confirm the intent" },
-      { time: 17, label: "Get a real project" },
-      { time: 22.8, label: "Watch the first version" },
-      { time: 27.8, label: "Choose how to continue" },
-      { time: 35.6, label: "The result" },
-    ]}
-    transcript={[
-      { time: 0.2, text: "Let's make one." },
-      { time: 2.2, text: "This is the whole request." },
-      { time: 5.55, text: "One sentence, and a link." },
-      { time: 9.2, text: "Your agent reads it back," },
-      {
-        time: 10.75,
-        text: "confirms what matters, and asks what's missing.",
-      },
-      { time: 14.55, text: "You never had to write a specification." },
-      { time: 17.6, text: "Then it becomes a real project." },
-      { time: 19.85, text: "Scenes, media, timing. Files you own." },
-      { time: 23.5, text: "And a first version you can watch." },
-      { time: 28.45, text: "From here, three doors into the same project." },
-      {
-        time: 31.3,
-        text: "Ask the agent. Open Studio. Or use the command line.",
-      },
-      { time: 36.55, text: "Ten seconds, from one sentence." },
-      { time: 40.1, text: "Now make yours." },
-    ]}
   />
 </div>