26:T58e,import React from 'react'; import { AbsoluteFill, interpolate, useCurrentFrame } from 'remotion'; import { WordReveal } from './WordReveal'; const sceneStyle: React.CSSProperties = { display: 'flex', flexDirection: 'column', justifyContent: 'space-between', padding: '120px 80px', color: '#1f2937', }; const lineStyle: React.CSSProperties = { width: '100%', height: '2px', backgroundColor: '#1f2937', opacity: 0.5, }; export function QuoteScene({ quote, author, }: { quote: string; author: string; }) { const frame = useCurrentFrame(); const opacity = interpolate(frame, [0, 30], [0, 1], { extrapolateRight: 'clamp', }); return (

QUOTE

{author}

); } 27:T4ee,import React from 'react'; import { interpolate, useCurrentFrame } from 'remotion'; const containerStyle: React.CSSProperties = { textAlign: 'center', padding: '0 20px', }; const wordStyle: React.CSSProperties = { display: 'inline-block', marginRight: '24px', whiteSpace: 'pre', }; export function WordReveal({ text }: { text: string }) { const frame = useCurrentFrame(); const words = text.split(' '); return (

{words.map((word, i) => { const delay = i * 8; const opacity = int

Inspirational Quote Video