Marketing
CTA Card — editable Remotion component
A transparent conversion-ready CTA with a large bright headline, supporting copy, and a focused action label with an optional URL.
Component details
- Version
- 0.3.0
- License
- MIT
- Duration
- 5.0 seconds
- Dimensions
- 1920 × 1080
Prerequisite: Create a Remotion project
Agent Motion installs components into an existing Remotion project. If you are starting fresh, create the standard project structure first:
npx @agent-motion/cli create remotion my-remotion-video
Add editable source
Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.
npx @agent-motion/cli add cta-card@0.3.0
Agent guidance
- The component has no card surface, border, decorative header, preset badge, or background; place it directly over the scene.
- Presets are bundles of public typography and color props; choose launch, gradient, or minimal, then override individual values when needed.
- Use headlineFontSize, detailFontSize, and actionFontSize to control all three text levels independently.
- Keep each content entry concise enough to read in one glance.
- The headline, supporting copy, and action enter sequentially; tune their rise duration with entranceInFrames and their delay with staggerInFrames.
- Leave x, y, width, and height unset for centered eighty-percent sizing.