Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a professional, customizable website for real estate developments, functioning as a reusable template for various land developments and incorporators. The site aims to provide a premium, modern, and trustworthy experience, focusing on lead generation and sales.

## CORE FEATURES
1. **Hero Section**: A compelling introduction featuring an impactful image or video, the name of the development, a catchy slogan, and a call-to-action (CTA) button.
2. **About Section**: Detailed information about the development, highlighting its unique selling points and infrastructure.
3. **Image Gallery**: A visually appealing gallery showcasing images of the development.
4. **Location Map**: An interactive map displaying the development’s location along with nearby points of interest.
5. **Lot Status System**: A visual representation of available lots, showing number, block, size, price, and current status (available, reserved, sold).
6. **Lead Capture Form**: A user-friendly form for potential buyers to express interest, along with a WhatsApp button for instant communication.

## 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 main layout includes a top navigation bar, hero section, scrolling sections for features, a dedicated gallery, and a contact area in the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing lot statuses)

## IMPLEMENTATION STEPS
1. **Set up the React application** with TypeScript and Tailwind CSS for styling.
2. **Create the main layout** components including the header, footer, and main content area.
3. **Develop the hero section** with an image/video background, title, slogan, and CTA button.
4. **Build the about section** to describe the development and its features.
5. **Implement the image gallery** using responsive grid layout.
6. **Integrate the location map** with an embedded Google Maps component.
7. **Design the lot status system** to visually display available lots with their details and statuses.
8. **Create the lead capture form** and integrate the WhatsApp button for easy communication.
9. **Implement the admin panel** for managing lots, prices, and lead information with secure login.
10. **Ensure SEO optimization** and responsive design for optimal user experience on mobile and desktop.

## USER EXPERIENCE
Users will have an engaging experience starting from the hero section that captures attention, followed by informative sections that guide them through understanding the development. The lot status system and lead capture form make it easy for users to interact and express interest, while the admin panel allows for streamlined management of listings and inquiries. The overall design will promote clarity and ease of navigation, enhancing the user journey from exploration to conversion.