Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed for The Hair Lady, focusing on providing essential contact information to potential customers. The primary aim is to facilitate easy communication through a prominently displayed phone number and email address while maintaining a clean and visually appealing aesthetic.

## CORE FEATURES
1. **Hero Section**: A welcoming introduction that captures the essence of The Hair Lady with a brief tagline.
2. **Contact Information**: Clear display of the phone number (6469019377) and email (info@thehairlady.shop) for immediate customer access.
3. **Call-to-Action (CTA)**: Engaging buttons prompting users to reach out or learn more about services offered.
4. **Testimonials**: Display of customer reviews to build trust and credibility.
5. **Service Highlights**: Brief descriptions of key services provided by The Hair Lady to inform visitors.

## 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-column layout with sections stacked vertically for clarity and simplicity, featuring a prominent hero section at the top, followed by contact info, service highlights, testimonials, and an engaging CTA.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to set it up within the React project.
3. **Create Components**: Develop the following components:
   - HeroSection
   - ContactInfo
   - Testimonials
   - ServiceHighlights
   - CTAButton
4. **Layout Structure**: Assemble these components in the App component, ensuring the layout adheres to the minimalist design specifications.
5. **Add Styling**: Use Tailwind CSS to apply styles according to the design specifications, focusing on spacing, typography, and color usage.
6. **Test Responsiveness**: Ensure the layout is responsive and looks good on mobile and desktop devices.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that highlights the essence of The Hair Lady. They can easily find the contact information prominently displayed, allowing for immediate communication. The presence of testimonials provides social proof, while the CTA encourages further engagement with the brand. The minimalist design ensures that users can navigate the information quickly without distractions, enhancing the overall user experience.