zlox-landing-page

Zlox Blender Landing Page

Premium scroll-driven product landing page for the Zlox Blender, featuring smooth animations and video integration.

Setup

1. Extract video frames to frames/ directory:

   ffmpeg -i blender-animation.mp4 -vf "fps=24,scale=1280:-1" -c:v libwebp -quality 80 "frames/frame_%04d.webp"
   

2. Serve locally:

   python3 -m http.server 8000
   

3. Open http://localhost:8000

Features

• Smooth Lenis scroll
• Video frames tied to scroll position
• Hero circle-wipe reveal
• Horizontal marquee
• Section entrance animations
• Counter animations
• Dark overlay for stats

Tech Stack

• Vanilla HTML/CSS/JS
• GSAP + ScrollTrigger
• Lenis smooth scroll