Ocean Flow — Diving Equipment Store
A cinematic deep-ocean product landing page for a premium diving gear brand. Dark navy aesthetic with parallax hero, horizontal scroll gallery, sticky technology section, and Lenis smooth scroll throughout.
Next.js
TypeScriptTailwind CSS
Framer MotionLenis4 pages included
Get started
Run it on your machine
Download the template, install dependencies, and have a fully working Next.js app running locally in under 2 minutes.
Download ZIP
Purchase the template to get the full source ZIP
↓Install deps
Open a terminal in the project folder and run the install command
Start dev server
Spin up the local development server with hot reload
Open browser
Visit the local URL and start customising the template
$ npx create-next-app@latest my-app
$ # copy template files into my-app/src/
$ cd my-app
$ npm install framer-motion lucide-react @studio-freight/lenis
$ npm run dev
→ Ready on http://localhost:3000
Requires Node.js 18+ and npm 9+. Stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, Lenis.
What's included
Everything you need to ship
Dark navy deep-ocean colour palette
Production-ready and fully customisable out of the box.
Parallax scroll hero with animated ripple rings
Production-ready and fully customisable out of the box.
Lenis smooth scroll integration
Production-ready and fully customisable out of the box.
Framer Motion scroll-reveal on every section
Production-ready and fully customisable out of the box.
Horizontal parallax gallery strip
Production-ready and fully customisable out of the box.
Sticky left-column technology feature list
Production-ready and fully customisable out of the box.
Scale-on-scroll full-bleed editorial image
Production-ready and fully customisable out of the box.
Count-up animated stat numbers
Production-ready and fully customisable out of the box.
AnimatePresence FAQ accordion
Production-ready and fully customisable out of the box.
Responsive across all viewports
Production-ready and fully customisable out of the box.
Mobile hamburger menu with AnimatePresence
Production-ready and fully customisable out of the box.
Scroll-aware transparent-to-frosted navbar
Production-ready and fully customisable out of the box.
Included sections
Ready to ship with Ocean Flow — Diving Equipment Store?
One-time payment. Instant download. Everything you need to go from idea to production.