Lumis AI Agency
Warm off-white AI agency site with serif headings, session-gated intro animation, dot-grid hero, scroll-triggered stats, comparison cards, and AnimatePresence FAQ accordion.
Next.js
Tailwind
Framer MotionLenis1 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, Tailwind, Framer Motion, Lenis.
What's included
Everything you need to ship
Warm #f5f0eb off-white background throughout
Production-ready and fully customisable out of the box.
Serif (Georgia) headings, sans-serif body
Production-ready and fully customisable out of the box.
Animated navbar fade-in on load
Production-ready and fully customisable out of the box.
Star rating + staggered hero children
Production-ready and fully customisable out of the box.
Gradient blob hero image with dot-grid overlay
Production-ready and fully customisable out of the box.
Framer Motion infinite logo marquee (pause on hover)
Production-ready and fully customisable out of the box.
Scroll-triggered count-up stat animations
Production-ready and fully customisable out of the box.
Glassmorphism stat boxes on colorful gradient card
Production-ready and fully customisable out of the box.
Vacancy banner with CTA
Production-ready and fully customisable out of the box.
Full-bleed testimonial card with abstract gradient
Production-ready and fully customisable out of the box.
Sticky left column How-we-work steps
Production-ready and fully customisable out of the box.
Two comparison cards with scrolling pill tags
Production-ready and fully customisable out of the box.
AnimatePresence FAQ accordion (+ rotates to ×)
Production-ready and fully customisable out of the box.
Lenis smooth scroll integration
Production-ready and fully customisable out of the box.
Fully responsive layout
Mobile-first grid using Tailwind's responsive prefix system, tested from 375 px to 4 K.
Included sections
Ready to ship with Lumis AI Agency?
One-time payment. Instant download. Everything you need to go from idea to production.