Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "stillhetensrum.se," a service offering online support for grief counseling and crisis management. The purpose of the landing page is to provide information about the services offered by Anna Axelsson, attract potential clients, and facilitate the booking of counseling sessions.

## CORE FEATURES
1. **Hero Section**: A compelling introductory area that highlights Anna Axelsson's services, emphasizing the emotional support available during difficult times.
2. **Service Descriptions**: Sections detailing the various types of support offered, such as grief counseling, crisis support, and lectures, along with Anna's qualifications and experience.
3. **Testimonials**: A section showcasing feedback from previous clients to build trust and demonstrate the effectiveness of the services provided.
4. **Call to Action (CTA)**: Prominent buttons encouraging visitors to book a session, with a clear message on the benefits of reaching out.
5. **About Anna**: A dedicated section introducing Anna Axelsson, her background, and her approach to counseling, creating a personal connection with visitors.
6. **Contact Information**: A clear and simple way for potential clients to reach out for more information or to book a session.

## 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 vertical scroll, featuring distinct sections for the hero, services, testimonials, about Anna, and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Build a `Hero` component for the introduction.
   - Create a `Services` component to detail the offerings.
   - Develop a `Testimonials` component to display client feedback.
   - Implement a `CTA` component for booking sessions.
   - Design an `About` component for Anna's biography.
   - Set up a `Contact` component for additional inquiries.
3. **Style Components**: Use Tailwind CSS to style each component according to the design specifications, ensuring the use of the primary color and typography choices.
4. **Layout Structure**: Organize components into the main App component with a flow from Hero to Contact.
5. **Responsive Design**: Ensure all sections are responsive and visually appealing on different devices.
6. **Testing**: Perform thorough testing for usability and functionality.

## USER EXPERIENCE
Visitors will arrive at the landing page and be greeted by a welcoming hero section that clearly states the purpose of the site. They will navigate through informative sections that detail the services offered, read testimonials that build trust, and understand Anna's background. The process will be designed to encourage users to take action, with clear CTAs prompting them to book a counseling session. The overall experience will be warm, inviting, and supportive, reflecting the essence of the services provided.