birthday-site

Birthday Surprise Website 🎂🎉

This is a special Birthday Celebration Website created using Next.js, Tailwind CSS, Framer Motion, and Lucide Icons.
It’s designed as a personal and emotional way to wish someone special — when you can’t be there physically, let your code speak! 💖

---

🧠 Project Idea

POV: It’s her birthday, but you can’t meet — so you build something special instead.

The website features:

• A live countdown timer ⏳
• Personalized birthday messages 🎈
• Smooth animations using Framer Motion ✨
• Cute icons and a heartfelt design 💌

This was created as part of an emotional reel where the journey begins with a few lines of code in VS Code and ends with a beautiful surprise on the browser.

---

Screenshots:

1. Loader Page

2. Countdown Page

3. Happy Birthday Message Screen

---

🛠️ Built With

• Next.js
• Tailwind CSS
• Framer Motion
• Lucide Icons

---

🔧 Setup

To run this project locally:

git clone https://github.com/Anuj579/birthday-site.git
cd birthday-site
npm install
npm run dev

Make sure to update the target date in Home component if you want to reuse this.

---

🌐 Connect with Me

Follow for more such creative and code-based content!

• 📸 Instagram: @anujbuilds
• 🎥 YouTube: @anujbuilds
• 🐦 Twitter/X: @anujbuilds
• 💼 LinkedIn: Anuj Chaudhary

---

Thanks for checking out this project! If you liked it, consider giving it a ⭐️ on GitHub and sharing the reel ❤️