Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Zlarp is a web application designed for Roblox enthusiasts, serving as a community hub where users can discover new games, share experiences, and connect with other players. The platform aims to provide an engaging and intuitive experience for users to explore and interact with Roblox content, fostering a vibrant gaming community.

## CORE FEATURES
1. **Game Discovery**: A feature that allows users to browse and search for popular Roblox games, complete with descriptions, ratings, and gameplay trailers.
2. **User Profiles**: Users can create and customize their profiles, showcasing their favorite games, achievements, and friends within the Roblox community.
3. **Community Forum**: A space for users to discuss games, share tips, and post questions, enhancing community engagement.
4. **Game Reviews**: Users can submit and read reviews for games, providing insights and recommendations for fellow players.
5. **Event Calendar**: A calendar feature that highlights upcoming Roblox events, game releases, and community gatherings.
6. **Contact Support**: A contact form for users to reach out for support or feedback, ensuring a responsive user experience.

## 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 straightforward layout featuring a top navigation bar, a hero section for prominent announcements, a grid layout for game discovery, sections for community forums and reviews, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Build Layout Structure**: Create the main layout components including the header, footer, and main content area.
3. **Implement Routing**: Set up React Router for navigation between different sections of the app (home, community forum, user profiles, etc.).
4. **Develop Core Features**:
   - **Game Discovery**: Create a component to fetch and display games from an API.
   - **User Profiles**: Build profile management features with forms for user data input.
   - **Community Forum**: Develop a forum page with post creation and comment functionality.
   - **Game Reviews**: Implement a review submission and display system.
5. **Integrate Event Calendar**: Use a calendar library or custom implementation to display events.
6. **Test and Optimize**: Ensure responsiveness across devices and perform user testing to refine user interactions.
7. **Deploy Application**: Use a platform like Vercel or Netlify for deployment and share the application with users.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page, where they can easily navigate to explore games, read reviews, and engage with the community. The interface will prioritize clarity and simplicity, ensuring that all essential features are accessible within a few clicks. The responsive design will accommodate users on various devices, enhancing engagement and satisfaction throughout their interactions with Zlarp.