wish

bysarthak sethi

Create a fully responsive romantic birthday surprise website using HTML, CSS, and JavaScript with smooth animations, modern UI, and cute romantic aesthetics. The website should feel emotional, interactive, playful, and mobile-friendly. 🌸 Landing Screen (Password Unlock Page) The first screen should have: A split-screen layout: LEFT SIDE: Large romantic birthday image placeholder Add soft glowing animation Floating hearts in background Placeholder: [ADD IMAGE HERE] RIGHT SIDE: A stylish keypad/password input section Heading at top: Enter Passcode To Unlock 🎁 Numeric keypad design Password input should hide digits with dots Correct password: 2105 Password Logic If wrong password entered: Shake animation Show red text: Try Again ❌ If correct password entered: Unlock animation Fade transition to next page 🎉 Surprise Page After entering correct password: Display a full-screen romantic page with: Main Text Large animated heading: Ready For Your Surprise? 💖 Buttons Two cute buttons: YES 💕 NO 🙈 Button Behavior YES button: Opens a modal/card/slideshow Allow placeholders for GIFs/images Add smooth popup animation Placeholder examples: [ADD GIF HERE] [ADD IMAGE HERE] NO button: Move away playfully when hovered Impossible to click easily 💌 Second Question Section After clicking YES: Show next romantic question: Do You Love Me? ❤️ Again add: YES 😘 NO 🙃 Behavior YES: Show hearts explosion animation Display sweet message: I Knew It 💞 NO: Button runs away again 😊 Third Question Section After previous interaction: Display: Do You Know I Love Your Dimple? 🥺 Again: YES 💖 NO 😅 YES Response Show: Your Smile Is My Favorite Thing In The World 🌍💘 Add: Floating hearts Sparkle effects Romantic transition animations 🎵 Background Music Add background music running automatically on loop throughout the website. Use placeholder: [ADD SONG HERE] Requirements: Auto-play Loop enabled Hidden audio controls Soft romantic music 🎨 Design Requirements Use: Pink, purple, black, and soft white color palette Glassmorphism cards Smooth transitions Cute hover animations Floating hearts particles Romantic fonts Mobile responsive layout Fullscreen sections Modern aesthetic ✨ Extra Features Add: Confetti animation on successful unlock Typing text effect Fade-in transitions Heartbeat animation on important texts Smooth scrolling Background blur effects 📱 Technical Requirements Generate: Complete HTML Complete CSS Complete JavaScript Organized clean code All code in one file if possible Easy placeholders for: Images GIFs Music Use comments clearly like: <!-- ADD YOUR IMAGE HERE --> 💖 Final Ending Message At the end display: Happy Birthday My Love 🎂💖 You Make My World Beautiful ✨ With: Slow zoom animation Floating hearts Background sparkles Romantic ending screen