"Create a complete Next.js application for TherapyMatch, a Gen Z-focused therapy matching platform. The website should have the following features and specifications:

1. Design Theme:

2. Orange and white color scheme

3. Cartoonish koala mascot as a guide

4. Emojis instead of traditional icons

5. Modern, vibrant design appealing to Gen Z users

6. Pages and Components: a. Homepage (/):

7. Header with logo, navigation, and "Get Started" button

8. Hero section with headline, description, and CTA

9. Feature cards section

10. Testimonials section

11. Footer with copyright and psytech.ai link

b. Questionnaire Page (/questionnaire):

1. Multi-step form (9 steps) covering:

2. Persona-based questions

3. Mental health concerns

4. Therapy preferences

5. Logistical needs

6. Personal preferences

7. Therapist qualities

8. Emotional check-in

9. Free-form emotional dump

10. Crisis and urgency assessment

11. Animated koala guide

12. Progress indicator

c. Therapist Matches Page (/therapist-matches):

1. 3 therapist profile cards

2. Each card: name, photo, rating, specialties, "Schedule Now" button

3. Match percentage for each therapist

4. Components: Header, Footer, Hero, FeatureCards, Testimonials, QuestionnaireForm, KoalaGuide, TherapistCard

5. Styling and Animations:

6. Tailwind CSS

7. Smooth transitions between questionnaire steps

8. Subtle koala guide animations

9. Responsive and mobile-friendly design

10. Functionality:

11. Client-side form validation

12. React hooks for state management

13. Smooth scrolling on homepage

14. Performance and Best Practices:

15. Next.js best practices

16. Optimized images and animations

17. SEO meta tags

18. Accessibility: ARIA labels and semantic HTML

19. Questionnaire Questions:

Step 1: Persona-Based Questions

• Age (Options: Under 18, 18-24, 25-34, 35-44, 45-54, 55-64, 65+)
• Gender identity (Options: Male, Female, Non-binary, Prefer not to say, Other)
• Relationship status (Options: Single, In a relationship, Married, Divorced, Widowed, Prefer not to say)
• Children (Yes/No, If yes: How many?)
• Occupation (Open-ended)
• Cultural/ethnic background (Open-ended)

Step 2: Mental Health Concerns

• Main mental health concerns (Multiple selection)
• Symptom severity (Scale 1-10)
• Diagnosed conditions (Yes/No, If yes: Specify)
• Current medication (Yes/No, If yes: Specify)

Step 3: Therapy Preferences

• Therapy types (Multiple selection)
• Therapist approach preference (Multiple selection)
• Previous therapy experience (Yes/No, If yes: Likes, dislikes, reason for stopping)

Step 4: Logistical Needs

• Location (City, State, Zip Code)
• Travel willingness (Options)
• Availability (Multiple selection)
• Preferred session format (Multiple selection)
• Insurance (Yes/No, If yes: Specify, If no: Budget)

Step 5: Personal Preferences

• Therapist gender preference (Options)
• Therapist language preference (Options)
• Cultural/religious preferences (Options)
• Therapist age range preference (Options)

Step 6: Therapist Qualities

• Important therapist qualities (Multiple selection)
• Preferred experience level (Options)
• Specialization preferences (Options)

Step 7: Emotional Check-In

• Current feeling (Scale 1-10)
• Feeling description (Open-ended)
• Recent thoughts (Open-ended)
• Monthly mental health rating (Scale 1-10)
• Main concern (Open-ended)
• Comfort in discussing feelings (Yes/No, If no: Explain)

Step 8: Free-Form Emotional Dump

• Additional feelings/thoughts (Open-ended)

Step 9: Crisis and Urgency

• Current crisis status (Yes/No, If yes: Describe)
• Self-harm/suicidal thoughts (Yes/No, If yes: Describe)
• Need for immediate support (Yes/No)

Provide complete, production-ready code for this Next.js application, including all components, pages, and styling. Ensure the code is well-commented and follows React and Next.js best practices and the design style of the website has to resemble the design of the image i have provided to you.