Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a SaaS CRM specifically tailored for the real estate market in Dubai. The primary purpose of the website is to promote the CRM application, showcasing its features and benefits to potential users. The design will reflect a clean and corporate aesthetic, enhancing user engagement and conversion rates.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a cloud-like header, featuring a brief description of the CRM and a strong call-to-action (CTA) button.
2. **Feature Showcase**: Multiple areas to display screenshots and detailed descriptions of key features such as automation, notifications, and integration with various platforms.
3. **Client Testimonials**: A section dedicated to user testimonials to build credibility and trust.
4. **Contact Information**: An easy-to-find contact section for inquiries and support, encouraging potential customers to reach out.
5. **Responsive Design**: Ensures the website is fully functional and visually appealing on both desktop and mobile devices.

## 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 consist of a top navigation bar, a hero section with a cloud-like header, followed by sections for features, testimonials, and contact information, all structured to guide the user through the content smoothly.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will be static content.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI design.
3. **Create Layout Components**: Build reusable components for the header, feature sections, testimonials, and contact form.
4. **Design Hero Section**: Implement the hero section with a cloud-like header and CTA button, ensuring the primary color is applied.
5. **Feature Showcase**: Create sections to display app features with corresponding screenshots and descriptions.
6. **Testimonials Section**: Add a testimonial carousel or list to showcase user feedback.
7. **Contact Section**: Develop a simple contact form or display contact details.
8. **Responsive Design**: Ensure all components are responsive and adjust appropriately for different screen sizes.
9. **Testing**: Test the landing page for usability and responsiveness before deployment.

## USER EXPERIENCE
Key user interactions will include:
- Easy navigation through the hero section to the feature showcase and testimonials.
- Simple and clear CTA buttons encouraging users to learn more or sign up.
- Responsive design allowing users to access the site seamlessly from any device, enhancing the overall user experience.