Free AI prompts. Build a website.

I want to build a romantic, interactive single-page web application with an "anniversary/memories" theme.
Use a pink, minimalist theme with cute animations of floating hearts.

Here are the project requirements and structure:

1. Tech Stack & Architecture
   Framework: React 19 + Vite

Styling: Use Plain CSS (or Tailwind if you prefer, but make it easy to customize). The design must be cute and minimalist, prioritizing use in a browser and on an iPad.
Libraries: Use canvas-confetti for celebratory confetti effects.

2. Core Features & Global Elements
   Global Loader: Create a beautiful loading screen that preloads images, videos, and background audio before displaying the app.

Floating Particles: Continuously display gently floating heart particles in 3 sizes in the background of every screen, creating a magical and romantic atmosphere.
Slide Transitions: Use smooth fade-in / fade-out animations (approximately 0.7 to 1 second) when changing slides or moving between sections.

3. Application Flow & Slides
   Structure the application as a sequence of "slides" that users move through one at a time by pressing a "Next" button.

Slide 0 - Login Screen: Create a password-protected login screen with the heading "Enter our password". Require a 6-digit OTP/PIN-style password representing a day, month, and year. Use square input boxes and a key emoji for the login button (default password: 000000).

Slide 1 - Intro: Place an image at the top of the screen (.. insert image link ..), with the text "Halo babe, welcome to our world!!" below the image.

Slide 2 - Intro 2: Place an image at the top of the screen (.. insert image link ..), with the text "Are you ready for a special thing?" below the image.

Slide 3 - Memories/Timeline: Create a vertical timeline with around 3 sample milestones alternating left and right (first meeting, a trip, and asking to be a couple). Include a next button that opens a playful modal asking whether the user is ready to keep creating memories together. Offer "Let's go" and "Don't go" buttons. Make the "Don't go" button evade the mouse so that it cannot be clicked or even hovered over (box-sizing: border-box is required).

Slide 4 - Appreciation: Use "Thank you for this year, babe" as the card heading. Create a photo gallery or a 6x3 grid (.. insert image link ..) displaying favorite photos taken together. Include the heartfelt thank-you message:
"Thank you, for every thing in this year. You made me special"
Add a next button.

Slide 5 - Anniversary: Use "Happy Anniversary my love" as the card heading and include an image (.. insert image link ..). Make this a celebration slide with confetti effects (using canvas-confetti) and the text "I love you" below the image.
Include a button labeled "Let's go for out Dinner".

Slide 6 - Dinner Invitation: Make the final slide interactive, inviting the user to a special dinner. Add cute interactions to the "Yes/No" buttons, with the "No" button moving away when the user tries to click it. Once clicked, show a picture of the venue:
(.. insert image link ..)

4. Design & Responsive Rules
   Aesthetics: Slides 0-5 should look minimalist, sweet, and cute, with soft gradients. Slide 6 should feel premium and modern, with elegant typography. Use a Glassmorphism UI style (semi-transparent backgrounds) throughout.

Mobile Layout: Pay particular attention to padding on mobile devices. Prevent horizontal scrolling and make sure no elements overlap on a screen that is 393px wide.

Typography: Use modern fonts such as 'Inter' or 'Prompt'.

Please create a complete project structure, including an App.jsx file that manages slide state, a CSS file for animations and responsive layouts, and the code for each slide component. Start by creating App.jsx and the main CSS file first.