import { AbsoluteFill, Img, interpolate, spring, useCurrentFrame, useVideoConfig } from 'remotion'; import { loadFont } from '@remotion/google-fonts/Anton'; import { loadFont as loadMontserrat } from '@remotion/google-fonts/Montserrat'; const { fontFamily: antonFamily } = loadFont('normal', { weights: ['400'], subsets: ['latin'], }); const { fontFamily: montserratFamily } = loadMontserrat('normal', { weights: ['400', '700'], subsets: ['latin'], }); export function BlackFridayScene({ imageSrc }: { imageSrc: string }) { const frame = useCurrentFrame(); const { fps } = useVideoConfig(); const cyberTextSlideIn = spring({ frame, fps, from: 400, to: 0, config: { damping: 10, stiffness: 120, mass: 0.4 } }); const mondayTextSlideIn = spring({ frame: frame - 5, // Stagger the animation fps, from: 400, to: 0, config: { damping: 10, stiffness: 120, mass: 0.4 } }); const opacity = interpolate(frame, [30, 60], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

STYLEVANA

CYBER

MONDAY

SAVE BIG

50% OFF

ENDS

SOON

ORDER NOW

YOURWEBSITE.COM

); }

Cyber Monday Sale Ad Video

More like this

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Arrival Video

Winter Collection Promo Video

Social Media Ad Video

Fashion Promo Video with Dynamic Slide Animations

Recreate Denim Fashion Promo Video

Luxury Jewelry Sale Ad

Fashion Collection Promo Video with Carousel

Fashion Promo

Fashion Collection Promo Video

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Arrival Video

Winter Collection Promo Video

Social Media Ad Video

Fashion Promo Video with Dynamic Slide Animations

Recreate Denim Fashion Promo Video

Luxury Jewelry Sale Ad

Fashion Collection Promo Video with Carousel

Fashion Promo

Fashion Collection Promo Video