Aqua Innovations

I built a modern agency website for Aqua that combines smooth scrolling with GSAP animations and a slide-out navigation menu. The site uses modular page sections so the layout can be recomposed for different pitches and case studies, responsive typography for any screen size, and Lenis smooth scroll with GSAP entrance animations for a polished feel.

React 19Vite 7Tailwind 4GSAPLenisNetlify

View on GitHub Check it out

On this page

Feature Highlights

Momentum-based scrolling with GSAP-driven reveals

Lenis smooth scroll providing momentum-based scrolling across the site
GSAP animations for hero headings, section reveals, and element entrances
Mouse trail on the hero section that disables on touch devices
Staggered animations across Statement, Industries, and Approach sections

Stack

React 19: Component framework with concurrent rendering for smooth animations and transitions.
Vite 7: Build tool for fast development and optimized production bundles.
Tailwind CSS 4: Utility-first CSS framework for responsive design and fluid typography.
GSAP: Animation library for entrance effects and section reveals.
Lenis: Smooth scroll library with momentum-based scrolling.
React Router 7: Client-side routing for page navigation.
Netlify: Hosting with continuous deployment and global CDN.

Use Cases

Digital agencies and creative studios wanting a portfolio site with custom animations
Freelancers needing a modular section-based homepage they can quickly adapt
Teams that want smooth scroll and entrance animations without building from scratch

Deploy It

Clone: git clone https://github.com/dhruba-datta/Aqua
Install: npm install
Run dev: npm run dev at localhost:5173
Build & deploy: npm run build then push dist to Netlify

Related projects

Optify project cover

Optify

AI transformation company site with shader visuals, an MDX journal and a build-time AI-search layer.

Operavo project cover

Operavo

Voice AI for real estate: answers every call, qualifies the buyer and books the showing on a live calendar.

Next.js 16Voice AI+4

SEG Marketing project cover

SEG Marketing

Industry landing pages for legal, healthcare and restaurants, with n8n lead routing and Calendly booking.

React 19n8n Automation+3

Let's Connect

Need a site with smooth animations and custom interactions?

I build portfolio and marketing sites with GSAP, Lenis, and modular components that you can customize.