README.md

Valentine's Day Special Website 💝

A cute and interactive Valentine's Day website built with Next.js and TailwindCSS. Perfect for expressing your love in a unique way!

✨ Features

• 💕 Interactive Q&A flow with delightful animations
• 🎵 Background music player with auto-play
• 🎊 Confetti effects on interactions
• 💝 Floating hearts and sparkles animations
• 📱 Mobile-first and responsive design
• 💌 Telegram integration for love messages
• 🎨 Beautiful gradient backgrounds and glass morphism effects
• 🔄 "No" button that playfully dodges clicks
• 🌺 Photo gallery with continuous scroll

🛠 Tech Stack

• Next.js 15+
• TailwindCSS
• Lucide React Icons
• Canvas Confetti
• Telegram Bot API

🚀 Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Create .env.local and add your Telegram credentials:

NEXT_PUBLIC_TELEGRAM_BOT_TOKEN="your_bot_token"
NEXT_PUBLIC_TELEGRAM_CHAT_ID="your_chat_id"

4. Add your romantic photos to the public folder
5. Run the development server:

npm run dev

6. Open http://localhost:3000

📱 Mobile First

This website is designed to be viewed primarily on mobile devices for the best experience. A warning banner will appear on desktop views recommending mobile viewing.

💝 Components

• MessageBox: Interactive question and answer component
• FinalQuestion: Special Valentine's proposal with dodging "No" button
• FinalSurprise: Final celebration page with animations
• PhotoGallery: Continuous scrolling photo gallery
• MusicPlayer: Background music controller
• Hearts & ConfettiEffect: Visual effects
• WishModal: Send love messages via Telegram
• Toast: Cute notification system

🎨 Styling

• Custom animations for hearts, sparkles, and transitions
• Glassmorphism effects using TailwindCSS
• Responsive design with smooth mobile/desktop transitions
• Pink-themed gradient color scheme

💕 Made with Love

Created with love for that special someone. Feel free to customize and use it for your own Valentine's surprise!