Imageworks

AI image platform landing page with a 3D hero, pinned image gallery, and animated product showcases

Built With

Next.js 16+
React 19
TypeScript
Tailwind v4
Motion
Three.js
WebGL
Lenis
next-themes
Lucide

About this template

A visual landing page for an AI image generation product. A Three.js ribbon carries images through the hero, pinned scroll sequences take a brief through its variations, and an image helix closes the page. Imageworks includes product comparisons, customer stories, and pricing in a responsive, theme-aware design.

Special Features

  • Three.js image ribbon in the hero and image helix in the closing CTA
  • Canvas dot fields behind the hero and closing copy
  • Pinned brief-to-render and image variation scroll sequences
  • Floating navigation that condenses as the page scrolls
  • Animated benchmark charts and comparison timeline
  • Customer stories with tabs and automatic progression
  • Monthly/yearly billing switch with animated price digits
  • Optional Lenis smooth scrolling and reduced-motion alternatives
  • Responsive layouts, light/dark themes, and keyboard controls
  • Original branding, social image, metadata, structured data, and sitemap

Included Sections

  • Floating navigation with active-section marker
  • Hero with Three.js image ribbon and dot field
  • Pinned brief-to-render sequence
  • Pinned image variations gallery
  • Animated benchmark comparisons
  • Delivery format showcase
  • Tabbed customer stories
  • Pricing tiers and enterprise option
  • FAQ accordion
  • Closing CTA with Three.js image helix
  • Footer with link columns and rising brand mark