import { AbsoluteFill, Img, useCurrentFrame, interpolate, Easing } from 'remotion'; import { montserratFontFamily, dancingScriptFontFamily } from './fonts'; const config = { images: { left: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/6rNv7mtP_x-faIIVtJGnkyF5PJyVipPMmmjkBRN46.png', right: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/xHNJ3spGFE-nfp2aRIacTaINi4KOCFROepdOtT5mI.png', }, textures: { grunge: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/pWLVcAMhG_-IbBaajDAx2m9miPiJXDy9e5Hi9pdxw.jpeg', }, colors: { background: '#EAE7DC', text: '#FFFFFF', buttonBackground: '#E07A5F', }, }; const AnimatedText = ({ children, fontFamily, fontSize, delay, style }) => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [delay, delay + 15], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const scale = interpolate(frame, [delay, delay + 15], [0.9, 1], { easing: Easing.out(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

{children}

); }; const AnimatedImage = ({ src, from, side }) => { const frame = useCurrentFrame(); const translateX = interpolate( frame, [from, from + 20], [side === 'left' ? -800 : 800, 0], { easing: Easing.out(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const opacity = interpolate(frame, [from, from + 10], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); }; const GrungeOverlay = ({ texture, rotation, startX, startY }) => { const frame = useCurrentFrame(); const translateX = interpolate(frame, [0, 20], [startX, 0], { easing: Easing.out(Easing.quad), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const translateY = interpolate(frame, [0, 20], [startY, 0], { easing: Easing.out(Easing.quad), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); }; export function ReerollVideo() { const frame = useCurrentFrame(); const buttonOpacity = interpolate(frame, [25, 40], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return ( DENIM DAYS Fresh Collection

DISCOVER

); }

Reeroll has shut down