Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | 1x | import React from 'react';
import { Sequence } from 'remotion';
import { BackgroundMesh, CinematicGrade } from './Components';
import { SceneReveal } from './SceneReveal';
import { SceneCaptureModes } from './SceneCaptureModes';
import { SceneAnnotations } from './SceneAnnotations';
import { SceneFeatures } from './SceneFeatures';
import { SceneHistory } from './SceneHistory';
import { ScenePillars } from './ScenePillars';
import { SceneOutro } from './SceneOutro';
/**
* Daguerre 60-Second 60fps Product Launch Motion Graphics Sequence.
* Orchestrates a comprehensive 3600-frame journey across 7 scenes:
* - Frames 0–480: The Solid Dark Reveal & Identity (v1.0.6)
* - Frames 480–1080: Precision Multi-Mode Capture Studio
* - Frames 1080–1680: Creative Annotation & Redaction Suite
* - Frames 1680–2340: Offline Live Text OCR & Searchable PDFs
* - Frames 2340–2880: Local History & Instant Search
* - Frames 2880–3360: The Uncompromising Trust Pillars
* - Frames 3360–3600: Outro, Official Badges & "Fast. Private. Transparent."
*/
export function LaunchSequence(): React.JSX.Element {
return (
<div
style={{
position: 'relative',
width: '100%',
height: '100%',
backgroundColor: '#08080A',
overflow: 'hidden',
}}
>
{/* Layer 1: Ambient Background Mesh (Continuous across entire 60s video) */}
<BackgroundMesh />
{/* Layer 2: Scene Sequences (60fps Rhythmic Flow) */}
{/* Scene 1: The Solid Dark Reveal & Identity (0.0s – 8.0s) */}
<Sequence
from={0}
durationInFrames={481}
name='Scene 1: Reveal & Identity'
>
<SceneReveal />
</Sequence>
{/* Scene 2: Precision Multi-Mode Capture Studio (8.0s – 18.0s) */}
<Sequence
from={480}
durationInFrames={601}
name='Scene 2: Capture Engine'
>
<SceneCaptureModes />
</Sequence>
{/* Scene 3: Creative Annotation & Redaction Suite (18.0s – 28.0s) */}
<Sequence
from={1080}
durationInFrames={601}
name='Scene 3: Annotation Suite'
>
<SceneAnnotations />
</Sequence>
{/* Scene 4: Offline Live Text OCR & Searchable PDFs (28.0s – 39.0s) */}
<Sequence
from={1680}
durationInFrames={661}
name='Scene 4: Live Text OCR'
>
<SceneFeatures />
</Sequence>
{/* Scene 5: Local History & Instant Search (39.0s – 48.0s) */}
<Sequence
from={2340}
durationInFrames={541}
name='Scene 5: Private History'
>
<SceneHistory />
</Sequence>
{/* Scene 6: The Trust Pillars (48.0s – 56.0s) */}
<Sequence
from={2880}
durationInFrames={481}
name='Scene 6: Trust Pillars'
>
<ScenePillars />
</Sequence>
{/* Scene 7: Outro & Official Launch Lockup (56.0s – 60.0s) */}
<Sequence
from={3360}
durationInFrames={240}
name='Scene 7: Outro & Badges'
>
<SceneOutro />
</Sequence>
{/* Layer 5: Film Grade, Vignette & Grain */}
<CinematicGrade />
</div>
);
}
|