Animated Lead-Gen Landing Page

The objective is to craft a single-screen landing experience focused on lead generation, brought to life with immersive, full-screen animations. I already have the basic copy and visual direction; what’s missing is the polished, interactive layer that turns visitors into contacts.

Here’s what I need:
• A responsive landing page built with clean HTML, CSS, and modern JavaScript (GSAP, Lottie, or similar) so the animation remains smooth on desktop and mobile.
• A full-screen animated sequence that loads quickly, supports subtle parallax, and guides the visitor’s eye toward the primary call-to-action.
• Embedded video content positioned within the animation flow rather than in a static frame, so it feels native to the design.
• Simple lead-capture mechanics (name, email) tied to a lightweight API or form handler of your choice—Zapier, Mailchimp, HubSpot, etc.—with basic validation and a success state.
• Final hand-off of all source files and a short README explaining how to swap assets and update copy.

Acceptance criteria
1. Initial load under 2.5 s on a 4G connection (Lighthouse score ≥ 85).
2. Animation renders at 60 fps on modern browsers without blocking scroll or input.
3. Lead form delivers data reliably to the connected service and displays a confirmation message.
4. Page passes WCAG AA for contrast and keyboard focus on interactive elements.

If you have prior work that shows bold, full-screen motion married to clear conversion goals, please reference it so I can see how you strike that balance between flair and usability.

AI generated examples very close to what should be accomplished attached, Show More