Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to connect individuals seeking freelance consultation services with professionals offering their expertise. The platform will facilitate a straightforward way for users to book consultations for a small fee, ensuring that only genuinely interested parties engage in the service.

## CORE FEATURES
1. **Hero Section**: A captivating introduction highlighting the benefits of the platform for both freelancers and clients, with a clear call-to-action (CTA) for users to get started.
2. **Service Listings**: A section showcasing various consultation services offered by freelancers, including brief descriptions and pricing.
3. **Booking System**: An integrated booking feature allowing users to easily schedule consultations and make payments securely.
4. **Testimonials**: User feedback and success stories to build trust and encourage new users to engage with the services.
5. **Contact Information**: A dedicated section for users to reach out for inquiries or support, ensuring clear communication.

## 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 a hero section at the top, followed by service listings, testimonials, and a contact section, all structured for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for this landing page, but can be integrated if needed for managing bookings.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout structure, including the hero, service listings, testimonials, and contact sections using functional components.
3. **Implement Styling**: Apply Tailwind CSS classes for a minimalist design, ensuring responsiveness and adherence to the specified design specifications.
4. **Integrate Booking System**: Set up a simple booking form that allows users to select services and schedule consultations.
5. **Add Testimonials**: Create a dynamic section for testimonials that can be easily updated.
6. **Test the Page**: Ensure all links, buttons, and forms function correctly and the layout is responsive across devices.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly communicates the services offered. They can easily navigate to find consultation options, read testimonials for social proof, and quickly book a session through an intuitive form. The design aims to minimize distractions, ensuring a smooth and focused experience that leads to conversions.