Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Bliss Cloud Hosting Platform aims to provide a modern, professional, and accessible hosting solution specializing in sites, APIs, and bots across various platforms such as Discord, Telegram, and WhatsApp. This web application will deliver a seamless user experience with a focus on performance and visual appeal, making it suitable for both developers and non-technical users seeking reliable hosting services.

## CORE FEATURES
1. **Landing Page**: A visually engaging introduction to the platform with a compelling hero section, highlighting the main value proposition and a call-to-action (CTA).
2. **Pricing Plans**: A dedicated page displaying various hosting plans with transparent pricing, allowing users to choose the best fit for their needs.
3. **Features Overview**: A detailed section showcasing the platform’s capabilities, including support for multiple technologies and deployment options.
4. **User Authentication**: Secure login, registration, and password recovery functionalities to ensure users can manage their accounts safely.
5. **User Dashboard**: An intuitive dashboard for logged-in users to manage projects, view analytics, and access various tools and services offered by the platform.
6. **Real-time Status Page**: A page that provides users with up-to-date information on system status and uptime metrics.

## 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 application will feature a responsive design with a top navigation bar, a main content area displaying the different sections (landing, pricing, features), and a footer with additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and reusable components.
- **State Management**: Redux or Context API for managing user state and application data.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the routing structure**: Implement React Router to manage navigation between the landing page, pricing plans, features, dashboard, and other key pages.
3. **Develop the landing page**: Design the hero section with the main tagline, buttons, and a visually appealing mockup of the dashboard using Tailwind CSS classes.
4. **Implement the pricing page**: Create a responsive grid layout to display different pricing plans, ensuring clear visibility of features included in each plan.
5. **Build the features overview**: Design a grid layout to highlight the platform's features, ensuring to use proper icons and concise text to explain each feature.
6. **Set up user authentication**: Implement secure login, registration, and password recovery forms, integrating with a backend service for user data management.
7. **Create the user dashboard**: Develop the dashboard layout, incorporating various sections for project management, analytics, and user settings.
8. **Implement the real-time status page**: Create a page that fetches and displays current system status and uptime metrics, ensuring users are always informed.
9. **Add responsive design**: Ensure the application is fully responsive across devices using Tailwind CSS media queries.
10. **Testing and optimization**: Conduct thorough testing to identify and fix any bugs, ensuring smooth performance and usability across all features.

## USER EXPERIENCE
The user experience will focus on intuitive navigation, with clear CTAs guiding users through the application. The landing page will immediately communicate the platform's value, encouraging users to explore further. The dashboard will provide users with easy access to their projects and hosting services, featuring visually appealing metrics and analytics to track usage and performance. Responsive design will ensure a consistent experience across all devices, while animations will enhance engagement as users scroll through different sections.