Interactive Hero

Premium Interactive Hero

Engage your visitors instantly with the Spade Interactive Hero. This premium, conversion-focused component combines a highly interactive video background—which scrubs smoothly forward and backward based on the user's mouse movement—with a sleek, built-in typewriter headline effect.

Fully responsive, accessible, and highly customizable right from the Framer properties panel.

Key Features

• Mouse-driven Video Scrubbing: The background video timeline reacts smoothly to horizontal mouse movements. (Includes smart fallbacks: plays normally on touch devices or screens without fine pointers).

• Typewriter Headline: Built-in, glitch-free typing animation with a blinking cursor. Fully adjustable typing speed and start delays.

• Dynamic Service Selection: Interactive, multi-select pill tags with smooth spring animations that update a live feedback banner instantly.

• Smart Call-to-Action: Automatically appends the user's selected services as URL query parameters (e.g., ?services=Brand,Digital) directly to your target link.

• Performance & Accessibility Optimized: Includes prefers-reduced-motion support, screen-reader status announcements, and avoids hydration mismatches.

Support

If you encounter any issues, need help with the setup, or want to suggest a new feature, feel free to reach out.

• Email: enekolekue16@gmail.com

• Note: Video rendering relies on your MP4's keyframe density. For the smoothest scrubbing experience, use videos compressed with a short GOP (Group of Pictures).

Legal

Released under the standard Framer Marketplace License.

• You can: Use this component in unlimited personal and commercial projects (including client work).

• You cannot: Resell, redistribute, or sub-license the component itself or its source code, either modified or unmodified.