Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for binary trading, integrating a TradingView widget that allows users to select trading pairs. The application will provide real-time signals indicating whether the next candle will go up or down, facilitating informed trading decisions.

## CORE FEATURES
1. **Trading Pair Selection**: Users can choose from various binary trading pairs to analyze market movements.
2. **TradingView Widget Integration**: A fully functional TradingView widget displays price charts and trading signals.
3. **Signal Display**: Real-time signals indicating the direction of the next candle (up or down) will be prominently featured within the widget.
4. **User Account Management**: Users can create and manage accounts to save their preferences and trading history.
5. **Responsive Design**: The application will be optimized for both desktop and mobile devices to enhance user accessibility.
6. **Educational Resources**: A section providing tips and resources on binary trading strategies and market analysis.

## 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**: A clean layout featuring a hero section at the top with a brief introduction, followed by the TradingView widget, signal display, and a footer with contact information and links to educational resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Zustand (based on project complexity)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout components including header, footer, and main content area.
3. **Integrate TradingView Widget**: Use the TradingView API to embed the widget and enable trading pair selection.
4. **Implement Signal Logic**: Develop the functionality to generate and display trading signals based on market data.
5. **User Authentication**: Set up user registration and login functionality, connecting to a backend service if needed.
6. **Responsive Design**: Ensure the application is fully responsive using Tailwind CSS utilities.
7. **Testing and Optimization**: Conduct testing to ensure all features work as intended and optimize performance.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page featuring a clear introduction to the application. They can easily navigate to select trading pairs and view the TradingView widget displaying live market data. The signals will be updated in real-time, helping users make quick trading decisions. The application will also provide a straightforward registration process and access to educational resources, enhancing user engagement and understanding of binary trading.