Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create an interactive visual UX prototype of the main page for the Nord Gate business center website developed by PIONEER. This prototype will serve as an informative and visually compelling representation that guides potential buyers or renters through the decision-making process, emphasizing user experience and structured navigation.

## CORE FEATURES
1. **Hero Section**: A visually impactful introductory area featuring the project name, type, positioning statement, key characteristics, and a primary CTA leading to available spaces.
2. **Anchor Navigation**: A persistent navigation menu that allows users to easily jump between sections, including a prominent CTA for space selection.
3. **Project Overview**: A concise block presenting key facts about Nord Gate, structured for quick comprehension using visual data representation.
4. **Project Components**: An overview of the main aspects of Nord Gate, such as architecture, amenities, and infrastructure, organized to provide a holistic view.
5. **Location Map**: An interactive map showcasing the surrounding infrastructure and transport links, providing essential location information.
6. **Parametric Selector**: A key feature allowing users to filter available spaces based on parameters like area and floor, facilitating a smooth transition to decision-making.

## 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 layout will feature a structured long page format, with distinct sections for each feature, ensuring a logical flow from introduction to project details and space selection.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed]

## IMPLEMENTATION STEPS
1. **Set up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout**: Develop the main layout structure with a responsive design that adapts to various screen sizes.
3. **Implement Hero Section**: Design the hero section with a strong visual representation and key project information.
4. **Develop Navigation**: Create an anchor navigation bar that remains visible during scrolling, including CTAs for space selection.
5. **Build Content Sections**: Develop each content block (Project Overview, Components, Location, etc.) with structured and engaging layouts.
6. **Integrate Interactive Elements**: Implement the interactive map and parametric selector with dynamic filtering capabilities.
7. **Test and Refine**: Conduct usability testing to ensure a smooth user experience, making necessary adjustments based on feedback.

## USER EXPERIENCE
Users will be guided through a seamless journey starting from an impactful introduction in the hero section, followed by informative blocks that enhance their understanding of the Nord Gate project. The design will facilitate quick navigation to relevant sections, helping users assess the project and make informed choices about available spaces. The combination of visual and textual information will create an engaging environment that encourages exploration and decision-making.