Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is focused on creating a minimalist web application that features an interactive letter envelope design. The primary purpose is to provide users with a visually appealing way to access a specific link by clicking on a stylized envelope that opens to reveal the destination. The application will embody a light theme, ensuring a clean and engaging user experience.

## CORE FEATURES
1. **Interactive Envelope Design**: A light green envelope that visually opens upon click, revealing a seamless transition to the link provided.
2. **Custom Seal**: A distinctive seal featuring the initials "J&J" that adds a personal touch and enhances the visual appeal.
3. **Link Redirect**: Upon the envelope opening, users are redirected to a specified URL, ensuring a straightforward navigation experience.
4. **Responsive Design**: The application will be fully responsive, providing an optimal experience on both mobile and desktop devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on simplicity and clarity. The layout will utilize plenty of white space to enhance readability and visual impact.
- **Color Mode**: Light theme with a soft light green envelope and dark text to ensure high contrast and readability.
- **Layout**: 
  - Centered envelope graphic on the main view.
  - Minimal surrounding content to maintain focus on the envelope interaction.
- **Typography**: 
  - Use a clean, sans-serif font such as 'Helvetica Neue' for a modern look.
  - Hierarchy: Larger headings for titles, standard size for body text, and subtle emphasis on the seal details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-driven architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations.
- **UI Components**: Utilize shadcn/ui for consistent and accessible UI components.
- **State Management**: React's built-in state management can be used, as the application is simple and does not require complex state management solutions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Design Envelope Component**: Create a functional component for the envelope using SVG or image assets, styled with Tailwind CSS.
4. **Implement Click Functionality**: Add event handlers to trigger the opening of the envelope and redirect to the specified link.
5. **Responsive Adjustments**: Ensure the envelope scales appropriately on different screen sizes using Tailwind's responsive utilities.
6. **Testing**: Conduct user testing to verify the functionality and responsiveness of the application.

## USER EXPERIENCE
Users will land on a visually captivating page featuring the light green envelope at the center. When they click the envelope, it will animate to 'open,' leading them to the provided link. The interaction is designed to be fluid and engaging, ensuring users feel a connection to the personalized seal and the overall aesthetic of the application. The simplicity of the design promotes ease of use, encouraging visitors to interact with the envelope and explore the content that follows.