Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a clean, minimalist landing page for "Idrett og Klassisk Massasje," a sports and classical massage therapy service based in Østfold. The website will focus on providing an easy overview of services, an intuitive booking feature, and clear information for individuals and organizations seeking massage therapy.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section that introduces the service with a clear tagline, a brief description, and a prominent call-to-action (CTA) button for booking appointments.
2. **Services Overview**: A section detailing the types of massages offered (sports and classical) with engaging descriptions and potential package deals for organizations.
3. **Booking Feature**: An integrated booking system allowing clients to select available time slots (Monday - Friday from 17:00 - 21:00 and some Saturdays) for appointments.
4. **Contact Information**: A dedicated section for contact details, including phone number and email, along with a simple contact form for inquiries.
5. **Testimonials Section**: A space for client testimonials to build trust and credibility.
6. **Location Information**: Details about service availability at home and visits to clients and organizations in the Østfold region.

## 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 clear vertical flow from the hero section, through services, booking, testimonials, and contact information, ensuring a smooth user experience.

## 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.

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and configure Tailwind CSS for styling.
2. **Create the main structure** of the landing page using functional components for each section (Hero, Services, Booking, Testimonials, Contact).
3. **Implement the Hero Section** with a background image, tagline, and CTA button linked to the booking feature.
4. **Develop the Services Overview** section, incorporating descriptions of sports and classical massage, including pricing information.
5. **Integrate the Booking Feature** using a form component that allows users to select available time slots.
6. **Design the Contact Section** with a form for inquiries, ensuring it captures necessary information (name, email, message).
7. **Add the Testimonials Section** to display client feedback in an engaging manner.
8. **Ensure responsiveness** of the site across various devices to provide an optimal user experience.

## USER EXPERIENCE
Users will land on a visually appealing hero section where they can quickly understand the service and navigate to book an appointment. The booking process will be straightforward, allowing users to choose their desired time slots effortlessly. The testimonials will build credibility, while the contact section will facilitate easy communication. The overall flow will be intuitive and designed to encourage conversions, making it simple for users to engage with the services offered.