Mental Health & Wellness Therapy
A calming, confidential mental health and psychotherapy platform with therapist matching questionnaires, insurance verification, and booking.
Example of the website this prompt builds. Your result will use your own name, text and images.
- Tech stack
- Next.js (App Router) + Tailwind CSS
- Colour palette
#fbfcf8#1e293b#0d9488#ca8a04
- What it builds
- Confidential care guarantee strip with 24/7 crisis support line
- Serene navigation bar with Specialty areas and Book Intro Session button
- Hero with personalized 2-minute therapist matching questionnaire card
- Core therapy specialties (Anxiety, Depression, Workplace Burnout, Couples)
- Licensed clinical psychologist and psychotherapist profile cards
- How virtual and in-person therapy sessions work (3 steps)
- Insurance coverage checker & sliding-scale fee options
- Client healing reflections and clinical outcome statistics
- Evidence-based therapeutic modalities (CBT, EMDR, Mindfulness)
- FAQ answering privacy, session frequency, and therapist fit concerns
- Footer with crisis intervention hotlines and clinical licensing info
The prompt
Copy everything in the box. Text in quotes and the sample business details are meant to be replaced with your own.
Build a compassionate, calming mental health and psychotherapy clinic website called "SereneMind Therapy & Wellness Clinic".
Tech stack: Next.js (App Router) with Tailwind CSS.
Visual style: tranquil, organic, and restorative. Soft sage/linen background (#fbfcf8), dark slate typography (#1e293b), calming eucalyptus teal (#0d9488) for primary buttons, and warm ochre (#ca8a04) for accreditation stars. Gentle rounded borders (20px), generous breathing room, and zero aggressive sales tactics.
Sections, in order:
1. Reassurance Strip: "100% Confidential & Secure Care. If you are experiencing a crisis, please call or text 988 immediately."
2. Navbar: gentle botanical leaf logo, links ("Specialties", "Our Therapists", "How It Works", "Insurance", "Resources"), and "Book Consultation" teal button.
3. Hero: split layout.
- Left side: badge "✦ Licensed Clinical Psychologists", headline "Find your path to healing, clarity, and peace of mind", supporting paragraph on personalized therapy tailored to your goals in a compassionate, judgment-free space.
- Right side: an interactive matching questionnaire card: "Find Your Ideal Therapist" with question dropdowns for What brings you in today? (Anxiety, Depression, Life Transition, Relationship), Preferred format (Virtual Video or In-Person Clinic), and "Match with a Clinician" button.
4. Practice Highlights: 4 reassurance points: "Board-Licensed Psychologists", "Virtual & In-Person Options", "Covered by Major Insurance", "Flexible Evening & Weekend Slots".
5. Specialty Focus Areas: 6 gentle cards for: 1) Anxiety & Panic Relief, 2) Depression & Burnout, 3) Couples & Relationship Counseling, 4) Trauma & EMDR Therapy, 5) Grief & Loss Support, 6) Mindfulness & Stress Regulation.
6. Meet Our Clinicians: 3 therapist cards showing photo, full name, credentials (e.g., Psy.D, Licensed Marriage & Family Therapist), areas of expertise, and an "Accepting New Clients" green badge.
7. Simple 3-Step Journey: 1) Take the 2-minute matching quiz, 2) Have a free 15-minute phone consultation to ensure right fit, 3) Begin weekly sessions online or at our peaceful clinic.
8. Insurance & Transparent Fees: clear explanation of in-network insurance partners (Blue Cross, Aetna, Cigna) and out-of-network sliding scale rates starting at $65/session.
9. Patient Reflections: 3 heartwarming, anonymous client testimonials highlighting personal growth and newfound resilience.
10. FAQ: 6 thoughtful questions covering therapist matching guarantees, privacy encryption, and what to expect during session 1.
11. Footer: emergency crisis resources, state psychology board licensing, HIPAA compliance statement, and copyright.
Quality bar:
- Fully responsive: design mobile-first, then tablet (768px) and desktop (1200px).
- Accessible: semantic HTML landmarks, one h1, alt text on images, visible keyboard focus, colour contrast of at least 4.5:1 for body text.
- Fast: no heavy libraries, lazy-load images below the fold, system or two web fonts at most.
- Use placeholder images from a neutral source and realistic sample copy (no lorem ipsum).
- Respect prefers-reduced-motion for every animation.
- Keep the code clean and commented so I can edit it by hand.How to use this prompt
- 1
Open an AI coding tool. Use any capable assistant: Claude, ChatGPT, Cursor, v0, Bolt, Gemini. Tools that can create files (Cursor, Claude Code, v0, Bolt) are the most convenient because they write the project for you.
- 2
Replace the sample details. Copy the prompt and change the business name, location, colours and any section you do not need. The more specific your details, the better the result.
- 3
Paste the prompt and generate. Send the whole prompt in one message. If the reply is cut off, say “continue from where you stopped”, or ask for one section at a time.
- 4
Run it on your computer. Create a project with “npx create-next-app@latest”, add the generated files, then run “npm run dev” and open http://localhost:3000.
- 5
Review and refine. Check it on a phone-width screen, fix anything that looks off by describing it in plain words, then use the follow-up prompts below to add features one at a time.
- 6
Replace placeholders and publish. Swap in your real text and images, then deploy. Vercel and Netlify both host this kind of site for free.
Follow-up prompts
Send these one at a time after the first version is working. Small, specific requests give much better results than one giant prompt.
Add interactive multi-step therapist matching quiz modal.
Add insurance verification search tool where visitors check their exact co-pay.
Add audio player widget with 2-minute guided breathing mindfulness exercise.
Add MedicalClinic and Counselor JSON-LD structured data.
Tips for a better result
- Always display the 988 Suicide & Crisis Lifeline clearly in the header and footer.
- Use calming, destigmatizing language that encourages seeking help with dignity.
- Want to hand-build a section instead? The Templates library has heroes, pricing tables, FAQs and more with full code.
