Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for AI-Powered Minecraft Server Dashboard

## APPLICATION OVERVIEW
This project is a web application designed to provide an AI-powered dashboard for a Minecraft server. It aims to enhance community engagement and player resources by offering easy access to shop information, Discord links, and real-time server updates tailored for Minecraft enthusiasts.

## CORE FEATURES
1. **Server Shop Interface**: A visually appealing card layout using Shadcn's Card component to showcase in-game items available for purchase, complete with descriptions and prices.
2. **Discord Integration Button**: A prominently displayed button linking directly to the server's Discord channel, making it simple for users to join the community.
3. **Server Information Display**: A section utilizing a Shadcn Table component to provide real-time updates on server status, player count, and upcoming events.
4. **FAQ Section**: A collapsible section powered by Dialog components to address common questions regarding server rules, player conduct, and game mechanics.
5. **User Feedback Form**: An input form where players can submit suggestions or report issues, ensuring their experiences help improve the server.

## 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 header with the server logo and navigation, followed by the server shop interface prominently displayed, then the Discord button, server info section, FAQ, and finally the user feedback form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed; e.g., React Context or Redux]

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Structure**: Design the main layout incorporating the header, shop interface, Discord button, server info, FAQ, and feedback form.
3. **Implement Server Shop Interface**: Use Card components to display items with descriptions and prices.
4. **Add Discord Integration Button**: Create a button that links to the Discord server, styled with the primary color.
5. **Develop Server Information Display**: Implement a Table component to show real-time data regarding server status and player count.
6. **Build FAQ Section**: Create a collapsible FAQ section using Dialog components to provide additional information.
7. **Add User Feedback Form**: Design a form for user input to gather suggestions or report issues.
8. **Ensure Responsive Design**: Test the application on multiple devices to ensure a mobile-first responsive design.
9. **Test Functionality**: Thoroughly test all components for usability and performance, ensuring no regressions or unintended consequences.

## USER EXPERIENCE
Users will have a seamless interaction with the dashboard. They can easily navigate to the shop, get real-time server updates, join the Discord community, and access FAQs. The user feedback form will encourage users to engage by providing suggestions, enhancing the server experience over time. The minimalist design will ensure that all information is easily accessible without overwhelming users.