Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist web application similar to Linktree, allowing users to showcase multiple links in a single, easily navigable interface. The application will focus on simplicity and user experience, enabling users to personalize their links and share them effortlessly.

## CORE FEATURES
1. **User Profiles**: Users can create an account and set up their profile, including a customizable username and profile picture.
2. **Link Management**: Users can add, edit, and delete links, specifying titles and URLs for easy navigation.
3. **Customizable Themes**: Users can choose from several minimalist themes to personalize their pages, including color options and font styles.
4. **Analytics Dashboard**: Users can view statistics on link clicks and engagement to understand user interactions better.
5. **Social Media Integration**: Easy integration with popular social media platforms to allow users to link their accounts directly.
6. **Contact Form**: A simple contact form for visitors to reach out to the user directly from their Linktree page.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a welcoming interface.
- **Layout**: A single-column layout featuring a prominent hero section at the top, followed by user-defined links, with sections for profile information and analytics displayed below.
- **Typography**: Use a modern sans-serif font (e.g., Roboto or Open Sans) for titles and body text, maintaining a clear hierarchy for headings, subheadings, and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iteration.
- **UI Components**: Utilize shadcn/ui for a consistent and visually appealing component library.
- **State Management**: React Context API or Zustand for managing global state, particularly for user authentication and link management.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui components, and any necessary state management libraries.
3. **Create User Authentication**: Implement user registration and login functionality, ensuring secure handling of user credentials.
4. **Develop Profile Management**: Create components for users to manage their profiles, including image uploads and theme selection.
5. **Implement Link Management**: Build the link management interface, allowing users to add, edit, and delete links with seamless UX.
6. **Design the Analytics Dashboard**: Create a visual representation of link statistics, using charts or tables to display click data.
7. **Integrate Social Media APIs**: Set up connections to social media platforms for easy link sharing.
8. **Build the Contact Form**: Implement a straightforward contact form that submits messages to the user's email or a designated inbox.

## USER EXPERIENCE
Key user interactions will include a straightforward onboarding process for creating accounts, an intuitive interface for managing links and themes, and easy navigation to analyze click data. Users will enjoy a responsive design that adapts to various devices, ensuring a seamless experience on both mobile and desktop platforms. The focus will be on clarity and ease of use, allowing users to customize their pages without technical knowledge.