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

Clone Fashion Promo Video with Static Images

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Style Product Promo Video

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

Animated Clothing

Fashion Collection Promo Video

Clone Fashion Promo Video with Static Images

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Style Product Promo Video

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

Animated Clothing

Fashion Collection Promo Video