External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(videos): add XLaunchVideo composition with all 7 scenes

Browse Source
This commit is contained in:
SnapOtter
2026-05-08 16:44:54 +08:00
parent 30ad822853
commit d59be53709
2 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/videos/src/compositions/x-launch/XLaunchVideo.tsx
+43
View File
@@ -0,0 +1,43 @@
import type React from "react";
import { AbsoluteFill, Series } from "remotion";
import { GrainOverlay } from "@/components/GrainOverlay";
import { COLOR } from "@/lib/colors";
import { AiShowcaseScene } from "./scenes/AiShowcaseScene";
import { FeatureBurstScene } from "./scenes/FeatureBurstScene";
import { GitHubCTAScene } from "./scenes/GitHubCTAScene";
import { HookScene } from "./scenes/HookScene";
import { PrivacyBeatScene } from "./scenes/PrivacyBeatScene";
import { TerminalInstallScene } from "./scenes/TerminalInstallScene";
import { ToolGridRevealScene } from "./scenes/ToolGridRevealScene";
export const XLaunchVideo: React.FC = () => {
return (
<AbsoluteFill style={{ backgroundColor: COLOR.dark }}>
<Series>
<Series.Sequence durationInFrames={120}>
<HookScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<TerminalInstallScene />
</Series.Sequence>
<Series.Sequence durationInFrames={180}>
<ToolGridRevealScene />
</Series.Sequence>
<Series.Sequence durationInFrames={180}>
<AiShowcaseScene />
</Series.Sequence>
<Series.Sequence durationInFrames={120}>
<PrivacyBeatScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<FeatureBurstScene />
</Series.Sequence>
<Series.Sequence durationInFrames={150}>
<GitHubCTAScene />
</Series.Sequence>
</Series>
<GrainOverlay opacity={0.03} />
</AbsoluteFill>
);
};