Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to connect Black businesses for networking, resources, and mentorship. The platform will facilitate collaboration, provide access to valuable resources, and foster community engagement through a user-friendly interface.

## CORE FEATURES
1. **User Profiles**: Allow users to create and manage profiles showcasing their businesses, skills, and services.
2. **Networking Hub**: A dedicated space for users to connect, chat, and collaborate with each other, fostering relationships and partnerships.
3. **Resource Library**: A collection of valuable resources, articles, and guides relevant to Black businesses, accessible to all users.
4. **Mentorship Program**: A feature that connects experienced professionals with those seeking guidance, with options for one-on-one mentoring sessions.
5. **Events Calendar**: A calendar showcasing relevant networking events, webinars, and workshops to encourage participation and learning.
6. **Feedback and Reviews**: Users can leave feedback and reviews on services and mentorship to foster trust and quality within the community.

## 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**: A responsive grid layout featuring a top navigation bar, a hero section with a description and CTA, followed by sections for features, resources, and user testimonials. The footer will include contact information and social media links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Develop the main layout by creating components for the header, footer, and main content sections.
3. **Implement User Authentication**: Set up user authentication and profile management functionality using a suitable backend service (e.g., Firebase, Auth0).
4. **Build Core Features**: Develop the core features as separate components, integrating state management as needed.
5. **Design UI**: Apply Tailwind CSS styles according to the design specifications, ensuring responsiveness across devices.
6. **Test and Optimize**: Conduct thorough testing to ensure functionality, usability, and performance. Optimize for load times and mobile responsiveness.

## USER EXPERIENCE
The user experience will focus on intuitive navigation, allowing users to easily create profiles, connect with others, and access resources. Users will be guided through the sign-up process with clear prompts, and the interface will prioritize accessibility and ease of use. Key interactions include seamless profile creation, straightforward networking features, and an interactive events calendar, ensuring a smooth and engaging experience for all users.