Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application that functions as a Linktree clone, allowing users to create a personalized landing page that aggregates links to their various online platforms. The application will feature a user-friendly interface for both the end-users and an administrative panel for managing user accounts and links.

## CORE FEATURES
1. **User Registration & Authentication**: Users can sign up, log in, and manage their accounts securely.
2. **Link Management**: Users can create, edit, and delete links, allowing them to customize their landing page effortlessly.
3. **Customizable Landing Page**: Users can personalize their landing page with options for layout, colors, and fonts.
4. **Analytics Dashboard**: An admin panel that provides insights into link clicks and user engagement.
5. **Responsive Design**: The application will be fully responsive, ensuring optimal viewing on both desktop and mobile devices.
6. **Social Media Integration**: Users can easily connect and display links to their social media profiles.

## 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 feature a top navigation bar for account access, a central area for link management, and a preview section for the landing page. The admin panel will have a sidebar for navigation with sections for user management and analytics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API or Redux (as needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create the authentication flow**: Implement user registration and login features using a secure authentication method (e.g., JWT).
3. **Develop the link management feature**: Allow users to add, edit, and delete links; ensure changes reflect on the landing page in real-time.
4. **Build the customizable landing page**: Create a user interface that allows users to adjust the design elements of their page, such as colors and layout.
5. **Implement the admin panel**: Develop features for managing users and viewing analytics.
6. **Test the application**: Conduct thorough testing for user flows, responsiveness, and performance.

## USER EXPERIENCE
Users will start by creating an account or logging in. Upon successful authentication, they will be directed to their dashboard, where they can manage their links and customize their landing page. The design will prioritize simplicity, ensuring that users can navigate through the application effortlessly. The admin panel will provide a straightforward interface for monitoring user activity and managing accounts, contributing to a smooth and efficient user experience.