Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for selling digital keys and codes, featuring a blog and guides section. The application will support multiple languages and be optimized for SEO, allowing users to easily find products and content. An admin panel will enable the management of products and translations, ensuring that only available translations are displayed based on user language settings.

## CORE FEATURES
1. **Product Management**: Admin can add, edit, and delete digital products, marking them as delivered or in progress. Each product can have associated translations, which must be managed carefully to ensure multilingual support.
  
2. **Multilingual Support**: Users will be able to view the site in different languages. Products without available translations will not be listed in the respective language, providing a tailored experience.

3. **SEO Optimization**: Admins can add SEO details for products, blog articles, and guides, ensuring that all content is optimized for search engines.

4. **Blog and Guides Section**: A dedicated section for publishing blogs and guides related to digital products, enhancing user engagement and providing valuable content.

5. **User Authentication**: Users can create accounts to manage their purchases and view their order history.

6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 layout will consist of a top navigation bar, a main content area for products and articles, and a footer. The hero section will introduce the site's purpose, followed by features and a call-to-action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API as needed for managing application state (e.g., user sessions, product listings).

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Components**: Develop reusable components for the header, footer, product cards, blog articles, and admin dashboard.
3. **Implement Routing**: Set up routing for different pages (home, product detail, blog, admin panel).
4. **Design Admin Panel**: Create an admin panel interface to manage products and translations, including forms for adding/editing products and SEO details.
5. **Integrate Multilingual Support**: Use a library like i18next to handle translations and language switching.
6. **SEO Configurations**: Implement SEO best practices using React Helmet or similar for managing meta tags across the application.
7. **Testing**: Test the application for responsiveness, usability, and performance across various devices and browsers.

## USER EXPERIENCE
Users will have a straightforward experience starting from the landing page, where they can view featured products and access the blog section. They can use the navigation bar to switch between languages, browse products, and read guides. The admin panel will provide an intuitive interface for managing product listings and translations, ensuring efficient operation of the site. The design will prioritize readability and ease of navigation, with clear calls to action throughout the application.