💌 Valentine's Day Proposal Website

A cute and interactive website to ask that special someone to be your Valentine!

✨ Features

• Intro Page: A welcoming landing page with a cute floating love letter.
• The Question: An interactive page asking "Will you be my Valentine?".
  • Playful "No" Button: The "No" button runs away or changes text, making it impossible to say no!
  • Growing "Yes" Button: The "Yes" button gets bigger and more inviting.
• The Message: A celebratory final page with:
  • Confetti explosion 🎉
  • Rising heart animations 🎈
  • A heartfelt message and a cute couple illustration.
• Responsive Design: Looks great on both desktop and mobile devices.
• Custom Theme: Beautiful Coral Pink & Pastel color palette.

🛠️ Technologies Used

• HTML5
• CSS3 (Custom Animations, Flexbox, Responsive Design)
• JavaScript (DOM Manipulation, Confetti Logic)
• Vite (Build tool)
• Lucide Icons

🚀 How to Run Locally

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

   Open the link shown in your terminal (usually http://localhost:5173) to view the site.

📦 How to Deploy

This project is ready to be deployed to Netlify, Vercel, or GitHub Pages.

1. Build for production:

   npm run build

   This will create a dist folder containing your optimized website.

2. Deploy to Netlify (Drag & Drop):

   • Go to Netlify Drop.
   • Drag and drop the dist folder into the upload area.
   • Your site will be live instantly!

📂 Project Structure

Valentines/
├── css/            # Stylesheets
├── js/             # Interactive logic
├── dist/           # Production build (generated after build)
├── node_modules/   # Dependencies
├── index.html      # Landing page
├── question.html   # Question page
├── message.html    # Result/Success page
├── favicon.svg     # Browser tab icon
├── love-letter.svg # Custom SVG asset
├── package.json    # Project configuration
└── README.md       # This file

---

Made with ❤️