Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a financial management tool that allows users to easily track their income and expenses through a Telegram bot. The AI component categorizes these transactions, while a dashboard displays real-time financial data and project profitability. The goal is to provide a seamless user experience that encourages users to engage with the service.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that explains the service's value proposition and invites users to start using the Telegram bot.
2. **How It Works**: A step-by-step breakdown of the process, illustrating how users interact with the bot and the insights they receive.
3. **Dashboard Preview**: A mockup or visual representation of the dashboard that showcases live money tracking and project profits.
4. **Testimonials**: User feedback or success stories that build trust and credibility for potential users.
5. **Call to Action (CTA)**: Clear buttons prompting users to start using the service or sign up for updates.
6. **Contact Information**: A section for users to reach out for inquiries or support.

## 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 consist of a full-width hero section at the top, followed by a structured flow of features, testimonials, and a contact section aligned vertically for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for a landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop individual components for the Hero section, How It Works, Dashboard Preview, Testimonials, CTA, and Contact.
3. **Style Components**: Use Tailwind CSS to apply the minimalist design, incorporating the specified color scheme and typography.
4. **Implement Layout**: Arrange components in a single-page layout, ensuring responsiveness for various screen sizes.
5. **Add Interactivity**: Include any necessary hover effects or animations to enhance user engagement.
6. **Test and Deploy**: Ensure the landing page works seamlessly across different browsers and devices before deploying to a hosting platform.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly outlines the benefits of using the financial management tool. They will be able to quickly understand how to interact with the Telegram bot through the How It Works section. The dashboard preview will illustrate the potential insights they can gain, while testimonials will provide social proof. The CTA buttons will be strategically placed to encourage users to engage further, ensuring a smooth and intuitive experience throughout the landing page.