Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a premium, responsive landing page designed to attract qualified investors and hospitality operators to a unique redevelopment opportunity of a former hotel in Framura, Italy. The landing page will serve as an elegant presentation of the property, highlighting its investment potential while maintaining a sophisticated and credible aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually striking full-width image with the project name, value proposition, and prominent CTAs for requesting the Investment Memorandum or exploring the opportunity.
   
2. **Investment Highlights**: A concise grid displaying key verified figures like location, property type, existing gross area, site area, development potential, current planning status, and asking price, utilizing editable placeholders.

3. **The Opportunity**: A detailed section explaining the condition of the former hotel and the strategic advantages of redeveloping the asset.

4. **Gallery**: An editorial gallery divided into categories such as existing property, location and landscape, architectural drawings, and proposed vision.

5. **Final CTA**: A compelling call-to-action with a qualification form to capture lead information, encouraging potential investors to request confidential information.

## 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**: A single-page layout featuring a full-width hero section, followed by a structured grid for investment highlights and sections dedicated to the opportunity, location, development vision, architecture, key data, gallery, and final CTA, all designed for easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but could implement context API if required for form state handling.

## IMPLEMENTATION STEPS
1. **Set Up React 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 Layout Components**: Develop components for each section of the landing page, ensuring to follow the defined layout structure.
4. **Implement Hero Section**: Design the hero section with a full-width image and overlay text, including buttons styled with the primary color and rounded corners.
5. **Investment Highlights**: Create a grid component that dynamically displays investment highlights using editable placeholders.
6. **Add Sections**: Implement the remaining sections (The Opportunity, Destination and Location, Development Vision, Architecture, Key Financial Data, Gallery, Documentation, Final CTA) following the design specifications.
7. **Form Implementation**: Develop the qualification form in the final CTA section with proper validation and styling.
8. **Responsive Design**: Ensure all components are responsive and adapt well on mobile devices.
9. **Testing**: Conduct thorough testing for functionality and user experience across different devices and browsers.
10. **Deploy**: Deploy the landing page using a suitable hosting service for public access.

## USER EXPERIENCE
The landing page is designed to provide a seamless user experience with a clear information hierarchy and scannable content. Users will be able to easily navigate through the sections, view high-quality images, and access the qualification form with minimal friction. The responsive design ensures that the page is accessible on all devices, enhancing the experience for both Italian and international investors. The CTAs are prominently placed to encourage user engagement and facilitate lead generation effectively.