Lovable Prompt Creator - AI Prompt Generator

# LANDING PAGE PROMPT FOR "HANSEATISCHE KLARHEIT"

## APPLICATION OVERVIEW
This project is a landing page for "Hanseatische Klarheit," a retreat that blends historical significance with modern efficiency located in Iserbrook. The page will convey the essence of the property, its unique features, and the lifestyle it offers to potential residents, focusing on conversion and visual impact.

## CORE FEATURES
1. **Hero Section**: A striking introductory area featuring the project name, a compelling headline, and a subline that includes the address and key benefit.
  
2. **The Manifest (Positioning)**: A succinct narrative that encapsulates the spirit of the house, inviting users to connect emotionally with the place.
  
3. **The Microcosm (Location)**: An overview of the atmosphere and connectivity of Iserbrook, highlighting its serene environment and accessibility.
  
4. **The Substance (Architecture & Concept)**: A design statement that describes the architectural essence and qualities of the building materials, including the significance of the brick facade.
  
5. **The Details (Features & Amenities)**: A breakdown of the house's features such as the wooden flooring, heating system, and loft space, detailing how they contribute to a comfortable lifestyle.
  
6. **The Experience (Lifestyle)**: Illustrative descriptions of daily life in the house, evoking the feelings of warmth and belonging on a typical Sunday.

7. **The Dialogue (CTA)**: A calm and inviting call-to-action encouraging visitors to request further information about the property.

## 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 (use this as the main accent/brand color 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 be structured with a full-width hero section at the top, followed by distinct sections for each feature (positioning, location, architecture, features, lifestyle, and CTA) arranged in a vertical scroll format.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified; consider using React's context or Zustand for any state management needs.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a React application with TypeScript and install Tailwind CSS for styling.
2. **Create the Hero Section**: Implement the hero area with the project name, headline, and subline. Use the primary color for buttons and highlights.
3. **Develop the Manifest Section**: Write and style the narrative that embodies the essence of the house.
4. **Build the Microcosm Section**: Describe the location atmosphere and connectivity with appropriate imagery and text layout.
5. **Design the Substance Section**: Craft a statement covering the architectural details and integrate visual elements that reflect its essence.
6. **Implement the Details Section**: List the features of the house with a focus on how they enhance the living experience.
7. **Create the Experience Section**: Write engaging content that illustrates the lifestyle within the home, adding relevant imagery.
8. **Finalize the Dialogue Section**: Add a clear and inviting CTA that encourages user engagement.
9. **Test responsiveness**: Ensure the landing page is fully responsive across all devices.

## USER EXPERIENCE
The user will be welcomed by a visually appealing hero section that draws them in, followed by engaging content that tells the story of "Hanseatische Klarheit." The page will guide users through the narrative of the property, illustrating the connection to the location, the architectural details, and the lifestyle. The CTA will provide an unobtrusive yet effective invitation for further engagement, ensuring a seamless user journey from curiosity to action.