Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "mausishaders" is a minimalist web application designed to allow users to input text and simulate a download process. The application will create an interactive experience where users can enter any text, see a fake download timer, and have the text sent to the owner. The focus is on a clean, simple design that enhances user experience while maintaining usability.

## CORE FEATURES
1. **Text Input Field**: A simple input field where users can type any text they wish to send.
2. **Get Shaders Button**: A prominently displayed button that initiates the fake download process upon clicking.
3. **Fake Download Simulation**: A timer that simulates a 30-minute wait period, conveying the illusion of a download in progress.
4. **Text Submission**: After the timer ends, the input text is sent to the owner via a specified method (e.g., email or API).
5. **User Feedback**: Messages that inform users about the status of their download and confirmation of text submission.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The layout should feature a centered hero section with the text input field and button, followed by a status message area and a footer for any additional information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management (useState and useEffect)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: 
   - Build a `TextInput` component for user input.
   - Create a `DownloadButton` component that triggers the download simulation.
   - Implement a `StatusMessage` component to show feedback messages to the user.
3. **Implement State Management**: Use React's `useState` to manage the input value and download status.
4. **Simulate Download**: Create a function that starts a timer using `setTimeout` for 30 minutes and updates the UI accordingly.
5. **Send Text**: Integrate a method to handle the text submission after the timer ends (this could be a mock API call or an email service).
6. **Styling**: Apply Tailwind CSS classes to ensure the design specifications are met, focusing on spacing and typography.
7. **Testing**: Test the application for responsiveness and user experience across different devices and browsers.

## USER EXPERIENCE
The user experience is designed to be straightforward and engaging. Users will land on a clean interface where they can quickly type their text and click the "Get Shaders" button. A loading indicator or status message will appear to simulate the download process, keeping the user informed without overwhelming them. After the simulated download, a confirmation message will appear, assuring users that their text has been sent successfully. The entire flow is designed to be simple and intuitive, minimizing distractions and focusing on the primary interaction.