Optimax — AI SaaS Landing Page with Scroll Animations

Create **Optimax**, a polished AI SaaS landing page that pairs mountain landscapes with a cool blue palette, frosted glass details, and smooth scroll animations.

This one-shot build prompt includes precise layout instructions, exact copy, hosted image URLs, responsive rules, and the complete HTML, CSS, and JavaScript implementation. Paste it into your coding assistant to build a standalone `index.html` with no build step.

**Design highlights**

- Animated hero entrance with drifting clouds and frosted glass accents

- Mountain landscape backdrop with a gentle animated-poster fallback

- Ticket-style statistic cards with scroll-driven counters

- Expanding three-panel workflow accordion on desktop

- Readable stacked workflow steps on mobile

- Glass CTA card with floating particles

- Animated footer logo and smooth anchor navigation

- Reduced-motion support and responsive layouts

**What’s included**

One downloadable `.txt` prompt containing the construction specification and complete implementation. Images are hosted at declared public URLs; fonts and animation libraries load from external providers.

**Technical details**

Built with vanilla HTML, CSS, and JavaScript, using Inter Tight, GSAP, ScrollTrigger, and Lenis. The page needs internet access for its hosted assets and libraries. It is a presentation template; signup, authentication, and backend services are not included.

The reference design was browser-tested at desktop and mobile widths, including counters, accordion interactions, and scroll effects. Generated results may vary by coding assistant.