Valentine's day website. All pages in the website should have a pink red and white colour scheme and lover aesthetic.
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a Valentine's Day themed web app designed to engage users in a playful and interactive manner. The app features a captcha-based entry system leading to a gallery, quiz, and crossword game, all centered around love and companionship. The playful, romantic aesthetic aims to create a delightful experience for users celebrating Valentine's Day. ## CORE FEATURES 1. **Captcha Entry**: A visual captcha that requires users to select 3 correct images from a set of 9 to access the main landing page. 2. **Gallery**: A collection of 20 images that are locked until users answer quiz questions or find words in the crossword. Once all images are unlocked, a celebratory message appears. 3. **Quiz**: A quiz section with 10 customizable questions, each with three options. Correct answers unlock images, while incorrect answers shuffle cards to the back of the pile. 4. **Crossword Game**: An interactive crossword puzzle with 10 user-defined words. Correct selections cross out words on the board and unlock gallery images. 5. **Persistent State**: User progress in games is saved unless the browser is refreshed, ensuring a seamless experience. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design emphasizes a clean aesthetic with ample white space, a limited color palette, and a strong focus on typography. - **Color Mode**: Light theme featuring a pink, red, and white color scheme with dark text on light backgrounds. - **Layout**: The main layout consists of a header with the application title, a central interactive area for games and quizzes, and a footer with navigation links. Pages should transition smoothly without noticeable loading times. - **Typography**: Use a combination of serif and sans-serif fonts to create a romantic yet modern feel. Headers should be bold and slightly larger, while body text should be legible and inviting. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building interactive components and managing state. - **Styling**: Tailwind CSS for responsive design and utility-first styling. - **UI Components**: Utilize shadcn/ui for consistent and modern UI components. - **State Management**: Context API or Redux for managing application state, especially for the quiz and crossword progress. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui. 2. **Build Captcha Component**: Create a component that displays 9 images and allows users to select 3 correct ones. Implement logic to validate selections and navigate to the landing page upon success. 3. **Create Landing Page**: Design the Happy Valentine's landing page with three buttons leading to the Gallery, Quiz, and Crossword pages. 4. **Develop Gallery Page**: Implement a grid layout for the gallery images, with logic to unlock images based on quiz and crossword interactions. Add celebratory text and animations when all images are unlocked. 5. **Implement Quiz Functionality**: Create a quiz component that displays questions and answers. Use state management to track correct and incorrect answers, unlocking images upon correct responses. 6. **Set Up Crossword Game**: Design the crossword layout and implement logic for selecting and crossing out words. Ensure correct selections unlock corresponding images in the gallery. 7. **Manage State Persistence**: Utilize local storage or session storage to maintain game progress across sessions, resetting only upon browser refresh. 8. **Responsive Design**: Test and optimize the application for various screen sizes to ensure a user-friendly experience on all devices. ## USER EXPERIENCE Users will be greeted with a captcha to enter the site, creating a fun and engaging entry point. Upon successful entry, they will see a cheerful landing page with options to explore the gallery, take a quiz, or play a crossword game. Each interaction is designed to be intuitive, with clear feedback for correct and incorrect actions. The playful animations and thematic elements of love and celebration enhance the overall experience, making it enjoyable for users celebrating Valentine's Day. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
