Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed for a Roblox larp community, similar to Zlarp. The primary purpose is to provide users with an engaging platform for information about LARP events, activities, and community engagement, while utilizing Roblox UI elements to enhance the user experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures the essence of the larp community, featuring a prominent call-to-action (CTA) button for users to join or register.
2. **Event Listings**: A dynamic section showcasing upcoming events, allowing users to view details, register, and participate in community activities.
3. **Community Forum**: A space for users to discuss events, share experiences, and collaborate on ideas, fostering a sense of community.
4. **Resources Section**: A dedicated area for guides, tips, and resources related to LARPing in Roblox, enhancing user knowledge and participation.
5. **User Registration/Login**: A simple authentication process for users to create accounts, manage profiles, and access exclusive content.
6. **Contact Form**: An easy-to-use form for users to reach out with questions, suggestions, or support, ensuring active engagement.

## 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 consist of a top navigation bar, a hero section, followed by event listings, community forum, resources section, and a footer with contact details.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS. Set up shadcn/ui for UI components.
2. **Create Components**: Develop reusable components for the hero section, event listings, community forum, resources, and contact form.
3. **Implement Routing**: Utilize React Router for navigation between different sections of the application.
4. **Design Layout**: Structure the layout using Tailwind CSS to ensure responsiveness and adherence to the minimalist design.
5. **Integrate State Management**: Implement state management for user authentication, event data, and community interactions.
6. **Test Functionality**: Conduct thorough testing for usability, responsiveness, and ensure all features are functioning as intended.
7. **Deploy Application**: Choose a suitable hosting platform to deploy the application and ensure it is accessible to the target audience.

## USER EXPERIENCE
Users will experience a seamless interaction with the application, starting from a captivating hero section that invites them to engage. The event listings will be easy to navigate, with clear CTAs for registration. The community forum will encourage participation, while the resources section will provide valuable information. The registration and login process will be straightforward, enhancing user retention and engagement. The overall design will prioritize a clean interface, ensuring users can focus on content without distractions.