Build a single-page interactive birthday website for my boyfriend named Dev.
- Design & Aesthetic:
- Color Palette: Soft pastel tones (soft lavender, pastel pink, warm cream, gentle sky blue, and muted gold) for a romantic, cozy feel.
- Mobile-friendly design with smooth transitions and soft rounded edges.
- Section 1: Subway Surfers Minigame
- Create a lightweight, simple 2D runner game inspired by Subway Surfers directly on the page.
- Player character: A cute avatar representing Dev.
- Controls: Touch swipe (or left/right arrow keys) to switch across 3 lanes and dodge gentle obstacles (like balloons and present boxes).
- Collectibles: Collect floating hearts and mini cakes as he runs.
- Victory Condition: After surviving 20 seconds or collecting 8 hearts, display a message: "Destination Reached: Dev's Birthday!" and automatically scroll down to the next section.
- Section 2: Interactive Cake & Candle Blow
- An animated multi-layer birthday cake with burning candle flames.
- A button labeled "Tap to blow out the candles and make a wish!".
- When clicked, extinguish the candles, play a soft confetti animation, and play a celebratory sound effect.
- Section 3: Birthday Letter
- A cute envelope card that opens smoothly when clicked.
- Inside the letter, display this text:
"Happy Birthday, Dev! ❤️
Words aren't enough to express how much you mean to me. Thank you for bringing so much light, love, and endless happiness into my life. I love you so much today and always!"
- Section 4: Special Memory Cards (Added Touch)
- Interactive flip cards labeled "Click to open a memory".
- Card 1: "Your cute smile"
- Card 2: "Our late night talks"
- Card 3: "How kind you are"
- Card 4: "Making memories together forever"