Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase and sell newly constructed residential units in San Donà di Piave. The site will feature an elegant, minimalist design that attracts potential buyers by highlighting the properties' key characteristics, gallery, floor plans, location, and contact information.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction to the properties with high-quality images and a strong headline that emphasizes the unique selling points.
2. **Characteristics**: Detailed descriptions of the residential units, including size, layout, amenities, and any special features.
3. **Gallery**: A visually rich gallery showcasing images of the properties, both interior and exterior, to entice potential buyers.
4. **Planimetrie (Floor Plans)**: Interactive floor plans that allow users to explore the layout of each unit, providing a clear understanding of the space.
5. **Position**: A map section that highlights the location of the properties, including nearby amenities, schools, and transportation links.
6. **Contact Form**: A simple and effective contact section for interested buyers to get in touch with the real estate agency for inquiries or viewings.

## 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 follow a single-page structure divided into sections for the hero, characteristics, gallery, floor plans, location, and contact, ensuring a smooth scroll experience with clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop the Hero, Characteristics, Gallery, Floor Plans, Location, and Contact components.
   - Use Tailwind CSS for styling each component according to the design specifications.
4. **Implement Routing**: Ensure smooth scrolling between sections using React Router or a similar method.
5. **Add Images and Content**: Populate the gallery and characteristics sections with high-quality images and relevant text.
6. **Test Responsiveness**: Ensure the layout is responsive across different devices and screen sizes.

## USER EXPERIENCE
The user experience will focus on simplicity and elegance. Users will be greeted with a striking hero image and concise messaging. As they scroll down, they will effortlessly access detailed information about the properties. The gallery will engage users visually, while the floor plans will provide clarity on layout. The map will help users visualize the location, and the contact section will facilitate easy inquiries. Overall, the site will be intuitive and user-friendly, guiding potential buyers seamlessly through the information they need to make a decision.