Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for "VHC", a company that offers business mediation and agency services for enterprises. The primary goal is to create a clean, professional online presence that effectively communicates the services offered, engages potential clients, and encourages them to reach out for more information.

## CORE FEATURES
1. **Hero Section**: A prominent introduction at the top of the page with a captivating tagline and a call-to-action button encouraging users to contact VHC for services.
2. **Services Overview**: A clear and concise section detailing the business mediation and agency services offered, using engaging visuals and brief descriptions.
3. **Testimonials**: A section highlighting client testimonials to build trust and credibility for the services provided.
4. **About Us**: A brief introduction to VHC, outlining the company's mission, vision, and values to connect with potential clients.
5. **Contact Form**: A simple, user-friendly form for visitors to get in touch with VHC, including fields for name, email, and message.
6. **Footer**: A comprehensive footer that includes additional links, social media icons, and contact 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**: The layout will consist of a single-page structure with sections stacked vertically, ensuring easy navigation. The hero section will dominate the top, followed by services, testimonials, about us, contact form, and footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required, but can use React's built-in state management for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Design the hero section with a large background image, VHC's tagline, and a call-to-action button styled with the primary color and border radius.
3. **Develop the Services Overview**: Create a grid or list layout for the services offered, using cards with rounded corners and consistent spacing between sections.
4. **Add the Testimonials Section**: Implement a carousel or static section displaying client testimonials, ensuring it is visually distinct but cohesive with the overall design.
5. **Build the About Us Section**: Write a concise copy about VHC and include relevant imagery or icons to enhance engagement.
6. **Implement the Contact Form**: Use controlled components in React for form fields, ensuring validations for email and message length.
7. **Design the Footer**: Include necessary links, social media icons, and contact information, styled with Tailwind for consistency.
8. **Test Responsiveness**: Ensure the design is responsive across various devices and screen sizes, adjusting styles as needed.

## USER EXPERIENCE
The landing page will guide users through a seamless journey. Visitors will be greeted by the hero section, encouraging them to explore services. The services overview will provide clear insights into what VHC offers. Testimonials will build trust, while the About Us section will foster a connection with the audience. The contact form will be easily accessible, ensuring potential clients can reach out without barriers. Overall, the design will focus on user engagement and clarity, leading to higher conversion rates.