Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a professional landing page for Central Cape Business Park. The website will serve to showcase the business park's offerings, attract potential tenants, and provide essential information in a clean, minimalist design.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page featuring a captivating headline, a brief description of Central Cape Business Park, and a call-to-action (CTA) button to encourage further engagement.
2. **About Section**: A concise overview of the business park, including its location, facilities, and benefits for potential tenants.
3. **Features Section**: Highlight the main features of the business park, such as office space availability, amenities, and accessibility options.
4. **Testimonials**: A section dedicated to quotes from current tenants or clients, providing social proof and building trust.
5. **Contact Form**: An easy-to-use contact form for inquiries, allowing potential clients to reach out directly through the website.
6. **Location Map**: An embedded map showing the location of Central Cape Business Park, helping visitors understand its geographical context.

## 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 with scrollable sections for the hero, about, features, testimonials, contact, and map.

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

## IMPLEMENTATION STEPS
1. **Set Up the 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**: Build the following components:
   - Hero
   - About
   - Features
   - Testimonials
   - Contact Form
   - Location Map
4. **Implement Styling**: Use Tailwind CSS classes to achieve the minimalist design, incorporating the specified primary color and typography.
5. **Add Functionality**: Ensure the contact form captures user input and can be submitted (a simple console log can be used for demonstration).
6. **Test Responsiveness**: Ensure the design adapts well to different screen sizes, providing a good user experience on both mobile and desktop devices.

## USER EXPERIENCE
Visitors will land on a visually appealing hero section that immediately communicates the purpose of the business park. As they scroll down, they will encounter well-organized sections that provide essential information, enhancing their understanding and interest. The CTA will encourage potential clients to reach out, while the testimonials will build credibility. The inclusion of a location map will help in visualizing the business park's accessibility and relevance. The overall minimalist design will promote a smooth and engaging user experience.