Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Darkgpt is a high-end web application designed for real-time searches using GPT-5 and Firecrawl technologies. It aims to provide users with actionable insights across various domains, including life sciences, programming, and cybersecurity, all while maintaining a minimalist and user-friendly interface.

## CORE FEATURES
1. **Central Input Field**: A prominently placed input field where users can type their queries, designed for easy access and interaction.
2. **Interactive Send Button**: A sleek arrow button that shimmers on hover, enabling users to submit their queries smoothly.
3. **Floating Toggle for Conversation History**: Allows users to access and manage their previous interactions with ease, enhancing usability.
4. **Delete Button**: A straightforward option to remove specific conversation entries from the history.
5. **Dynamic Response Delivery**: Guarantees that all responses are actionable and directly applicable, with no fictitious or simulated content.
6. **Animated Interface Elements**: Includes animations for prompts and user questions, creating a dynamic and engaging user experience.

## 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 main layout will feature a centered input field at the top, followed by the send button, a floating toggle for conversation history on the right, and a straightforward display of responses below, maintaining a clear and streamlined flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state (if necessary)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS integrated.
2. **Create UI Components**: Develop the central input field, send button, floating toggle, and delete button using shadcn/ui components.
3. **Implement State Management**: Set up Redux for managing conversation history and user inputs.
4. **Integrate GPT-5 and Firecrawl**: Connect the application to the backend services for real-time search functionality.
5. **Add Animation and Transitions**: Implement animations for the send button and response display to enhance user engagement.
6. **Test Functionality**: Ensure all features operate as intended, focusing on usability and responsiveness across devices.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily enter their questions in the central input field. Upon clicking the shimmering send button, they will receive immediate, actionable responses. The floating toggle will allow them to access past conversations effortlessly, while the delete button provides control over their interaction history. The overall experience aims to be intuitive and efficient, catering to users' needs for concise and relevant information without unnecessary distractions.