feat(site): new home page, docs, and design system (#566)

Co-authored-by: Darius Cepulis <dcepulis@mux.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ronald Urbina
2026-03-06 16:19:27 -06:00
committed by GitHub
co-authored by Darius Cepulis Claude Opus 4.6
parent f2f9e6ddc3
commit 351a3e8bda
255 changed files with 3574 additions and 1532 deletions
@@ -1,5 +1,5 @@
import { VJS8_DEMO_VIDEO } from '@/consts';
import { VJS10_DEMO_VIDEO } from '@/consts';
import { createPlayer, Poster } from '@videojs/react';
import { VideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/skin.css';
@@ -20,8 +20,8 @@ export function FrostedSkinDemo() {
return (
<Player.Provider>
<VideoSkin className="w-full aspect-video">
<Video src={VJS8_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS8_DEMO_VIDEO.poster} />
<Video src={VJS10_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS10_DEMO_VIDEO.poster} />
</VideoSkin>
</Player.Provider>
);
@@ -1,4 +1,4 @@
import { VJS8_DEMO_VIDEO } from '@/consts';
import { VJS10_DEMO_VIDEO } from '@/consts';
import { createPlayer, Poster } from '@videojs/react';
import { MinimalVideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/minimal-skin.css';
@@ -18,8 +18,8 @@ export function MinimalSkinDemo() {
return (
<Player.Provider>
<MinimalVideoSkin className="w-full aspect-video">
<Video src={VJS8_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS8_DEMO_VIDEO.poster} />
<Video src={VJS10_DEMO_VIDEO.mp4} playsInline />
<Poster src={VJS10_DEMO_VIDEO.poster} />
</MinimalVideoSkin>
</Player.Provider>
);