mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
feat(videos): add XLaunchVideo composition with all 7 scenes
This commit is contained in:
@@ -17,6 +17,7 @@ import { PrivacyPromise } from "./compositions/hero/PrivacyPromise";
|
|||||||
import { ToolGalaxy } from "./compositions/hero/ToolGalaxy";
|
import { ToolGalaxy } from "./compositions/hero/ToolGalaxy";
|
||||||
import { PromoTeaser } from "./compositions/promo-teaser/PromoTeaser";
|
import { PromoTeaser } from "./compositions/promo-teaser/PromoTeaser";
|
||||||
import { PromoTeaserVertical } from "./compositions/promo-teaser/PromoTeaserVertical";
|
import { PromoTeaserVertical } from "./compositions/promo-teaser/PromoTeaserVertical";
|
||||||
|
import { XLaunchVideo } from "./compositions/x-launch/XLaunchVideo";
|
||||||
import { TEXT } from "./lib/fonts";
|
import { TEXT } from "./lib/fonts";
|
||||||
|
|
||||||
const ComponentTest: React.FC = () => (
|
const ComponentTest: React.FC = () => (
|
||||||
@@ -146,5 +147,13 @@ export const RemotionRoot: React.FC = () => (
|
|||||||
width={1080}
|
width={1080}
|
||||||
height={1920}
|
height={1920}
|
||||||
/>
|
/>
|
||||||
|
<Composition
|
||||||
|
id="XLaunchVideo"
|
||||||
|
component={XLaunchVideo}
|
||||||
|
durationInFrames={1050}
|
||||||
|
fps={30}
|
||||||
|
width={1080}
|
||||||
|
height={1080}
|
||||||
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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>
|
||||||
|
);
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user