I recently developed and launched a portfolio website for a digital media agency from Bangalore:
https://sequentmediahouse.com/
The website was built using Next.js 16, TailwindCSS, GSAP, and Motion, focusing on smooth animations and fast performance.
Some interesting features I implemented in this project:
• Section overlap animations starting from the center of the screen
• Cursor-based image trail interactions
• Parallax-style row animations
• Smooth motion-based transitions
• Optimized images and videos for faster loading
For the contact form, I integrated EmailJS, allowing form submissions to go directly to the client's Gmail inbox.
Deployment was an interesting learning experience as well.
Initially, I hosted the website on Hostinger shared hosting, but the performance was slow even with CDN enabled. I then experimented with Cloudflare Pages for its unlimited bandwidth, storage, and global CDN.
However, the client preferred Vercel for its seamless Next.js optimization and performance, so the final deployment is currently on Vercel.