// Courageous Path Counseling, site sections, composed from the design system. (function () { const DS = window.CourageousPathDesignSystem_747028; const LOGO = 'assets/logo-full-transparent.png'; const PORTRAIT = 'assets/img-3581-large.jpeg'; // Responsive spacing helpers. Sections set their padding inline, so the // simplest way to make them fluid is to compute clamp() strings here: // PX = side padding (shrinks on phones), PY(max) = block padding. const PX = 'clamp(20px, 5vw, 32px)'; const PY = (max) => `clamp(${Math.round(max * 0.6)}px, 9vw, ${max}px)`; // Vertical-only padding for two/three-value shorthands: `${PY(top)} ${PX} ${PY(bot)}`. // Shared responsive CSS injected once into . Because every page mounts // these shared components, this is the single source of truth for the site's // responsive grid collapses and header behavior (kept here so all four HTML // pages stay in sync instead of each maintaining its own media queries). (function injectGlobalCSS() { if (typeof document === 'undefined' || document.getElementById('cp-global-css')) return; const el = document.createElement('style'); el.id = 'cp-global-css'; el.textContent = [ '.cp-book-short{display:none}', // Header: swap full nav for the burger menu on tablet/mobile. '@media (max-width:1000px){', '.cp-nav{display:none !important}', '.cp-portal-link{display:none !important}', '.cp-burger{display:inline-flex !important}}', '@media (min-width:1001px){.cp-menu{display:none !important}}', // Collapse all two/three-column section grids to a single column. '@media (max-width:880px){', '.cp-hero{grid-template-columns:1fr !important;gap:40px !important}', '.cp-about{grid-template-columns:1fr !important;gap:40px !important}', '.cp-contact{grid-template-columns:1fr !important;gap:40px !important}', '.cp-services{grid-template-columns:1fr !important}', '.cp-reassure{grid-template-columns:1fr !important;gap:28px !important}', '.cp-svc-split{grid-template-columns:1fr !important}', '.cp-svc-left{grid-template-columns:1fr !important}', '.cp-svc-right{grid-template-rows:auto !important}', '.cp-about-row{flex-direction:column;text-align:center;gap:28px !important}', '.cp-about-logo{height:180px !important;width:180px !important}', '.cp-proc-h{display:none !important}.cp-proc-v{display:flex !important}}', // Tablet: ease the reassurance strip to two columns before stacking. '@media (min-width:721px) and (max-width:880px){.cp-reassure{grid-template-columns:1fr 1fr !important}}', // PSYPACT coverage: let the geographic tile map keep shrinking, then swap to a // compact grid only once the tiles get too small to read (≤430px). '@media (max-width:430px){.cp-map-geo{display:none !important}.cp-map-grid{display:grid !important}}', // Compact the header on very small screens. '@media (max-width:470px){', '.cp-book-full{display:none}.cp-book-short{display:inline-flex}', '.cp-headbar{padding-left:16px !important;padding-right:16px !important}}' ].join(''); document.head.appendChild(el); })(); // ---- Thin, rounded line icons (Lucide-style, 2px stroke) ----------------- const Ic = ({ d, size = 26, fill }) => {d} ; const Icons = { heart: } />, sprout: } />, moon: } />, users: } />, clipboard: } />, sparkle: } />, baby: } />, woman: , mail: } size={20} />, phone: } size={20} />, pin: } size={20} />, arrow: } size={18} />, clock: } size={20} />, mic: } />, check: } size={16} />, copy: } size={15} />, chevron: } size={22} />, portal: } size={18} />, menu: } />, x: } /> }; // ---- Shared bits --------------------------------------------------------- function Eyebrow({ children, color = 'var(--slate-400)', style = {} }) { return
{children}
; } function Photo({ label, tone = 'mixed', radius = 'var(--radius-2xl)', height = '100%', src, objectPosition = 'center 28%', style = {} }) { const tones = { blue: 'linear-gradient(155deg, var(--blue-200), var(--blue-300))', sage: 'linear-gradient(155deg, var(--sage-200), var(--sage-300))', sand: 'linear-gradient(155deg, var(--sand-200), var(--sand-300))', mixed: 'linear-gradient(155deg, var(--blue-200), var(--sage-200) 58%, var(--sand-200))' }; return (
{src ? {label} : {label}}
); } function SectionHead({ eyebrow, title, script, sub, align = 'center', maxWidth = 620 }) { return (
{eyebrow && {eyebrow}}

{title}

{script &&
{script}
} {sub &&

{sub}

}
); } const NAV = [['Services', '#services'], ['FAQ', '/faq'], ['For Professionals', '/for-professionals'], ['Contact', '#contact']]; const resolve = (href, base) => href.charAt(0) === '#' ? base + href : href; // ---- Header -------------------------------------------------------------- const PORTAL_URL = 'https://jamie-kuhlman.clientsecure.me/sign-in'; function Header({ base = '', localContact = false }) { const { Button } = DS; const contactHref = localContact ? '#contact' : base + '#contact'; const navHref = (href) => href === '#contact' ? contactHref : resolve(href, base); const [menu, setMenu] = React.useState(false); return (
Courageous Path Counseling
{Icons.portal}Client portal
); } // ---- Hero ---------------------------------------------------------------- function Hero() { const { Button, Badge } = DS; return (
Licensed Psychologist · Nashville, TN · Telehealth in 43 states

You don’t have to walk

this path alone

Compassionate, specialized therapy for infertility and maternal mental health , helping you find peace and steady ground wherever you are on your reproductive journey.

Dr. Jamie Kuhlman, PhD
Licensed Psychologist · TN #3447
); } // ---- Reassurance strip --------------------------------------------------- function Reassurance() { const items = [ [Icons.heart, 'Safe Space', 'Empathetic listening where hard feelings are truly heard, never minimized'], [Icons.clock, 'Telehealth Appointments', 'All sessions are conducted over telehealth to provide flexibility and comfort'], [Icons.sprout, 'Specialized Care', 'Specialized focus on fertility, pregnancy, loss, and maternal mental health']]; return (
{items.map(([icon, title, body], i) =>
{icon}
{title}

{body}

)}
); } // ---- Services ------------------------------------------------------------ const SERVICES = [ [Icons.heart, 'blue', 'Individual Therapy', 'Infertility', 'An emotional rollercoaster of hope, grief, anxiety, and loneliness, often isolating and hard to talk about. Together we navigate it and find peace, wherever you are on your reproductive journey.'], [Icons.baby, 'blue', 'Individual Therapy', 'Postpartum mental health', 'Complications, difficult or traumatic births, pregnancy loss, and postpartum mood disorders can happen to any of us. We walk through this complex time and find the strength within to feel steady again.'], [Icons.woman, 'blue', 'Individual Therapy', 'Maternal mental health', 'Whatever your path to motherhood, being a mother is a challenging task. Alongside the joys come stressors that can feel isolating and hard to name. I work with women across every stage of motherhood to grow not only as a mother but as a whole person.'], [Icons.sprout, 'blue', 'Individual Therapy', 'Personal growth', 'We work collaboratively with clients to discover themselves more deeply, improve their relationships, experience a new way of being, and feel empowered to make the changes they want in their life.'], [Icons.users, 'sand', '3rd Party Reproduction', 'Implications counseling', 'When using an egg or sperm donor or a gestational carrier, it helps, and is often required, to meet with a trained counselor. We support intended parents in thinking through these decisions as they move forward in building their families.'], [Icons.clipboard, 'sand', '3rd Party Reproduction', 'Donor & carrier screenings', 'Becoming an egg or sperm donor or a gestational carrier often requires a psychological evaluation. We conduct each part of the evaluation process and coordinate with your agency or clinic.']]; function Services() { const { Card, Badge } = DS; const renderCard = ([icon, tone, cat, title, body], i) => {icon} {cat}

{title}

{body}

; return (
{SERVICES.slice(0, 4).map(renderCard)}
{SERVICES.slice(4).map((s, i) => renderCard(s, i + 4))}
); } // ---- About --------------------------------------------------------------- function About() { const { Button } = DS; return (
Courageous Path Counseling
Meet your psychologist

Jamie Kuhlman, PhD

Licensed Clinical Psychologist · State of Tennessee #3447

Having walked the road of infertility myself, and known the difficulties of becoming a new mother, I’m passionate about helping clients find peace on their own reproductive journey.

My work is collaborative and unhurried. Together we make room for the whole of your experience, the hope and the grief, so you can feel truly met, and find the courage and strength already within you. All sessions are conducted via telehealth so you can meet in the comfort of your own space without the added time of coming into an office. As a PSYPACT member, I also see clients in over 43 state so location is no longer a barrier to the care you deserve. 

); } // ---- Quote --------------------------------------------------------------- function Quote() { return (
a gentle reminder

"And the day came when the risk to remain tight in a bud was more painful than the risk it took to blossom." Anaïs Nin

); } // ---- Contact + Footer ---------------------------------------------------- const CONTACT_COPY = { default: { eyebrow: 'Contact', heading: 'Reach out when you’re ready', script: 'I’d love to hear from you', intro: 'Booking a free consultation carries no pressure and no commitment. We’ll see if we’re a good fit, at a pace that feels right for you.', formTitle: 'Send a note', formSub: 'Share as much or as little as feels right.', fieldLabel: 'What brings you here?', fieldPlaceholder: 'A sentence or two is plenty, there’s no pressure to share more than you’d like.' }, faq: { eyebrow: 'Still wondering?', heading: 'Have a question I didn’t cover?', script: 'I’m always happy to help', intro: 'If something wasn’t answered above, please reach out, no question is too small, and there’s never any pressure or commitment.', formTitle: 'Ask away', formSub: 'Share as much or as little as feels right.', fieldLabel: 'What would you like to ask?', fieldPlaceholder: 'Tell me what’s on your mind, even a single sentence is plenty.' }, pro: { eyebrow: 'For professionals', heading: 'Let’s work together', script: 'for the people in your care', intro: 'Whether you’re seeking services for a client, exploring a partnership, or inviting me to speak or collaborate on advocacy, I’d be glad to talk.', formTitle: 'Start a conversation', formSub: 'A few details about your team or request help me point you the right way.', fieldLabel: 'How can I help your team?', fieldPlaceholder: 'Tell me a little about your clinic, agency, or organization and what you’re looking for.' } }; // Small "copy to clipboard" pill, shown next to the email at every screen size. function CopyButton({ text, label = 'email address' }) { const [copied, setCopied] = React.useState(false); const copy = async () => { try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(text); } else {throw new Error('no clipboard');} } catch (e) { const ta = document.createElement('textarea'); ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.focus(); ta.select(); try {document.execCommand('copy');} catch (_) {} document.body.removeChild(ta); } setCopied(true); setTimeout(() => setCopied(false), 1800); }; return ( ); } function ContactInfo({ gap = 18 }) { const info = [ [Icons.mail, 'Email', 'drjamie@courageouspathcounseling.com', 'mailto:drjamie@courageouspathcounseling.com'], [Icons.phone, 'Telephone', '615.274.9972', 'tel:6152749972'], [Icons.pin, 'Mailing Address', '2021 Richard Jones Road, Suite 350B · Nashville, TN 37215', null]]; return (
{info.map(([icon, label, value, href], i) =>
{icon}
{label}
{href && href.indexOf('mailto:') === 0 ? : href ? {value} :
{value}
}
)}
If you are in crisis, please call or text 988 for the Suicide & Crisis Lifeline, or call 911.
); } // Returns a friendly, specific error string, or '' when the email is valid. // Stricter than the browser's native type="email" check (which accepts e.g. // "a@b" with no TLD) and gives a targeted message for the common mistakes. function emailErrorFor(raw) { const email = (raw || '').trim(); if (!email) return 'Please enter your email address.'; if (/\s/.test(email)) return 'Email addresses can’t contain spaces.'; const parts = email.split('@'); if (parts.length !== 2) return 'Please include a single “@” in your email.'; const [local, domain] = parts; if (!local) return 'Add the part before the “@” (e.g. you).'; if (!domain) return 'Add the part after the “@” (e.g. gmail.com).'; if (!domain.includes('.')) return 'The domain looks incomplete — it’s missing a “.com”, “.org”, etc.'; if (/^[.]|[.]$/.test(local) || /\.\./.test(local)) return 'Please enter a valid email address.'; if (/^[.-]|[.-]$/.test(domain) || /\.\./.test(domain)) return 'Please enter a valid email address.'; const tld = domain.slice(domain.lastIndexOf('.') + 1); if (tld.length < 2) return 'The domain ending looks incomplete.'; if (!/^[A-Za-z]+$/.test(tld)) return 'Please check the end of the email address.'; if (!/^[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$/.test(email)) { return 'Please enter a valid email address.'; } return ''; } function ContactForm({ copy, bare = false, source = 'main' }) { const { Card, Button, Input, Textarea } = DS; const [sent, setSent] = React.useState(false); const [status, setStatus] = React.useState('idle'); // idle | sending | error const [error, setError] = React.useState(''); const [emailTouched, setEmailTouched] = React.useState(false); const [form, setForm] = React.useState({ name: '', email: '', message: '', company: '' }); const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const emailError = emailErrorFor(form.email); const showEmailError = emailTouched && !!emailError; async function handleSubmit(e) { e.preventDefault(); if (status === 'sending') return; if (emailError) { setEmailTouched(true); return; } setStatus('sending'); setError(''); try { const res = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ ...form, source }) }); const data = await res.json().catch(() => ({})); if (!res.ok) throw new Error(data.error || 'Something went wrong. Please try again.'); setSent(true); } catch (err) { setStatus('error'); setError(err.message || 'Something went wrong. Please try again.'); } } const sending = status === 'sending'; const inner = sent ?
{Icons.heart}

Thank you for reaching out

Your note is on its way. I’ll be in touch soon.

:

{copy.formTitle}

{copy.formSub}

{/* Wrapper catches blur (focusout bubbles) without overriding the DS Input's own onBlur, which drives its focus styling. */}
setEmailTouched(true)}>