Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a corporate website for "Kolhan Law Firm" that serves as a professional online presence. This minimalist landing page will showcase the firm's services, values, and contact information, focusing on providing potential clients with a clear understanding of what the firm offers while encouraging engagement through a straightforward call to action.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction with the firm’s name and tagline, featuring a background image or color that aligns with the brand's values.
2. **About Us**: A section detailing the firm’s history, mission, and values, fostering trust and establishing credibility.
3. **Services Offered**: A concise overview of legal services provided, each with a brief description to inform visitors of the firm's expertise.
4. **Testimonials**: A section showcasing client testimonials to build social proof and trustworthiness.
5. **Call to Action (CTA)**: Prominent buttons encouraging visitors to contact the firm for consultations or further inquiries.
6. **Contact Information**: A simple contact form and the firm’s essential contact details, including phone number and email address.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing readability and a professional aesthetic.
- **Color Mode**: Light theme with dark text on light backgrounds for improved legibility and a fresh appearance.
- **Layout**: Structured in sections with a clear visual hierarchy; the hero section at the top, followed by services, testimonials, and a contact section.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Merriweather) to enhance professionalism and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Not required for static content but may implement Context API if needed for future interactivity.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Layout Components**: Build reusable layout components for the header, footer, and main sections.
4. **Develop Each Section**: Implement the hero section, about us, services, testimonials, and contact form based on the defined design specifications.
5. **Style Components**: Apply Tailwind CSS classes to ensure alignment with the minimalist design approach.
6. **Test Responsiveness**: Check the layout on various devices and screen sizes to ensure a seamless user experience.

## USER EXPERIENCE
The user will be greeted by a concise hero section that highlights the law firm’s identity. As they scroll, they can easily navigate through the firm’s background, services offered, and client testimonials, all designed to build trust and engagement. The contact form will be straightforward, ensuring users can quickly reach out for consultations, enhancing the overall user experience with intuitive navigation and clear calls to action.