Feb 16
Loading video player...
Build and deploy a modern, fully responsive web agency website using Next.js 16, TypeScript, and Tailwind CSS. In this full tutorial, you’ll implement dark & light mode, particle background, typewriter effect, smooth scroll animations, and production-ready deployment—all with a clean, real-world UI. Live Link: https://webagency-yt-2025.vercel.app/ ---------------------------------------------------------------------------------------------------------------------- ❤️Get Full Source Code : https://buymeacoffee.com/webdevwarriors/e/493980 ❤️Starter File: https://github.com/SajalTalukder/webagency_starter.git ----------------------------------------------------------------------------------------------------------------------- 💥 Need hosting for your next project? Get up to 75% OFF Hostinger + 3 months FREE, plus a free domain and migration. ➡️ Claim the deal here: https://hostinger.sjv.io/QjG4Ka Limited time only! ---------------------------------------------------------------------------------------------------------------------- Timestamp : 00:00 Demo 05:43 Project Setup 14:58 Next.js Routing 22:46 Dark & Light Mode 35:18 Navbar 01:09:54 Hero Section 01:46:18 About Section 01:55:54 Services Section 02:09:35 Why Choose Us Section 02:21:44 Pricing Section 02:33:48 Review Slider 02:51:39 Booking Section 02:57:26 Contact Section 03:06:31 Footer 03:27:27 Scroll To Top 03:33:29 Animations 03:48:37 Deployment ----------------------------------------------------------------------------------------------------------------------- 🤝 For Paid Projects, message us : Sajal Talukder: https://www.linkedin.com/in/sajal-talukder/ Rakibul Anas :https://www.linkedin.com/in/rakibulanas777/ Facebook Page: https://www.facebook.com/webdevwarriors Instagram: https://www.instagram.com/webdevwarriors/ ----------------------------------------------------------------------------------------------------------------------- ❤️ Support The Channel: https://www.buymeacoffee.com/webdevwarriors ---------------------------------------------------------------------------------------------------------------------- Don't forget to check out our Popular Playlist : ✅MERN Stack WebApp Project :https://www.youtube.com/playlist?list=PLiBlzp_IFt2VXQlwkj0qRmqSwYgigwToE ✅React Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WXmAODu6mYmVECGiZ4b-70 ✅Next JS Project: https://www.youtube.com/playlist?list=PLiBlzp_IFt2WPn0nPHByA06ucc7HkU_MY ----------------------------------------------------------------------------------------------------------------------- #nextjs #typescript #tailwindcss #reactjs