v2: Complete landing page rebuild - fix broken scroll animations, add premium features

Browse Source

CRITICAL FIX:
- Replaced broken GSAP-only reveal system with IntersectionObserver (CSS-based)
- All sections now visible and animated reliably
- GSAP used as enhancement only, not required for visibility

NEW FEATURES:
- Scroll progress bar at top of page
- Particle background (canvas-based floating blue dots)
- Animated gradient mesh background
- 3D parallax phone mockup with mouse tracking
- Floating badges around hero (98% Open Rate, Blue Bubbles, No Monthly Fee)
- Floating iMessage bubbles around phone
- Before/After draggable comparison slider (SMS vs iMessage)
- Bento grid layout for features (varied card sizes)
- Animated stat counters with IntersectionObserver
- 4-step workflow with animated connecting line + flowing particle
- Testimonial carousel with auto-rotation (4 testimonials)
- Interactive pricing toggle (monthly/annual with savings badge)
- Video embed placeholder with play button overlay
- Wave SVG + diagonal section dividers throughout
- Button ripple micro-interactions
- Sticky nav that shrinks + adds blur on scroll
- Dark/light mode toggle
- Fully responsive mobile-first design

FORMS: Both hero + CTA forms have Name, Email, Phone + 'Get Free Access →'

...

This commit is contained in:

Jake Shore 2026-02-06 11:12:08 -05:00

parent 58f6717033

commit a33896e2d4

1 changed files with 946 additions and 881 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1825

index.html

File diff suppressed because it is too large Load Diff