import { AbsoluteFill, Img, interpolate, interpolateColors, useCurrentFrame, Easing, } from 'remotion'; import { loadFont } from '@remotion/google-fonts/PlayfairDisplay'; import { loadFont as loadRoboto } from '@remotion/google-fonts/Roboto'; import React from 'react'; const { fontFamily: playfairDisplay } = loadFont('italic', { weights: ['700'], }); const { fontFamily: roboto } = loadRoboto('normal', { weights: ['400', '500'], }); const images = [ 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/dTxmrksOy5-yOxBo4Nah66OcmXpTp46iKfO22wBQC.jpeg', 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/xlK-_7q8Gv-t89ovflfOSK7kT6kn1KgsklJoBKYQf.jpeg', 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/-ZLAVLisFN-EsaCtaTGWwha7bskn9hIrhmh9tuYQE.jpeg', ]; const containerStyle: React.CSSProperties = { backgroundColor: '#F4F1ED', fontFamily: roboto, }; const Header = () => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [0, 20], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

URBAN CHIC

); }; const Title = () => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [10, 30, 180, 200], [0, 1, 1, 0], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const color = interpolateColors( frame, [170, 190], ['#A72626', '#D6A0A0'] ); return (

Define

Your Style

); }; const ImageCarousel = () => { const frame = useCurrentFrame(); const translateX = interpolate(frame, [0, 180], [300, -1100], { easing: Easing.bezier(0.45, 0, 0.55, 1), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

{images.map((src, index) => (

))}

); }; const Footer = () => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [30, 50, 180, 200], [0, 1, 1, 0], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

GET 15% OFF YOUR FIRST ORDER

LIMITED TIME OFFER

DISCOVER MORE AT OURWEBSITE.COM

); }; export function ReerollVideo() { return (

15% Off Promotion Video

More like this

High-Fashion Coming Soon Promo Video

Healthy Food Menu Promo Video

Soda Product Showcase

Airbnb App Demo Tutorial

High-Fashion Coming Soon Promo Video

Healthy Food Menu Promo Video

Soda Product Showcase

Airbnb App Demo Tutorial