import React from 'react'; import { AbsoluteFill, Series, useCurrentFrame, useVideoConfig, interpolate, spring, Easing, Img } from 'remotion'; import { loadFont } from '@remotion/google-fonts/Inter'; import { Zap, Users, DollarSign, MapPin, ArrowRight } from 'lucide-react'; export const { fontFamily: interFontFamily } = loadFont("normal", { weights: ['400', '500', '600', '700', '800'], subsets: ['latin'] }); function HeroScene() { const frame = useCurrentFrame(); const { width, height } = useVideoConfig(); const titleTranslateY = interpolate(frame, [15, 45], [80, 0], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const titleOpacity = interpolate(frame, [15, 45], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const titleBlur = interpolate(frame, [15, 45], [20, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const subtitleOpacity = interpolate(frame, [35, 60], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const subtitleBlur = interpolate(frame, [35, 60], [15, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

Join the
Vercel AI Accelerator

6 weeks. 40 participants. over $4M in credits.

); } function BenefitsScene() { const frame = useCurrentFrame(); const headerOpacity = interpolate(frame, [0, 25], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const headerBlur = interpolate(frame, [0, 25], [15, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const cardsStagger = [20, 30, 40]; return (

$4M+ in Credits

Comprehensive support from industry-leading AI platforms

{[ { icon: Users, title: 'Expert Mentorship', desc: 'Weekly sessions with industry leaders', delay: 0 }, { icon: DollarSign, title: 'Platform Credits', desc: 'AWS, OpenAI, Anthropic & more', delay: 1 }, { icon: MapPin, title: 'Demo Day SF', desc: 'Direct investor connections', delay: 2 } ].map((benefit, index) => { const cardOpacity = interpolate(frame, [cardsStagger[index], cardsStagger[index] + 20], [0, 1], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const cardTranslateY = interpolate(frame, [cardsStagger[index], cardsStagger[index] + 20], [40, 0], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const cardBlur = interpolate(frame, [cardsStagger[index], cardsStagger[index] + 20], [10, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

{benefit.title}

{benefit.desc}

); })}

); } function LogosScene() { const frame = useCurrentFrame(); const headerOpacity = interpolate(frame, [0, 20], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const headerBlur = interpolate(frame, [0, 20], [15, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const logos = [ "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/9hv2tAsy8H-RicdspMznKUqxPYH2mmBu2tR590dzv.svg", // AWS "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/N0q63Mkjsy-EPUzHEX3YLasBuATD0pwUj1IUkDFrb.svg", // OpenAI "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/Jh_Iv_OdoO-waV2gHTbgdXRwMfrc3aarskQBXYOQy.svg", // Anthropic "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/2ku9ha3eQH-hC2DFa7QG2IgM4yZMN7Ol6wkqjw6n6.svg", // Hugging Face "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/UO9YpnVj7C-2QoZlq69NNWd3yphxtxnYQJZy659C5.svg", // Perplexity "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/zkLdsLVx5Y-XUvMP4v7NcM5SLvhLNNKnIJpC099aO.svg", // Groq "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/_6yW-qqeEL-osZtmqFbOxZ0r9Xp6rQFKSWGB1MrSo.svg", // ElevenLabs "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/WqDA-EBVyr-iOayf5DpNDMLVDds2G3Q1ShVZ3irF1.svg", // Mistral "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/adezihksl9-nJCtqs20Hb9upKDyVyyvwdUgBupzXl.svg", // Modal "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/5Z74JG5v3T-stmd07c9HNppgYeD0mrPI0COYDUHJr.svg", // Braintrust "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/GS-k_Rya8G-eSMq4L0mP0MzSa5fd3CNZKXDKPcLoP.svg", // Cursor "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/w6jL0FDCvJ-ODLye84Xy8iR6uG3Utmnium3M9vi0R.svg", // Hyperbolic ]; // Calculate when all logos finish rendering const lastLogoFrame = 15 + ((logos.length - 1) * 3) + 15; // Start + stagger + animation duration const andMoreOpacity = interpolate(frame, [lastLogoFrame, lastLogoFrame + 15], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const andMoreBlur = interpolate(frame, [lastLogoFrame, lastLogoFrame + 15], [10, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

Trusted Partners

Industry-leading platforms powering your AI journey

{logos.map((logo, index) => { const logoOpacity = interpolate(frame, [15 + (index * 3), 30 + (index * 3)], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const logoScale = interpolate(frame, [15 + (index * 3), 30 + (index * 3)], [0.8, 1], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const logoBlur = interpolate(frame, [15 + (index * 3), 30 + (index * 3)], [8, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); })}

and more...

); } function CTAScene() { const frame = useCurrentFrame(); const applyNowOpacity = interpolate(frame, [0, 20], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const applyNowBlur = interpolate(frame, [0, 20], [15, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const shapeOpacity = interpolate(frame, [20, 35], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const shapeBlur = interpolate(frame, [20, 35], [15, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const buttonOpacity = interpolate(frame, [35, 50], [0, 1], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const buttonScale = interpolate(frame, [35, 50], [0.9, 1], { easing: Easing.inOut(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const buttonBlur = interpolate(frame, [35, 50], [10, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const urlOpacity = interpolate(frame, [50, 70], [0, 1], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const urlBlur = interpolate(frame, [50, 70], [10, 0], { easing: Easing.inOut(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

Apply Now

Shape the future of artificial intelligence

Join the Accelerator

vercel.com/ai-accelerator

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

Join theVercel AI Accelerator

$4M+ in Credits

{benefit.title}

Trusted Partners

Apply Now

Join the
Vercel AI Accelerator

Promotional video for Vercel AI Accelerator