Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Honeyspot is a web application that serves as a professional platform within the Web3 ecosystem, where users can learn, build their reputation, and earn real rewards. It combines elements of social networking, structured learning, and financial management to create a unique user experience focused on professional growth and community engagement.

## CORE FEATURES
1. **Hero Section**: A striking introduction featuring the tagline "Aprenda. Construa. Ganhe." with a primary call-to-action (CTA) to get started and a secondary CTA to explore courses.
2. **Learning Section**: A visually rich area styled like Udemy, showcasing course cards that include course covers, reward metrics in Nektar, difficulty levels, and on-chain certification.
3. **Professional Network**: A LinkedIn-like interface where users can create profiles displaying skills, certificates, experience, connected wallets, and reputation scores.
4. **Web3 Rewards Dashboard**: An interactive financial dashboard inspired by Coinbase, presenting users with their Nektar balance, staking options, achievements, and course rewards.
5. **Community Spaces**: Areas for DAOs, mentorship opportunities, events, and active community engagement, blending the best features of Discord and Reddit.
6. **Reputation DNA Feature**: A unique hexagonal reputation ring that visually represents user achievements and involvement across various categories, changing colors based on user activity.

## 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 structure will feature a top navigation bar, a prominent hero section, followed by sections for learning, professional networking, rewards dashboard, and community spaces, all designed to facilitate easy navigation and user interaction.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling components.
2. **Create Main Layout**: Develop the main layout structure including the header, footer, and content sections.
3. **Implement Hero Section**: Create the hero component with the main headline and CTAs, using the primary color for buttons.
4. **Build Learning Section**: Develop the course card component to display course details, incorporating the minimalist design principles.
5. **Design Professional Network**: Create a user profile component that highlights skills, certificates, and connected wallets.
6. **Develop Rewards Dashboard**: Implement the dashboard to display financial information, using charts and graphs to visualize data.
7. **Create Community Spaces**: Set up sections for DAOs and community interactions, ensuring a user-friendly interface.
8. **Integrate Unique Features**: Add the Reputation DNA feature with dynamic color changes based on user interactions.
9. **Add Motion Design**: Implement animations for user actions such as logging in, completing courses, and earning tokens.
10. **Testing and Optimization**: Conduct thorough testing to ensure responsiveness and user experience across devices.

## USER EXPERIENCE
Users will have a seamless experience navigating through Honeyspot, starting from an engaging hero section that captures their attention. They will easily access learning materials, connect with professionals, track their rewards, and engage in community discussions. The unique visual elements and animations will enhance their interaction, making Honeyspot not just a platform, but an enjoyable journey into professional development within the Web3 ecosystem.