Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Darkgpt is a high-end web application designed to provide real-time, actionable insights using GPT-5 and Firecrawl, focusing on various data surfaces including surface and deep web. The app features a minimalist aesthetic with a black and red color theme, ensuring a sleek and modern user interface that enhances user engagement and interaction.

## CORE FEATURES
1. **Central Input Field**: A prominently positioned input field where users can type their queries, designed for ease of use and maximum visibility.
2. **Send Button with Animation**: An arrow-shaped send button that features a shimmer effect, providing a visually appealing interaction when users submit their queries.
3. **Floating Toggle for Conversation History**: A user-friendly toggle that allows users to access and manage their conversation history effortlessly.
4. **Delete Button**: A dedicated button to clear conversation history, ensuring users can maintain a clean interface.
5. **Real-time Search Capabilities**: Leverage GPT-5 and Firecrawl for comprehensive search results across multiple data surfaces, ensuring no fictitious responses and only actionable insights.
6. **Dynamic Prompt System**: A prompt system that specializes in various fields, allowing users to receive tailored responses depending on their inquiries.

## 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 features a central input area with a floating toggle for conversation history on one side, and the delete button positioned for easy access. The send button is prominently displayed to enhance user interaction.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management or consider Zustand for global state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop the central input field, send button, conversation history toggle, and delete button as reusable components.
3. **Implement Real-time Search**: Integrate GPT-5 and Firecrawl APIs to facilitate real-time querying and filtering of data surfaces.
4. **Design Layout**: Structure the application layout according to the specified design specifications, ensuring responsive design for various screen sizes.
5. **Add User Interactions**: Implement the shimmer effect for the send button and interactions for the toggle and delete buttons.
6. **Test Functionality**: Conduct thorough testing to ensure all features work seamlessly and provide the intended user experience.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily type their queries in the central input field. Upon clicking the animated send button, results will be fetched in real-time, and users can toggle their conversation history for easy reference. The delete button will allow them to manage their history effectively, ensuring a streamlined and efficient workflow. The application will prioritize delivering actionable insights with a focus on user engagement and satisfaction.