Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Newbees is a landing page designed to assist expatriates, digital nomads, and students transitioning to a new city. The platform aims to simplify the adaptation process by providing essential resources and a community-driven support system. Users can easily access valuable information and connect with others, facilitating a smoother relocation experience.

## CORE FEATURES
- **Hero Section**: Engaging introductory content that highlights the platform's purpose and benefits, encouraging users to explore further.
- **Guides and Resources**: A searchable Wiki-style database offering clear, free guides on housing, legal matters, and local events, tailored for newcomers.
- **Community Access**: A paywall feature that enables users to join the "Enjambre" community after a one-time payment, fostering social connections.
- **Onboarding Process**: Automated redirection to Telegram groups based on user-selected interests (e.g., Beach Volley, Tech, Coffee) after payment.
- **Community Engagement Tools**: Bots for moderation and FAQs to enhance user interaction without administrator involvement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a modern aesthetic. Subtle hexagonal shapes and line icons reinforce the community theme.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high readability.
- **Layout**: A "Bento Grid" layout to organize content efficiently, allowing easy navigation across sections for guides, community access, and user onboarding.
- **Typography**: Use **Montserrat** or **Poppins** for headings and body text, maintaining a friendly, approachable tone with a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application development.
- **Styling**: Tailwind CSS to facilitate responsive design and maintain a minimalist aesthetic.
- **UI Components**: Utilize **shadcn/ui** for a consistent component library.
- **State Management**: Consider using Context API or Redux if complex state management is required.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create the main layout structure based on the "Bento Grid" design, ensuring it is responsive for mobile-first usage.
3. **Develop Hero Section**: Implement the hero section with engaging visuals and a clear call-to-action directing users to explore guides.
4. **Build Wiki Feature**: Create a searchable database for guides, integrating an API or AI to pull real-time answers.
5. **Implement Payment Gateway**: Set up Stripe for the one-time payment process, linking it to the community access feature.
6. **Onboarding and Community Integration**: Develop the onboarding flow that redirects users to Telegram, including the selection of interest groups.
7. **Add Community Engagement Features**: Integrate bots for moderation and FAQs, ensuring seamless user interaction and support.

## USER EXPERIENCE
Users will arrive at the landing page seeking solutions to specific questions about relocating. They will easily navigate through the guides, access community features, and complete the onboarding process with minimal friction. The responsive design ensures a seamless experience whether users are on mobile or desktop, allowing them to find information and connect with others on-the-go.