1<!DOCTYPE html><!-- Last Published: Wed Sep 30 2026 17:55:45 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="mentalhappytest233.webflow.io" data-wf-page="6a2947f2b645e1e58d847307" data-wf-site="5eb1d5b6f623cb64d7b7735f" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Find Online Support Groups Near You â Free to Join | MentalHappy</title><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can't find yours? Request it." name="description"/><meta content="Find Online Support Groups Near You â Free to Join | MentalHappy" property="og:title"/><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can't find yours? Request it." property="og:description"/><meta content="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/66393f125d8ec87e07a85f0f_social%20share%20img%20(2).webp" property="og:image"/><meta content="Find Online Support Groups Near You â Free to Join | MentalHappy" name="twitter:title"/><meta content="Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private, vetted community. Can't find yours? Request it." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/66393f125d8ec87e07a85f0f_social%20share%20img%20(2).webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="LExXZ5oJzAjGUaS327AdO4KdiLzcvohKcPgRD214e0g" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/css/mentalhappytest233.webflow.shared.664caebab.min.css" rel="stylesheet" type="text/css" integrity="sha384-ZkyuurrBDG8ruAvHlypnsfpkaeKIxxLofUeEaOdog431O80Q7m72DCFP7pGLm7aG" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/5eb3962688ad6f341ba62d8d_MH_Favicon_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/5eb3965160483b862d7b35c6_MH_Favicon_mhBlue-web.png" rel="apple-touch-icon"/><link href="https://www.mentalhappy.com/find-support-group" rel="canonical"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@graph": [ 5 { 6 "@type": "CollectionPage", 7 "@id": "https://www.mentalhappy.com/find-support-group#page", 8 "url": "https://www.mentalhappy.com/find-support-group", 9 "name": "Find Online Support Groups Near You â Free to Join | MentalHappy", 10 "description": "Find expert-led online support groups for anxiety, grief, relationships, and more. Free to join. Private and vetted. Can't find yours? Request it.", 11 "isPartOf": { 12 "@type": "WebSite", 13 "url": "https://www.mentalhappy.com", 14 "name": "MentalHappy" 15 }, 16 "breadcrumb": { 17 "@id": "https://www.mentalhappy.com/find-support-group#breadcrumb" 18 }, 19 "publisher": { 20 "@type": "Organization", 21 "name": "MentalHappy", 22 "url": "https://www.mentalhappy.com" 23 } 24 }, 25 { 26 "@type": "BreadcrumbList", 27 "@id": "https://www.mentalhappy.com/find-support-group#breadcrumb", 28 "itemListElement": [ 29 { 30 "@type": "ListItem", 31 "position": 1, 32 "name": "Home", 33 "item": "https://www.mentalhappy.com/" 34 }, 35 { 36 "@type": "ListItem", 37 "position": 2, 38 "name": "Find a Support Group", 39 "item": "https://www.mentalhappy.com/find-support-group" 40 } 41 ] 42 } 43 ] 44} 45</script>
45<!-- Google Tag Manager -->
46<script>
vendor: 327 bytes, lines 46-50
46(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 47new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 48j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 49'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 50})(window,document,'script','dataLayer','
50GTM-MKCXVK3T
vendor: 3 bytes, line 50
50');
50</script>
50 51<!-- End Google Tag Manager --> 52 53<style> 54 body { 55 overscroll-behavior: none 56} 57</style> 58 59<!-- Meta Pixel Code -->
60<script>
vendor: 399 bytes, lines 60-69
60 61!function(f,b,e,v,n,t,s) 62{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 63n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 64if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 65n.queue=[];t=b.createElement(e);t.async=!0; 66t.src=v;s=b.getElementsByTagName(e)[0]; 67s.parentNode.insertBefore(t,s)}(window, document,'script', 68'https://connect.facebook.net/en_US/fbevents.js'); 69fbq('init', '
69590039635006107
vendor: 30 bytes, lines 69-70
69'); 70fbq('track', 'PageView');
71</script>
71 72<noscript><img height="1" width="1" style="display:none" 73src="https://www.facebook.com/tr?id=590039635006107&ev=PageView&noscript=1" 74/></noscript> 75<!-- End Meta Pixel Code -->
76<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0076/6799.js" async="async" ></script>
76 77<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide-core.min.css"> 78 79<style> 80 .brand{ 81 color: #00879B 82 } 83 84 .splide{ 85 visibility: visible !important 86 } 87 88 #session-container { 89 display: flex; 90 gap: 24px; 91 } 92 93 .splide__track { 94 overflow: visible; 95} 96 97 98 div.n-title.left{ 99 overflow: hidden; 100 display: -webkit-box; 101 -webkit-line-clamp: 2; /* number of lines to show */ 102 line-clamp: 2; 103 -webkit-box-orient: vertical; 104 } 105 106 107</style></head><body class="n-body is-grey"><nav class="navbar-two"><div class="a-container nav-bar-content"><a href="https://community.mentalhappy.com/login" class="new-nav-link w-inline-block"><div>Log in</div></a><a href="/find-support-group" aria-current="page" class="new-nav-link w-inline-block w--current"><div>Find a Support Group</div></a><a href="/hosting-groups" class="new-nav-link w-inline-block"><div>Start a Support Group</div></a><a href="/about-us" class="new-nav-link w-inline-block"><div>About us</div></a><div class="nav-bar-download-app"><div class="text-block-82">Available on web and also on</div><div class="app-download-buttons nav-bar"><a href="https://apps.apple.com/us/app/mentalhappy/id1574363583" class="downlaod-app-btn navbar-view w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193d753dfb64e8214324e80_Group%20(1).svg" loading="lazy" alt="" class="image-95 navbar"/><div class="store-text navbar">App Store</div></a><a href="https://play.google.com/store/apps/details?id=com.mentalhappy.app" class="downlaod-app-btn navbar-view playstore w-inline-block"><img src="https://cdn.prod.website-files.com/60c719be7509fd4a0e47f719/611635ba1569db5818128265_Frame%201203.svg" loading="lazy" alt="" class="image-95 navbar"/><div class="store-text navbar">Google Play</div></a></div></div></div><div class="a-container new-nav"><a href="/" class="brand w-nav-brand"><div class="html-embed w-embed"><svg width="100%" height="auto" viewBox="0 0 2548 650" fill="none" xmlns="http://www.w3.org/2000/svg"> 108<path d="M2219.44 526C2008.94 681.5 1696.94 571.5 1669.93 513.5L1646.44 527.5C1828.94 732.5 2193.94 636.5 2239.44 542L2219.44 526Z" fill="#F8EE10"/> 109<path d="M127.498 32.1528C102.065 40.5188 82.3216 54.4064 68.2667 73.8156C54.5464 92.8901 47.6863 116.65 47.6863 145.094C47.6863 157.81 48.8575 166.511 51.2 171.196C53.5425 175.881 54.7137 178.725 54.7137 179.729C18.9072 179.729 1.00392 164.503 1.00392 134.051C1.00392 113.303 8.86798 92.5555 24.5961 71.8077C40.6588 50.7254 61.0719 33.6587 85.8353 20.6077C110.933 7.22211 135.864 0.529297 160.627 0.529297C173.009 0.529297 185.726 2.87178 198.776 7.55675L187.231 272.09L297.663 7.55675H369.945L317.239 377H244.957L277.082 151.62L182.714 377H113.945L123.984 150.616L40.1569 377H0L127.498 32.1528Z" fill="teal"/> 110<path d="M433.247 380.012C408.484 380.012 389.242 373.654 375.522 360.937C361.801 347.886 354.941 327.64 354.941 300.2C354.941 277.11 359.459 251.677 368.494 223.902C377.529 196.127 392.254 172.2 412.667 152.121C433.08 131.708 459.014 121.502 490.471 121.502C527.281 121.502 545.686 137.565 545.686 169.69C545.686 188.43 540.332 205.664 529.624 221.392C518.915 237.12 504.693 249.837 486.957 259.541C469.221 268.911 450.314 274.265 430.235 275.604C429.566 285.643 429.231 292.336 429.231 295.682C429.231 312.08 432.076 323.29 437.765 329.314C443.454 335.003 452.656 337.847 465.373 337.847C483.443 337.847 498.837 333.664 511.553 325.298C524.604 316.932 538.826 304.216 554.22 287.149H571.286C534.141 349.057 488.128 380.012 433.247 380.012ZM434.251 251.51C446.633 250.84 458.345 246.49 469.388 238.459C480.766 230.427 489.801 220.221 496.494 207.839C503.522 195.457 507.035 182.406 507.035 168.686C507.035 154.966 502.852 148.106 494.486 148.106C482.439 148.106 470.559 158.647 458.847 179.729C447.469 200.812 439.271 224.738 434.251 251.51Z" fill="teal"/> 111<path d="M735.322 380.012C714.909 380.012 699.85 374.657 690.145 363.949C680.775 352.906 676.09 339.353 676.09 323.29C676.09 316.263 676.927 308.399 678.6 299.698C680.273 290.663 681.946 281.962 683.62 273.596C685.627 265.23 686.966 259.876 687.635 257.533C690.312 245.821 692.822 234.276 695.165 222.898C697.507 211.52 698.678 202.318 698.678 195.29C698.678
111178.223 692.655 169.69 680.608 169.69C671.907 169.69 664.211 174.04 657.518 182.741C650.825 191.107 645.471 202.15 641.455 215.871L607.322 377H535.039L588.247 126.02H660.529L655.008 152.121C671.74 133.382 691.316 124.012 713.737 124.012C730.804 124.012 744.357 128.697 754.396 138.067C764.435 147.437 769.455 161.659 769.455 180.733C769.455 190.438 768.284 201.314 765.941 213.361C763.599 225.073 760.252 239.463 755.902 256.529C753.225 266.903 750.715 277.11 748.373 287.149C746.365 296.854 745.361 304.55 745.361 310.239C745.361 316.932 746.867 322.119 749.878 325.8C752.89 329.481 758.077 331.322 765.439 331.322C775.478 331.322 783.51 327.808 789.533 320.78C795.557 313.418 801.58 302.208 807.604 287.149H828.686C816.305 323.959 801.915 348.723 785.518 361.439C769.455 373.821 752.723 380.012 735.322 380.012Z" fill="teal"/> 112<path d="M857.239 380.012C841.177 380.012 828.126 374.992 818.086 364.953C808.382 354.914 803.529 339.855 803.529 319.776C803.529 311.41 804.868 300.535 807.545 287.149L837.663 146.098H821.098L825.114 126.02H841.678L856.737 56.7489L931.028 46.7097L913.961 126.02H944.078L940.063 146.098H909.945L877.82 296.686C876.481 301.706 875.812 307.06 875.812 312.749C875.812 319.442 877.318 324.294 880.329 327.306C883.676 329.983 889.03 331.322 896.392 331.322C906.097 331.322 915.132 327.306 923.498 319.274C931.864 310.908 937.888 300.2 941.569 287.149H962.651C950.269 323.29 934.374 347.886 914.965 360.937C895.556 373.654 876.314 380.012 857.239 380.012Z" fill="teal"/> 113<path d="M1001.6 380.012C982.529 380.012 966.634 373.486 953.918 360.435C941.201 347.384 934.843 326.971 934.843 299.196C934.843 274.433 939.695 248.498 949.4 221.392C959.439 193.952 974.163 170.861 993.573 152.121C1013.32 133.047 1036.74 123.51 1063.85 123.51C1077.57 123.51 1087.77 125.852 1094.47 130.537C1101.16 135.222 1104.51 141.413 1104.51 149.11V152.623L1110.03 126.02H1182.31L1146.17 296.686C1144.83 301.706 1144.16 307.06 1144.16 312.749C1144.16 327.139 1151.02 334.333 1164.74 334.333C1174.11 334.333 1182.14 329.983 1188.84 321.282C1195.86 312.582 1201.38 301.204 1205.4 287.149H1226.48C1214.1 323.29 1198.71 347.886 1180.3 360.937C1162.23 373.654 1143.99 380.012 1125.59 380.012C1111.53 380.012 1100.16 376.163 1091.45 368.467C1083.09 360.435 1078.07 348.89 1076.4 333.831C1066.69 347.552 1055.82 358.762 1043.77 367.463C1032.06 375.829 1018 380.012 1001.6 380.012ZM1034.23 331.322C1042.6 331.322 1050.8 327.473 1058.83 319.776C1067.19 311.745 1072.88 300.869 1075.89 287.149L1099.99 173.706C1099.99 169.355 1098.32 165.172 1094.97 161.157C1091.62 156.806 1086.44 154.631 1079.41 154.631C1066.02 154.631 1053.98 162.495 1043.27 178.223C1032.56 193.617 1024.19 212.357 1018.17 234.443C1012.15 256.195 1009.13 275.437 1009.13 292.169C1009.13 308.901 1011.48 319.609 1016.16 324.294C1021.18 328.979 1027.2 331.322 1034.23 331.322Z" fill="teal"/> 114<path d="M1254.27 380.012C1238.21 380.012 1225.16 374.992 1215.12 364.953C1205.42 354.579 1200.56 339.186 1200.56 318.772C1200.56 310.406 1201.9 299.531 1204.58 286.145L1258.29 34.6626L1332.58 24.6234L1274.85 295.682C1273.52 300.702 1272.85 305.554 1272.85 310.239C1272.85 323.625 1279.71 330.318 1293.43 330.318C1299.45 330.318 1304.81 329.314 1309.49 327.306C1308.15 344.038 1302.13 357.089 1291.42 366.459C1281.05 375.494 1268.66 380.012 1254.27 380.012Z" fill="teal"/> 115<path d="M1478.98 335.344V362H1380.22V335.344H1413V82.7674H1380.22V56.1114H1478.98V82.7674H1446.21V194.198H1593.47V82.7674H1560.7V56.1114H1659.46V82.7674H1626.68V335.344H1659.46V362H1560.7V335.344H1593.47V222.602H1446.21V335.344H1478.98Z" fill="teal"/> 116<path d="M1865.88 335.344V362H1810.38L1807.32 331.848C1793.34 352.823 1769.74 367.244 1736.53 367.244C1687.59 367.244 1666.61 337.092 1666.61 300.385C1666.61 261.931 1691.52 234.838 1755.76 234.838H1806.45V215.61C1806.45 184.585 1788.09 164.92 1752.26 164.92C1733.47 164.92 1719.05 166.668 1707.69 169.727V205.56H1679.72V150.937C1695.89 143.071 1722.98 138.264 1753.13 138.264C1809.94 138.264 1838.78 164.92 1838.78 215.61V335.344H1865.88ZM1742.21 339.714C1777.17 339.714 1805.14 315.243 1806.45 282.032V259.309H1755.76C1717.3 259.309 1699.39 274.166 1699.39 299.948C1699.39 322.671 1713.37 339.714 1742.21 339.714Z" fill="teal"/> 117<path d="M1960 427.111V453.766H1861.24V427.111H1890.08V170.164H1861.24V143.508H1918.92L1921.54 180.652C1935.53 155.744 1960.44 138.264 1995.83 138.264C2053.08 138.264 2093.28 181.526 2093.28 252.754C2093.28 323.108 2053.08 367.244 1996.7 367.244C1964.37 367.244 1938.59 351.949 1922.42 326.604V427.111H1960ZM2059.63 252.754C2059.63 202.064 2033.85 167.105 1991.02 167.105C1948.2 167.105 1921.11 202.064 1921.11 252.317C1921.11 304.318 1948.2 338.84 1991.02 338.84C2033.85 338.84 2059.63 303.881 2059.63 252.754Z" fill="teal"/> 118<path d="M2195.27 427.111V453.766H2096.51V427.111H2125.35V170.164H2096.51V143.508H2154.19L2156.81 180.652C2170.8 155.744 2195.71 138.264 2231.1 138.264C2288.35 138.264 2328.55 181.526 2328.55 252.754C2328.55 323.108 2288.35 367.244 2231.98 367.244C2199.64 367.244 2173.86 351.949 2157.69 326.604V427.111H2195.27ZM2294.9 252.754C2294.9 202.064 2269.12 167.105 2226.3 167.105C2183.47 167.105 2156.38 202.064 2156.38 252.317C2156.38 304.318 2183.47 338.84 2226.3 338.84C2269.12 338.84 2294.9 303.881 2294.9 252.754Z" fill="teal"/> 119<path d="M2547.82 143.508V170.164H2521.6L2440.76 382.101C2416.28 445.027 2389.63 460.758 2349.86 460.758C2340.25 460.758 2328.89 459.447 2322.33 456.388L2326.7 431.48C2332.38 432.791 2341.56 434.539 2348.55 434.539C2372.59 434.539 2393.12 424.926 2409.73 383.849L2418.47 362H2414.54L2343.74 170.164H2317.9
1196V143.508H2400.55V170.164H2378.27L2433.33 329.663L2487.95 170.164H2463.04V143.508H2547.82Z" fill="teal"/> 120</svg></div></a><div class="center-nav-menu"><a href="/resources" class="nav-item w-inline-block"><div class="n-title">Resources</div></a><a href="/blog" class="nav-item w-inline-block"><div class="n-title">Leader Academy</div></a><link rel="prefetch" href="/blog"/><a href="/find-support-group" aria-current="page" class="nav-item w-inline-block w--current"><div class="n-title">Find Support Group</div></a><a href="/hosting-groups" class="nav-item w-inline-block"><div class="n-title">Host a Group</div></a><link rel="prefetch" href="/hosting-groups"/><div data-w-id="e826f6e3-80d1-54d9-99b5-fe3076a8d33d" class="nav-item dropdown hide"><div class="n-title">Groups</div><div class="w-embed"><svg width="16" height="16" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 121<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 122</svg></div><div class="dropdown_content groups"><a href="https://community.mentalhappy.com/register" class="group-dropdown-list-item w-inline-block"><div>Find a group for you</div></a><a href="/hosting-groups" class="group-dropdown-list-item w-inline-block"><div>Host a Support Group Here</div></a><a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20groups" class="group-dropdown-list-item w-inline-block"><div>Ask questions about a group</div></a></div></div><div data-w-id="83f05fa9-1295-a3d2-809f-9aea22844664" class="nav-item dropdown absolute hide"><div class="n-title">Upcoming Sessions</div><div class="w-embed"><svg width="16" height="16" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 123<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 124</svg></div><div class="dropdown_content session"><div id="session-container" class="session-card-cont"></div><a href="https://community.mentalhappy.com/register" class="small-btn w-inline-block"><div class="text-block-100">See All Sessions</div></a></div></div></div><div class="right-nav-menu"><a href="mailto:[email protected]" class="nav-item contact w-inline-block"><div class="n-title">Contact Us</div></a><a href="https://community.mentalhappy.com/login" class="nav-item w-inline-block"><div class="n-title">Log In</div></a><a data-w-id="1e79894e-c45c-9f56-378f-da2d0a7e7653" href="#" class="hamburger-item w-inline-block"><div data-is-ix2-target="1" class="lottie-animation-12" data-w-id="1e79894e-c45c-9f56-378f-da2d0a7e7654" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193ca89c5511914fdbb7d63_33266-hamburger.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3.503503360802889" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div></a></div></div><div class="nav-line"></div><div class="a-container mobile-nav"><a href="/" class="brand w-nav-brand"><div class="html-embed w-embed"><svg width="100%" height="auto" viewBox="0 0 2548 650" fill="none" xmlns="http://www.w3.org/2000/svg"> 125<path d="M2219.44 526C2008.94 681.5 1696.94 571.5 1669.93 513.5L1646.44 527.5C1828.94 732.5 2193.94 636.5 2239.44 542L2219.44 526Z" fill="#F8EE10"/> 126<path d="M127.498 32.1528C102.065 40.5188 82.3216 54.4064 68.2667 73.8156C54.5464 92.8901 47.6863 116.65 47.6863 145.094C47.6863 157.81 48.8575 166.511 51.2 171.196C53.5425 175.881 54.7137 178.725 54.7137 179.729C18.9072 179.729 1.00392 164.503 1.00392 134.051C1.00392 113.303 8.86798 92.5555 24.5961 71.8077C40.6588 50.7254 61.0719 33.6587 85.8353 20.6077C110.933 7.22211 135.864 0.529297 160.627 0.529297C173.009 0.529297 185.726 2.87178 198.776 7.55675L187.231 272.09L297.663 7.55675H369.945L317.239 377H244.957L277.082 151.62L182.714 377H113.945L123.984 150.616L40.1569 377H0L127.498 32.1528Z" fill="currentColor"/> 127<path d="M433.247 380.012C408.484 380.012 389.242 373.654 375.522 360.937C361.801 347.886 354.941 327.64 354.941 300.2C354.941 277.11 359.459 251.677 368.494 223.902C377.529 196.127 392.254 172.2 412.667 152.121C433.08
127131.708 459.014 121.502 490.471 121.502C527.281 121.502 545.686 137.565 545.686 169.69C545.686 188.43 540.332 205.664 529.624 221.392C518.915 237.12 504.693 249.837 486.957 259.541C469.221 268.911 450.314 274.265 430.235 275.604C429.566 285.643 429.231 292.336 429.231 295.682C429.231 312.08 432.076 323.29 437.765 329.314C443.454 335.003 452.656 337.847 465.373 337.847C483.443 337.847 498.837 333.664 511.553 325.298C524.604 316.932 538.826 304.216 554.22 287.149H571.286C534.141 349.057 488.128 380.012 433.247 380.012ZM434.251 251.51C446.633 250.84 458.345 246.49 469.388 238.459C480.766 230.427 489.801 220.221 496.494 207.839C503.522 195.457 507.035 182.406 507.035 168.686C507.035 154.966 502.852 148.106 494.486 148.106C482.439 148.106 470.559 158.647 458.847 179.729C447.469 200.812 439.271 224.738 434.251 251.51Z" fill="currentColor"/> 128<path d="M735.322 380.012C714.909 380.012 699.85 374.657 690.145 363.949C680.775 352.906 676.09 339.353 676.09 323.29C676.09 316.263 676.927 308.399 678.6 299.698C680.273 290.663 681.946 281.962 683.62 273.596C685.627 265.23 686.966 259.876 687.635 257.533C690.312 245.821 692.822 234.276 695.165 222.898C697.507 211.52 698.678 202.318 698.678 195.29C698.678 178.223 692.655 169.69 680.608 169.69C671.907 169.69 664.211 174.04 657.518 182.741C650.825 191.107 645.471 202.15 641.455 215.871L607.322 377H535.039L588.247 126.02H660.529L655.008 152.121C671.74 133.382 691.316 124.012 713.737 124.012C730.804 124.012 744.357 128.697 754.396 138.067C764.435 147.437 769.455 161.659 769.455 180.733C769.455 190.438 768.284 201.314 765.941 213.361C763.599 225.073 760.252 239.463 755.902 256.529C753.225 266.903 750.715 277.11 748.373 287.149C746.365 296.854 745.361 304.55 745.361 310.239C745.361 316.932 746.867 322.119 749.878 325.8C752.89 329.481 758.077 331.322 765.439 331.322C775.478 331.322 783.51 327.808 789.533 320.78C795.557 313.418 801.58 302.208 807.604 287.149H828.686C816.305 323.959 801.915 348.723 785.518 361.439C769.455 373.821 752.723 380.012 735.322 380.012Z" fill="currentColor"/> 129<path d="M857.239 380.012C841.177 380.012 828.126 374.992 818.086 364.953C808.382 354.914 803.529 339.855 803.529 319.776C803.529 311.41 804.868 300.535 807.545 287.149L837.663 146.098H821.098L825.114 126.02H841.678L856.737 56.7489L931.028 46.7097L913.961 126.02H944.078L940.063 146.098H909.945L877.82 296.686C876.481 301.706 875.812 307.06 875.812 312.749C875.812 319.442 877.318 324.294 880.329 327.306C883.676 329.983 889.03 331.322 896.392 331.322C906.097 331.322 915.132 327.306 923.498 319.274C931.864 310.908 937.888 300.2 941.569 287.149H962.651C950.269 323.29 934.374 347.886 914.965 360.937C895.556 373.654 876.314 380.012 857.239 380.012Z" fill="currentColor"/> 130<path d="M1001.6 380.012C982.529 380.012 966.634 373.486 953.918 360.435C941.201 347.384 934.843 326.971 934.843 299.196C934.843 274.433 939.695 248.498 949.4 221.392C959.439 193.952 974.163 170.861 993.573 152.121C1013.32 133.047 1036.74 123.51 1063.85 123.51C1077.57 123.51 1087.77 125.852 1094.47 130.537C1101.16 135.222 1104.51 141.413 1104.51 149.11V152.623L1110.03 126.02H1182.31L1146.17 296.686C1144.83 301.706 1144.16 307.06 1144.16 312.749C1144.16 327.139 1151.02 334.333 1164.74 334.333C1174.11 334.333 1182.14 329.983 1188.84 321.282C1195.86 312.582 1201.38 301.204 1205.4 287.149H1226.48C1214.1 323.29 1198.71 347.886 1180.3 360.937C1162.23 373.654 1143.99 380.012 1125.59 380.012C1111.53 380.012 1100.16 376.163 1091.45 368.467C1083.09 360.435 1078.07 348.89 1076.4 333.831C1066.69 347.552 1055.82 358.762 1043.77 367.463C1032.06 375.829 1018 380.012 1001.6 380.012ZM1034.23 331.322C1042.6 331.322 1050.8 327.473 1058.83 319.776C1067.19 311.745 1072.88 300.869 1075.89 287.149L1099.99 173.706C1099.99 169.355 1098.32 165.172 1094.97 161.157C1091.62 156.806 1086.44 154.631 1079.41 154.631C1066.02 154.631 1053.98 162.495 1043.27 178.223C1032.56 193.617 1024.19 212.357 1018.17 234.443C1012.15 256.195 1009.13 275.437 1009.13 292.169C1009.13 308.901 1011.48 319.609 1016.16 324.294C1021.18 328.979 1027.2 331.322 1034.23 331.322Z" fill="currentColor"/> 131<path d="M1254.27 380.012C1238.21 380.012 1225.16 374.992 1215.12 364.953C1205.42 354.579 1200.56 339.186 1200.56 318.772C1200.56 310.406 1201.9 299.531 1204.58 286.145L1258.29 34.6626L1332.58 24.6234L1274.85 295.682C1273.52 300.702 1272.85 305.554 1272.85 310.239C1272.85 323.625 1279.71 330.318 1293.43 330.318C1299.45 330.318 1304.8
1311 329.314 1309.49 327.306C1308.15 344.038 1302.13 357.089 1291.42 366.459C1281.05 375.494 1268.66 380.012 1254.27 380.012Z" fill="currentColor"/> 132<path d="M1478.98 335.344V362H1380.22V335.344H1413V82.7674H1380.22V56.1114H1478.98V82.7674H1446.21V194.198H1593.47V82.7674H1560.7V56.1114H1659.46V82.7674H1626.68V335.344H1659.46V362H1560.7V335.344H1593.47V222.602H1446.21V335.344H1478.98Z" fill="currentColor"/> 133<path d="M1865.88 335.344V362H1810.38L1807.32 331.848C1793.34 352.823 1769.74 367.244 1736.53 367.244C1687.59 367.244 1666.61 337.092 1666.61 300.385C1666.61 261.931 1691.52 234.838 1755.76 234.838H1806.45V215.61C1806.45 184.585 1788.09 164.92 1752.26 164.92C1733.47 164.92 1719.05 166.668 1707.69 169.727V205.56H1679.72V150.937C1695.89 143.071 1722.98 138.264 1753.13 138.264C1809.94 138.264 1838.78 164.92 1838.78 215.61V335.344H1865.88ZM1742.21 339.714C1777.17 339.714 1805.14 315.243 1806.45 282.032V259.309H1755.76C1717.3 259.309 1699.39 274.166 1699.39 299.948C1699.39 322.671 1713.37 339.714 1742.21 339.714Z" fill="currentColor"/> 134<path d="M1960 427.111V453.766H1861.24V427.111H1890.08V170.164H1861.24V143.508H1918.92L1921.54 180.652C1935.53 155.744 1960.44 138.264 1995.83 138.264C2053.08 138.264 2093.28 181.526 2093.28 252.754C2093.28 323.108 2053.08 367.244 1996.7 367.244C1964.37 367.244 1938.59 351.949 1922.42 326.604V427.111H1960ZM2059.63 252.754C2059.63 202.064 2033.85 167.105 1991.02 167.105C1948.2 167.105 1921.11 202.064 1921.11 252.317C1921.11 304.318 1948.2 338.84 1991.02 338.84C2033.85 338.84 2059.63 303.881 2059.63 252.754Z" fill="currentColor"/> 135<path d="M2195.27 427.111V453.766H2096.51V427.111H2125.35V170.164H2096.51V143.508H2154.19L2156.81 180.652C2170.8 155.744 2195.71 138.264 2231.1 138.264C2288.35 138.264 2328.55 181.526 2328.55 252.754C2328.55 323.108 2288.35 367.244 2231.98 367.244C2199.64 367.244 2173.86 351.949 2157.69 326.604V427.111H2195.27ZM2294.9 252.754C2294.9 202.064 2269.12 167.105 2226.3 167.105C2183.47 167.105 2156.38 202.064 2156.38 252.317C2156.38 304.318 2183.47 338.84 2226.3 338.84C2269.12 338.84 2294.9 303.881 2294.9 252.754Z" fill="currentColor"/> 136<path d="M2547.82 143.508V170.164H2521.6L2440.76 382.101C2416.28 445.027 2389.63 460.758 2349.86 460.758C2340.25 460.758 2328.89 459.447 2322.33 456.388L2326.7 431.48C2332.38 432.791 2341.56 434.539 2348.55 434.539C2372.59 434.539 2393.12 424.926 2409.73 383.849L2418.47 362H2414.54L2343.74 170.164H2317.96V143.508H2400.55V170.164H2378.27L2433.33 329.663L2487.95 170.164H2463.04V143.508H2547.82Z" fill="currentColor"/> 137</svg></div></a><div class="right-nav-menu"><a href="/blog" class="nav-item w-inline-block"><div class="n-title">Leader Academy</div></a><a href="https://community.mentalhappy.com/login" class="nav-item w-inline-block"><div class="n-title">Log In</div></a><div data-w-id="443ea749-e71a-6c47-55a7-72037ea91764" class="mobile-nav-hamburger"><div class="ham-view"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/64891bab751d0f55b4d740ff_menu%20(1).png" loading="lazy" alt="" class="image-130"/><div class="text-block-100">Menu</div></div><div id="close-btn" data-w-id="0b6020d1-da33-17ef-ce1e-ca0a452ffdc6" class="ham-view close-ham"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6489986b97d7678c8a73aedf_x%20(1).png" loading="lazy" alt="" class="image-130"/><div class="text-block-100">Close</div></div></div><a data-w-id="443ea749-e71a-6c47-55a7-72037ea91767" href="#" class="hamburger-item w-inline-block"><div data-is-ix2-target="1" class="lottie-animation-12" data-w-id="443ea749-e71a-6c47-55a7-72037ea91768" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6193ca89c5511914fdbb7d63_33266-hamburger.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3.503503360802889" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div></a></div></div><div class="mobile-nav-content"><div class="n-container mobile-nav-details"><div class="mobile-section-1"><a href="/blog" class="mobile-navitem w-inline-block"><div>Leader Academy</div></a><a href="/find-support-group" aria-current="page" class="mobile-navitem w-inline-block w--current"><div>Find Support Group</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 138<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 139</svg></div></a><a href="/hosting-groups" class="mobile-navitem w-inline-block"><div>Host a Group</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 140<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 141</svg></div></a><a data-w-id="ab50b8c9-f102-0b95-a4fe-46a58d6fd211" href="#" class="mobile-navitem hide w-inline-block"><div>Groups</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 142<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 143</svg></div></a><a data-w-id="2f999615-65ee-440c-d54a-7ef3a533bf03" href="#" class="mobile-navitem hide w-inline-block"><div>Upcoming sessions</div><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 144<path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 145</svg></div></a></div><div class="mobile-divide"></div><div class="mobile-section-1"><a href="https://community.mentalhappy.com/register" class="mobile-navitem larger w-inline-block"><div>Sign Up</div></a><a href="https://community.mentalhappy.com/login" class="mobile-navitem larger w-inline-block"><div>Log In</div></a><a href="mailto:[email protected]" class="mobile-navitem larger w-inline-block"><div>Contact Us</div></a></div></div><div data-w-id="4754bac9-4e3d-4ea2-7b87-fe118504d13c" class="second-mobile-close-btn"><div class="w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 146<path d="M13.5 4.5L4.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 147<path d="M4.5 4.5L13.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 148</svg></div></div><div class="side-view-content sessions"><div class="side-navheader"><div class="side-back-btn"><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 149<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 150</svg></div></div><div class="text-block-101">Upcoming sessions</div></div><div id="mobile-view-sessions" class="nav-sessions"></div></div><div class="side-view-content groups"><div class="side-navheader"><div class="side-back-btn"><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 151<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 152</svg></div></div><div class="text-block-101">Groups</div></div><div class="nav-groups"><a href="https://community.mentalhappy.com/register" class="group-dropdown-list-item w-inline-block"><div>Find a group for you</div></a><a href="/hosting-groups" class="group-dropdown-list-item w-inline-block"><div>Host a Support Group Here</div></a><a href="/support-a-support-group" class="group-dropdown-list-item hide w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/647f21edef1945a5d54821df_flexed-biceps_1f4aa.png" loading="lazy" alt="" class="image-129"/><div>Support a support group</div></a><a href="mailto:[email protected]?subject=I%20have%20a%20question%20about%20groups" class="group-dropdown-list-item w-inline-block"><div>Ask questions about a group</div></a></div></div></div></nav><div class="home-content"><div class="w-embed w-script"><!DOCTYPE html> 153<html lang="en"> 154<head> 155 <meta charset="UTF-8"> 156 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 157 <meta name="robots" content="index, follow"> 158 <meta name="twitter:card" content="summary_large_image"> 159 160
160<script type="application/ld+json"> 161 { 162 "@context": "https://schema.org", 163 "@type": "FAQPage", 164 "mainEntity": [ 165 { "@type": "Question", "name": "Are online support groups on MentalHappy private?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. Every member signs a confidentiality agreement before joining. You can also participate anonymously using our built-in feature. Your conversations are never shared outside the group, and the platform is fully HIPAA-compliant." } }, 166 { "@type": "Question", "name": "What actually happens in an online support group session?", "acceptedAnswer": { "@type": "Answer", "text": "Sessions are led by a trained professional â a therapist, counselor, or certified coach. Each includes guided discussion, shared reflection, and practical tools. Groups are small and intimate, usually 5 to 15 people." } }, 167 { "@type": "Question", "name": "Do I have to talk? Can I just listen?", "acceptedAnswer": { "@type": "Answer", "text": "Not at all. Many members start by just listening. You will never be put on the spot or called on. Share when â and if â you're ready." } }, 168 { "@type": "Question", "name": "Is it free to join a support group on MentalHappy?", "acceptedAnswer": { "@type": "Answer", "text": "Creating your account is completely free. Groups range from free to low-cost â typically $5 to $25 per session, with many donation-based options. You will always see pricing before you commit." } }, 169 { "@type": "Question", "name": "Do I need a therapist referral to join?", "acceptedAnswer": { "@type": "Answer", "text": "No referral needed. Anyone can sign up and join. MentalHappy is designed to complement your existing care, not gatekeep it." } }, 170 { "@type": "Question", "name": "What if there is no support group for what I am going through?", "acceptedAnswer": { "@type": "Answer", "text": "Request one. Submit a group request and we will find a qualified leader to build it. You will be notified the moment it launches." } }, 171 { "@type": "Question", "name": "Can I find support groups near me on MentalHappy?", "acceptedAnswer": { "@type": "Answer", "text": "MentalHappy groups are fully online â available wherever you are. No local search required. Online also means access to a far wider range of topics and leaders than you would find in your city." } } 172 ] 173 } 174 </script>
174 175 176 <style> 177 /* âââââââââââââââââââââââââââââââââââââââââ 178 RESET & BASE 179 âââââââââââââââââââââââââââââââââââââââââ */ 180 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 181 182 :root { 183 --teal: #00879B; 184 --teal-dark: #005F73; 185 --teal-light: #EDF7F8; 186 --navy: #01172F; 187 --gold: #F5A623; 188 --white: #FFFFFF; 189 --bg: #FAFAFA; 190 --gray-light: #F2F4F6; 191 --gray-mid: #E0E4E8; 192 --gray-text: #5A6475; 193 --font: AirbnbCereal, system-ui, -apple-system, sans-serif; 194 } 195 196 html { scroll-behavior: smooth; } 197 body { 198 font-family: var(--font); color: var(--navy); background: var(--bg); 199 font-size: 18px; line-height: 1.6; padding-top: 80px; 200 } 201 a { text-decoration: none; color: inherit; } 202 img { display: block; max-width: 100%; } 203 204 /* âââââââââââââââââââââââââââââââââââââââââ 205 LAYOUT 206 âââââââââââââââââââââââââââââââââââââââââ */ 207 .wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; } 208 section { padding: 80px 0; } 209 210 /* âââââââââââââââââââââââââââââââââââââââââ 211 TYPOGRAPHY 212 âââââââââââââââââââââââââââââââââââââââââ */ 213 h1 { font-size: 40px; font-weight: 700; line-height: 1.15; color: var(--navy); } 214 h1 .hl { color: var(--teal); } 215 h2 { font-size: 32px; font-weight: 700; line-height: 1.2; color: var(--navy); margin-bottom: 12px; } 216 h3 { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--navy); } 217 p { color: var(--gray-text); line-height: 1.7; } 218 219 .eyebrow { 220 font-size: 12px; font-weight: 700; letter-spacing: 1.5px; 221 text-transform: uppercase; color: var(--teal); margin-bottom: 10px; 222 } 223 .lead { font-size: 17px; color: var(--gray-text); line-height: 1.7; margin-bottom: 44px; max-width: 580px; } 224 225 /* âââââââââââââââââââââââââââââââââââââââââ 226 BUTTONS 227 âââââââââââââââââââââââââââââââââââââââââ */ 228 .btn-teal { 229 display: inline-block; background: var(--teal); color: white; 230 padding: 15px 30px; border-radius: 10px; font-size: 16px; 231 font-weight: 700; border: none; cursor: pointer; 232 transition: background .2s; 233 } 234 .btn-teal:hover { background: var(--teal-dark); } 235 236 .btn-outline { 237 display: inline-block; background: transparent; color: var(--teal); 238 border: 2px solid var(--teal); padding: 13px 28px; 239 border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; 240 } 241 .btn-outline:hover { background: var(--teal-light); } 242 243 .btn-gold { 244 display: inline-block; background: var(--gold); color: var(--navy); 245 padding: 18px 44px; border-radius: 12px; font-size: 18px; 246 font-weight: 800; border: none; cursor: pointer; 247 } 248 .btn-gold:hover { opacity: .92; } 249 250 /* âââââââââââââââââââââââââââââââââââââââââ 251 SECTION 1 â HERO 252 âââââââââââââââââââââââââââââââââââââââââ */ 253 .hero { 254 background: var(--teal-light); 255 padding: 88px 48px 80px; 256 } 257 .hero-grid { 258 max-width: 1200px; margin: 0 auto; 259 display: grid; grid-template-columns: 1.15fr 0.85fr; 260 gap: 60px; align-items: center; 261 } 262 .hero-badge { 263 display: inline-flex; align-items: center; gap: 7px; 264 background: white; border: 1px solid rgba(0,135,155,.2); 265 color: var(--teal); font-size: 13px; font-weight: 600; 266 padding: 5px 14px; border-radius: 20px; margin-bottom: 22px; 267 } 268 .hero h1 { margin-bottom: 18px; } 269 .hero-sub { 270 font-size: 18px; color: var(--gray-text); 271 line-height: 1.65; margin-bottom: 8px; 272 } 273 .hero-free { 274 font-size: 15px; font-weight: 700; color: var(--teal-dark); 275 margin-bottom: 32px; 276 } 277 .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; } 278 .hero-trust { display: flex; gap: 20px; flex-wrap: wrap; } 279 .trust-item { 280 display: flex; align-items: center; gap: 6px; 281 font-size: 13px; color: var(--gray-text); 282 } 283 .trust-item .ico { color: var(--teal); } 284 285 /* Hero product mockup */ 286 .mockup { 287 background: white; border-radius: 18px; 288 box-shadow: 0 12px 40px rgba(0,135,155,.13); 289 padding: 20px; display: flex; flex-direction: column; gap: 10px; 290 } 291 .mockup-ttl { 292 font-size: 11px; font-weight: 700; text-transform: uppercase; 293 letter-spacing: 1px; color: var(--teal); margin-bottom: 2px; 294 } 295 .g-card { 296 background: var(--bg); border-radius: 12px; 297 padding: 13px 15px; display: flex; align-items: center; 298 gap: 13px; border: 1px solid var(--gray-mid); 299 } 300 .g-avatar { 301 width: 42px; height: 42px; border-radius: 50%; 302 flex-shrink: 0; display: flex; align-items: center; 303 justify-content: center; font-size: 19px; 304 } 305 .g-info { flex: 1; min-width: 0; } 306 .g-name { font-size: 14px; font-weight: 700; color: var(--navy); } 307 .g-ldr { font-size: 12px; color: var(--gray-text); margin-top: 2px; } 308 .g-price { 309 font-size: 12px; font-weight: 700; color: var(--teal); 310 background: var(--teal-light); padding: 3px 10px; 311 border-radius: 12px; white-space: nowrap; 312 } 313 .req-chip { 314 background: var(--navy); border-radius: 12px; 315 padding: 13px 15px; display: flex; align-items: center; 316 justify-content: space-between; gap: 10px; 317 } 318 .req-chip-txt { font-size: 13px; font-weight: 600; color: white; } 319 .req-chip-btn { 320 background: var(--gold); color: var(--navy); 321 border: none; border-radius: 6px; padding: 6px 13px; 322 font-size: 12px; font-weight: 700; cursor: pointer; 323 white-space: nowrap; 324 } 325 326 /* âââââââââââââââââââââââââââââââââââââââââ 327 SECTION 2 â TOPIC GRID 328 âââââââââââââââââââââââââââââââââââââââââ */ 329 .topics { background: var(--white); } 330 .topic-grid { 331 display: grid; grid-template-columns: repeat(4, 1fr); 332 gap: 14px; margin-bottom: 36px; 333 } 334 .t-card { 335 background: var(--bg); border-radius: 14px; 336 padding: 22px 16px; text-align: center; 337 border: 1.5px solid var(--gray-mid); display: block; 338 transition: border-color .2s, box-shadow .2s, transform .15s; 339 } 340 .t-card:hover { 341 border-color: var(--teal); 342 box-shadow: 0 4px 18px rgba(0,135,155,.1); 343 transform: translateY(-2px); 344 } 345 .t-emoji { font-size: 30px; display: block; margin-bottom: 9px; } 346 .t-card h3 { font-size: 14px; line-height: 1.3; margin-bottom: 4px; } 347 .t-count { font-size: 12px; color: var(--gray-text); } 348 .t-card.req-card { 349 background: var(--teal-light); 350 border: 2px dashed var(--teal); 351 } 352 .t-card.req-card h3 { color: var(--teal); } 353 .t-card.req-card .t-count { color: var(--teal); font-weight: 600; } 354 .topic-foot { text-align: center; } 355 .topic-foot .note { 356 font-size: 14px; color: var(--gray-text); margin-top: 10px; 357 } 358 .topic-foot .note span { color: var(--teal); font-weight: 600; } 359 360 /* âââââââââââââââââââââââââââââââââââââââââ 361 SECTION 3 â HOW IT WORKS 362 âââââââââââââââââââââââââââââââââââââââââ */ 363 .how { background: var(--gray-light); } 364 .steps { 365 display: grid; grid-template-columns: repeat(3, 1fr); 366 gap: 40px; 367 } 368 .step { text-align: center; padding: 0 12px; } 369 .step-num { 370 width: 56px; height: 56px; border-radius: 50%; 371 background: var(--teal); color: white; 372 font-size: 22px; font-weight: 800; 373 display: flex; align-items: center; justify-content: center; 374 margin: 0 auto 20px; 375 } 376 .step h3 { font-size: 18px; margin-bottom: 9px; } 377 .step p { font-size: 16px; color: var(--gray-text); line-height: 1.65; } 378 379 /* âââââââââââââââââââââââââââââââââââââââââ 380 SECTION 4 â TESTIMONIAL 381 âââââââââââââââââââââââââââââââââââââââââ */ 382 .testimonial { background: var(--white); } 383 .t-card-wrap { 384 background: var(--teal-light); border-radius: 20px; 385 padding: 48px; display: grid; 386 grid-template-columns: auto 1fr; gap: 44px; 387 align-items: center; max-width: 900px; margin: 0 auto; 388 } 389 .t-badge { 390 background: var(--teal); color: white; 391 border-radius: 14px; padding: 24px 18px; 392 text-align: center; min-width: 142px; 393 } 394 .t-badge-ico { font-size: 30px; margin-bottom: 8px; } 395 .t-badge-ttl { font-size: 13px; font-weight: 700; line-height: 1.3; } 396 .t-badge-sub { font-size: 11px; opacity: .75; margin-top: 4px; } 397 .t-quote { 398 font-size: 19px; color: var(--navy); line-height: 1.7; 399 font-style: italic; margin-bottom: 16px; position: relative; 400 } 401 .t-quote::before { 402 content: '\201C'; font-size: 54px; color: var(--teal); 403 line-height: 0; vertical-align: -20px; 404 margin-right: 3px; font-style: normal; 405 } 406 .t-attr { font-size: 14px; color: var(--gray-text); font-weight: 600; } 407 .t-attr .grp { color: var(--teal); } 408 409 /* âââââââââââââââââââââââââââââââââââââââââ 410 SECTION 5 â PRIVACY 411 âââââââââââââââââââââââââââââââââââââââââ */ 412 .privacy { background: var(--navy); } 413 .privacy h2 { color: white; } 414 .privacy .lead { color: rgba(255,255,255,.62); } 415 .p-grid { 416 display: grid; grid-template-columns: repeat(4, 1fr); 417 gap: 18px; 418 } 419 .p-card { 420 background: rgba(255,255,255,.07); 421 border: 1px solid rgba(255,255,255,.12); 422 border-radius: 14px; padding: 28px 22px; 423 } 424 .p-ico { font-size: 30px; margin-bottom: 11px; } 425 .p-ttl { font-size: 16px; font-weight: 700; color: white; margin-bottom: 8px; } 426 .p-desc { font-size: 14px; color: rgba(255,255,255,.62); line-height: 1.6; } 427 428 /* âââââââââââââââââââââââââââââââââââââââââ 429 SECTION 6 â REQUEST A GROUP 430 âââââââââââââââââââââââââââââââââââââââââ */ 431 .request { background: var(--teal); padding: 80px 48px; } 432 .req-grid { 433 max-width: 1200px; margin: 0 auto; 434 display: grid; grid-template-columns: 1fr 1fr; 435 gap: 60px; align-items: center; 436 } 437 .request h2 { color: white; font-size: 36px; margin-bottom: 14px; } 438 .req-sub { font-size: 18px; color: rgba(255,255,255,.85); line-height: 1.65; margin-bottom: 28px; } 439 .req-steps { display: flex; flex-direction: column; gap: 16px; } 440 .req-step { display: flex; align-items: flex-start; gap: 14px; } 441 .req-dot { 442 width: 10px; height: 10px; border-radius: 50%; 443 background: rgba(255,255,255,.45); flex-shrink: 0; margin-top: 8px; 444 } 445 .req-step p { font-size: 16px; color: rgba(255,255,255,.85); margin: 0; line-height: 1.55; } 446 .req-step p strong { color: white; } 447 448 .req-form { 449 background: white; border-radius: 18px; padding: 32px; 450 } 451 .f-lbl { 452 font-size: 12px; font-weight: 700; text-transform: uppercase; 453 letter-spacing: .5px; color: var(--navy); margin-bottom: 8px; 454 } 455 .f-input { 456 width: 100%; border: 1.5px solid var(--gray-mid); 457 border-radius: 8px; padding: 12px 15px; font-size: 15px; 458 font-family: var(--font); color: var(--navy); 459 background: var(--bg); margin-bottom: 16px; 460 } 461 .f-input::placeholder { color: #aab; } 462 .f-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; } 463 .f-tag { 464 background: var(--teal-light); color: var(--teal); 465 border: 1.5px solid var(--teal); border-radius: 20px; 466 padding: 5px 14px; font-size: 13px; font-weight: 600; cursor: pointer; 467 } 468 .f-tag.on { background: var(--teal); color: white; } 469 .f-submit { 470 width: 100%; background: var(--gold); color: var(--navy); 471 border: none; border-radius: 12px; padding: 18px 44px; 472 font-size: 18px; font-weight: 800; 473 font-family: var(--font); cursor: pointer; 474 } 475 .f-note { font-size: 12px; color: var(--gray-text); text-align: center; margin-top: 8px; } 476 477 /* âââââââââââââââââââââââââââââââââââââââââ 478 SECTION 7 â FREE RESOURCES 479 âââââââââââââââââââââââââââââââââââââââââ */ 480 .resources { background: var(--gray-light); } 481 .res-grid { 482 display: grid; grid-template-columns: repeat(4, 1fr); 483 gap: 20px; margin-bottom: 32px; 484 } 485 .res-card { 486 background: white; border-radius: 14px; 487 border: 1px solid var(--gray-mid); 488 overflow: hidden; display: flex; flex-direction: column; 489 } 490 .res-thumb { 491 background: var(--navy); height: 140px; 492 display: flex; align-items: center; justify-content: center; 493 padding: 0; text-align: center; 494 overflow: hidden; 495 } 496 .res-thumb img { 497 width: 100%; height: 100%; object-fit: cover; display: block; 498 border-radius: 0; 499 } 500 .res-thumb-txt { 501 font-size: 11px; font-weight: 700; letter-spacing: .5px; 502 color: rgba(255,255,255,.4); text-transform: uppercase; 503 } 504 .res-body { padding: 20px; flex: 1; display: flex; flex-direction: column; } 505 .res-tag { 506 font-size: 11px; font-weight: 700; text-transform: uppercase; 507 letter-spacing: 1px; color: var(--teal); margin-bottom: 8px; 508 } 509 .res-card h3 { font-size: 15px; line-height: 1.35; margin-bottom: 8px; } 510 .res-desc { font-size: 14px; color: var(--gray-text); line-height: 1.55; flex: 1; } 511 .res-dl { 512 display: block; margin-top: 16px; text-align: center; 513 border: 1.5px solid var(--teal); color: var(--teal); 514 border-radius: 8px; padding: 9px 14px; 515 font-size: 14px; font-weight: 700; 516 } 517 .res-dl:hover { background: var(--teal-light); } 518 .res-foot { text-align: center; } 519 .res-foot p { font-size: 16px; color: var(--gray-text); margin-bottom: 10px; } 520 .res-foot a { color: var(--teal); font-weight: 700; font-size: 15px; } 521 522 /* âââââââââââââââââââââââââââââââââââââââââ 523 SECTION 8 â FAQ 524 âââââââââââââââââââââââââââââââââââââââââ */ 525 .faq-grid { 526 display: grid; grid-template-columns: 0.85fr 1.15fr; 527 gap: 60px; align-items: start; 528 } 529 .faq-left h2 { margin-bottom: 14px; } 530 .faq-left p { font-size: 16px; color: var(--gray-text); line-height: 1.7; margin-bottom: 20px; } 531 .faq-link { color: var(--teal); font-weight: 700; font-size: 15px; } 532 .faq-list { border-top: 1px solid var(--gray-mid); } 533 .faq-item { border-bottom: 1px solid var(--gray-mid); padding: 20px 0; } 534 .faq-q { 535 font-size: 16px; font-weight: 700; color: var(--navy); 536 display: flex; justify-content: space-between; 537 align-items: flex-start; gap: 12px; cursor: pointer; 538 margin-bottom: 10px; 539 } 540 .faq-plus { 541 col
541or: var(--teal); font-size: 22px; flex-shrink: 0; 542 transition: transform .25s; line-height: 1; 543 } 544 .faq-item.open .faq-plus { transform: rotate(45deg); } 545 .faq-a { 546 font-size: 15px; color: var(--gray-text); line-height: 1.75; 547 display: none; padding-top: 4px; 548 } 549 .faq-item.open .faq-a { display: block; } 550 551 /* âââââââââââââââââââââââââââââââââââââââââ 552 SECTION 9 â FINAL CTA 553 âââââââââââââââââââââââââââââââââââââââââ */ 554 .cta-final { 555 background: var(--navy); text-align: center; 556 padding: 100px 48px; 557 } 558 .cta-final h2 { color: white; font-size: 36px; margin-bottom: 14px; } 559 .cta-final p { 560 color: rgba(255,255,255,.62); font-size: 18px; 561 margin-bottom: 40px; max-width: 500px; 562 margin-left: auto; margin-right: auto; 563 } 564 .cta-note { font-size: 14px; color: rgba(255,255,255,.38); margin-top: 16px; } 565 566 /* âââââââââââââââââââââââââââââââââââââââââ 567 FOOTER 568 âââââââââââââââââââââââââââââââââââââââââ */ 569 .foot-grid { 570 max-width: 1200px; margin: 0 auto; 571 display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); 572 gap: 48px; margin-bottom: 40px; 573 } 574 .foot-logo { font-size: 22px; font-weight: 800; margin-bottom: 12px; } 575 .foot-logo .t { color: var(--teal); } 576 .foot-logo .n { color: white; } 577 .foot-tag { font-size: 14px; color: rgba(255,255,255,.5); line-height: 1.6; } 578 .foot-col-ttl { 579 font-size: 12px; font-weight: 700; text-transform: uppercase; 580 letter-spacing: 1px; color: rgba(255,255,255,.4); margin-bottom: 14px; 581 } 582 .foot-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; } 583 .foot-col ul li a { font-size: 14px; color: rgba(255,255,255,.68); } 584 .foot-col ul li a:hover { color: white; } 585 .foot-btm { 586 max-width: 1200px; margin: 0 auto; 587 border-top: 1px solid rgba(255,255,255,.08); 588 padding-top: 22px; display: flex; 589 justify-content: space-between; align-items: center; 590 } 591 .foot-legal { font-size: 13px; color: rgba(255,255,255,.3); } 592 .foot-legal-links { display: flex; gap: 18px; } 593 .foot-legal-links a { font-size: 13px; color: rgba(255,255,255,.3); } 594 .foot-legal-links a:hover { color: rgba(255,255,255,.65); } 595 596 @media (max-width: 1024px) { 597 .wrap { padding: 0 32px; } 598 section { padding: 72px 0; } 599 .hero { padding: 72px 32px; } 600 .hero-grid, 601 .req-grid, 602 .faq-grid { grid-template-columns: 1fr; gap: 40px; } 603 .topic-grid, 604 .p-grid, 605 .res-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 606 .steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } 607 .t-card-wrap { grid-template-columns: 1fr; gap: 24px; } 608 .hero-grid > *, 609 .req-grid > *, 610 .faq-grid > * { min-width: 0; } 611 .request { padding: 72px 32px; } 612 .cta-final { padding: 84px 32px; } 613 } 614 615 @media (max-width: 768px) { 616 body { font-size: 16px; } 617 .wrap { padding: 0 20px; } 618 section { padding: 56px 0; } 619 h1 { font-size: 34px; } 620 h2 { font-size: 28px; } 621 .lead { margin-bottom: 28px; } 622 .hero { padding: 56px 20px; } 623 .hero-btns { flex-direction: column; align-items: stretch; } 624 .hero-btns a, 625 .topic-foot .btn-teal, 626 .cta-final .btn-gold { width: 100%; text-align: center; } 627 .hero-trust { gap: 10px; } 628 .mockup { padding: 16px; } 629 .g-card { padding: 12px; } 630 .req-chip { flex-direction: column; align-items: flex-start; } 631 .req-chip-btn { width: 100%; text-align: center; } 632 .topic-grid, 633 .p-grid, 634 .res-grid, 635 .steps { grid-template-columns: 1fr; } 636 .t-card-wrap, 637 .req-form { padding: 24px; } 638 .request { padding: 56px 20px; } 639 .request h2, 640 .cta-final h2 { font-size: 30px; } 641 .faq-grid { gap: 24px; } 642 .cta-final { padding: 72px 20px; } 643 .cta-final p { margin-bottom: 28px; } 644 } 645 646 @media (max-width: 480px) { 647 .wrap { padding: 0 16px; } 648 section { padding: 48px 0; } 649 h1 { font-size: 30px; line-height: 1.12; } 650 h2, 651 .request h2, 652 .cta-final h2 { font-size: 26px; } 653 .hero { padding: 48px 16px; } 654 .hero-badge { font-size: 12px; } 655 .hero-sub, 656 .req-sub, 657 .cta-final p { font-size: 16px; } 658 .btn-teal, 659 .btn-gold { padding: 15px 20px; } 660 .mockup { border-radius: 16px; } 661 .g-card { gap: 10px; } 662 .g-avatar { width: 38px; height: 38px; font-size: 17px; } 663 .g-name { font-size: 13px; } 664 .g-ldr, 665 .g-price { font-size: 11px; } 666 .topic-grid { gap: 12px; } 667 .t-card, 668 .p-card,
669 .res-body, 670 .req-form, 671 .t-card-wrap { padding-left: 18px; padding-right: 18px; } 672 .t-card { padding-top: 18px; padding-bottom: 18px; } 673 .p-card { padding-top: 22px; padding-bottom: 22px; } 674 .res-thumb { height: 180px; } 675 .f-tags { gap: 6px; } 676 .f-tag { padding: 6px 12px; } 677 .faq-q { font-size: 15px; } 678 .cta-final { padding: 64px 16px; } 679 } 680 </style> 681</head> 682<body> 683 684 685<!-- âââââââââââââââââââââââââââââââââââââââââââââ 686 SECTION 1 â HERO 687 H1: Primary SEO target + emotional hook 688 Right col: product mockup (group cards + request chip) 689 NOT a lifestyle photo â intentional design decision 690 AZEEZ: keep the product mockup, do not replace with a photo 691âââââââââââââââââââââââââââââââââââââââââââââ --> 692<section class="hero"> 693 <div class="hero-grid"> 694 695 <div> 696 <div class="hero-badge">â Trusted by more than 12,000 people</div> 697 698 <h1>Find Online Support Groups<br>For <span class="hl">Whatever You're Carrying</span></h1> 699 700 <p class="hero-sub">A private community of expert-led groups â for grief, anxiety, relationships, parenting, and the things that don't have easy words yet.</p> 701 <p class="hero-free">Free to join. No insurance needed. No waiting list.</p> 702 703 <div class="hero-btns"> 704 <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-teal">Join Free â Find Your Group</a> 705 </div> 706 707 <div class="hero-trust"> 708 <span class="trust-item"><span class="ico">ð</span> HIPAA-compliant</span> 709 <span class="trust-item"><span class="ico">ð©º</span> Therapist-recommended</span> 710 <span class="trust-item"><span class="ico">â</span> Private, vetted community</span> 711 </div> 712 </div> 713 714 <div class="mockup"> 715 <p class="mockup-ttl">Groups available now</p> 716 717 <div class="g-card"> 718 <div class="g-avatar" style="background:#EDF7F8">ð°</div> 719 <div class="g-info"> 720 <div class="g-name">Anxiety in Your 20s</div> 721 <div class="g-ldr">Dr. Jane Jones · Clinical Psychologist</div> 722 </div> 723 <span class="g-price">Free</span> 724 </div> 725 726 <div class="g-card"> 727 <div class="g-avatar" style="background:#F3F0FF">ð</div> 728 <div class="g-info"> 729 <div class="g-name">Healing After Divorce</div> 730 <div class="g-ldr">Rachel S. · Licensed Therapist</div> 731 </div> 732 <span class="g-price">$10/mo</span> 733 </div> 734 735 <div class="g-card"> 736 <div class="g-avatar" style="background:#FFF5EB">ðï¸</div> 737 <div class="g-info"> 738 <div class="g-name">Grief Support Circle</div> 739 <div class="g-ldr">Diana Y. · Grief Counselor</div> 740 </div> 741 <span class="g-price">Donation</span> 742 </div> 743 744 <div class="req-chip"> 745 <span class="req-chip-txt">ð¬ Don't see yours? Request a group</span> 746 <a href="https://community.mentalhappy.com/groups" target="_blank" class="req-chip-btn">Request It â</a> 747 </div> 748 </div> 749 750 </div> 751</section> 752 753 754<!-- âââââââââââââââââââââââââââââââââââââââââââââ 755 SECTION 2 â TOPIC GRID 756 SEO: Each H3 = a target keyword ("Anxiety Support Groups" etc.) 757 Psychology: Answers "is there a group for ME?" before anything else. 758 AZEEZ: Each card links to /signup. "Focus & Attention" = no ADHD label. 759 Last card (dashed) links to #request anchor. 760âââââââââââââââââââââââââââââââââââââââââââââ --> 761<section class="topics"> 762 <div class="wrap"> 763 <p class="eyebrow">Find Your Group</p> 764 <h2>Is there a group for what you're going through?</h2> 765 <p class="lead">There usually is. Browse the most searched topics â or request one we haven't built yet.</p> 766 767 <div class="topic-grid"> 768 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card">
769 <span class="t-emoji">ð°</span> 770 <h3>Anxiety Support Groups</h3> 771 <span class="t-count">12 groups available</span> 772 </a> 773 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 774 <span class="t-emoji">ðï¸</span> 775 <h3>Grief Support Groups</h3> 776 <span class="t-count">8 groups available</span> 777 </a> 778 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 779 <span class="t-emoji">ð</span> 780 <h3>Divorce & Separation Support Groups</h3> 781 <span class="t-count">5 groups available</span> 782 </a> 783 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 784 <span class="t-emoji">ð¿</span> 785 <h3>Depression Support Groups</h3> 786 <span class="t-count">9 groups available</span> 787 </a> 788 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 789 <span class="t-emoji">ðª</span> 790 <h3>Self-Esteem & Confidence Groups</h3> 791 <span class="t-count">7 groups available</span> 792 </a> 793 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 794 <span class="t-emoji">ð§ </span> 795 <h3>Focus & Attention Support Groups</h3> 796 <span class="t-count">6 groups available</span> 797 </a> 798 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 799 <span class="t-emoji">ð¥</span> 800 <h3>Chronic Illness Support Groups</h3> 801 <span class="t-count">5 groups available</span> 802 </a> 803 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 804 <span class="t-emoji">ð§¬</span> 805 <h3>Trauma Recovery Groups</h3> 806 <span class="t-count">6 groups available</span> 807 </a> 808 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 809 <span class="t-emoji">ð©âð§</span> 810 <h3>Single Parent Support Groups</h3> 811 <span class="t-count">4 groups available</span> 812 </a> 813 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 814 <span class="t-emoji">ð¨âð©âð¦</span> 815 <h3>Parenting Support Groups</h3> 816 <span class="t-count">5 groups available</span> 817 </a> 818 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card"> 819 <span class="t-emoji">ð¶</span> 820 <h3>Addiction Recovery Groups</h3> 821 <span class="t-count">4 groups available</span> 822 </a> 823 <a href="https://community.mentalhappy.com/groups" target="_blank" class="t-card req-card"> 824 <span class="t-emoji">â¨</span> 825 <h3>Don't see yours?</h3> 826 <span class="t-count">Request a group â</span> 827 </a> 828 </div> 829 830 <div class="topic-foot"> 831 <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-teal">Sign Up Free â Browse All Groups</a> 832 <p class="note"><span>No credit card required. Takes 60 seconds.</span></p> 833 </div> 834 </div> 835</section> 836 837 838<!-- âââââââââââââââââââââââââââââââââââââââââââââ 839 SECTION 3 â HOW IT WORKS 840 Step 3 explicitly says "just listen" â removes the 841 biggest behavioural barrier to joining a first group. 842âââââââââââââââââââââââââââââââââââââââââââââ --> 843<section class="how"> 844 <div class="wrap"> 845 <p class="eyebrow">Simple by design</p> 846 <h2>Three steps to finding your people</h2> 847 <p class="lead">No forms to fill. No insurance to navigate. Sign up and find your group.</p> 848 849 <div class="steps"> 850 <div class="step"> 851 <div class="step-num">1</div> 852 <h3>Create your free account</h3> 853 <p>Sign up in under a minute. Every member is verified so the community stays private and safe for everyone in it.</p> 854 </div> 855 <div class="step"> 856 <div class="step-num">2</div> 857 <h3>Find or request your group</h3> 858 <p>
858Browse by topic, schedule, or leader. Don't see yours? Request it and we'll find a qualified leader to run it.</p> 859 </div> 860 <div class="step"> 861 <div class="step-num">3</div> 862 <h3>Show up. Just listen if you want.</h3> 863 <p>Join live sessions or read at your own pace. You never have to say a word until you're ready.</p> 864 </div> 865 </div> 866 </div> 867</section> 868 869 870<!-- âââââââââââââââââââââââââââââââââââââââââââââ 871 SECTION 4 â TESTIMONIAL (peak-end rule) 872 Placed after How It Works â highest emotional moment. 873 REAL QUOTE. Do not paraphrase or change. 874âââââââââââââââââââââââââââââââââââââââââââââ --> 875<section class="testimonial"> 876 <div class="wrap"> 877 <p class="eyebrow" style="text-align:center; margin-bottom:32px">Therapist-recommended. Member-loved.</p> 878 879 <div class="t-card-wrap"> 880 <div class="t-badge"> 881 <div class="t-badge-ico">ð©º</div> 882 <div class="t-badge-ttl">Therapist<br>Recommended</div> 883 <div class="t-badge-sub">Referred by a licensed provider</div> 884 </div> 885 <div> 886 <p class="t-quote">I was recommended to join this group from my therapist. I am in search of tools to support my self-esteem. I can't believe a group like this exists online â I always thought I'd have to find something in person.</p> 887 <p class="t-attr">MentalHappy Member · <span class="grp">Confidence Crew Support Group</span></p> 888 </div> 889 </div> 890 </div> 891</section> 892 893 894<!-- âââââââââââââââââââââââââââââââââââââââââââââ 895 SECTION 5 â PRIVACY & SAFETY 896 Dark navy bg = gravitas. One sentence per card. 897âââââââââââââââââââââââââââââââââââââââââââââ --> 898<section class="privacy"> 899 <div class="wrap"> 900 <p class="eyebrow" style="color:rgba(255,255,255,.5)">Built for sensitive conversations</p> 901 <h2>Your privacy isn't a feature here. It's the foundation.</h2> 902 <p class="lead">Support groups only work when people feel safe enough to be honest. Here's how we protect that.</p> 903 904 <div class="p-grid"> 905 <div class="p-card"> 906 <div class="p-ico">ð</div> 907 <div class="p-ttl">Every member is verified</div> 908 <p class="p-desc">No anonymous browsing. Everyone has a verified account â so you're always among accountable people.</p> 909 </div> 910 <div class="p-card"> 911 <div class="p-ico">ð</div> 912 <div class="p-ttl">Confidentiality agreements</div> 913 <p class="p-desc">Every member signs before joining. What's shared in the group stays in the group â always.</p> 914 </div> 915 <div class="p-card"> 916 <div class="p-ico">ð</div> 917 <div class="p-ttl">Participate anonymously</div> 918 <p class="p-desc">Not ready to use your name? Engage privately within the group using our anonymous feature.</p> 919 </div> 920 <div class="p-card"> 921 <div class="p-ico">â </div> 922 <div class="p-ttl">HIPAA-compliant</div> 923 <p class="p-desc">Your conversations are protected by the same federal standards as your doctor's office.</p> 924 </div> 925 </div> 926 </div> 927</section> 928 929 930<!-- âââââââââââââââââââââââââââââââââââââââââââââ 931 SECTION 6 â REQUEST A GROUP 932 AZEEZ: id="request" for anchor links from hero + topic grid. 933 Gold submit button. Form routes to request flow in app. 934âââââââââââââââââââââââââââââââââââââââââââââ --> 935<section class="request" id="request"> 936 <div class="req-grid"> 937 <div> 938 <p class="eyebrow" style="color:rgba(255,255,255,.6)">Can't find the right group?</p> 939 <h2>Request it.<br>We'll build it.</h2> 940 <p class="req-sub">Tell us what you need. We'll find a qualified leader. You'll be the first to know when your group is ready.</p> 941 942 <div class="req-steps"> 943 <div class="req-step"> 944 <div class="req-dot"></div> 945 <p><strong>Describe your group.</strong> Tell us the topic or experience you've been searching for.</p> 946 </div> 947 <div class="req-step"> 948 <div class="req-dot"></div> 949 <p><strong>Your request goes live.</strong> It shows leaders real demand exists â and helps them decide what to create.</p> 950 </div> 951 <div class="req-step"> 952 <div class="req-dot"></div> 953 <p><strong>We notify you.</strong> The moment a matching group launches, you'll be first in line.</p> 954 </div> 955 </div> 956 </div> 957 958 <div class="req-form"> 959 <p class="f-lbl">What kind of group are you looking for?</p> 960 <input class="f-input" type="text" placeholder="e.g. Support group for parents navigating school anxiety..."> 961 962 <p class="f-lbl">Topic area</p> 963 <div class="f-tags">
964 <span class="f-tag on">Anxiety</span> 965 <span class="f-tag">Grief</span> 966 <span class="f-tag">Relationships</span> 967 <span class="f-tag">Parenting</span> 968 <span class="f-tag">Focus</span> 969 <span class="f-tag">Trauma</span> 970 <span class="f-tag">Other</span> 971 </div> 972 973 <button class="f-submit">Submit My Request â Free</button> 974 <p class="f-note">No commitment. You'll only hear from us when your group is ready.</p> 975 </div> 976 </div> 977</section> 978 979 980<!-- âââââââââââââââââââââââââââââââââââââââââââââ 981 SECTION 7 â FREE RESOURCES 982 AZEEZ: Replace thumbnail placeholders with the actual 983 cover images from mentalhappy.com/resources. 984 All download links and "See full library" â /resources. 985 Resources do NOT require login â link directly. 986âââââââââââââââââââââââââââââââââââââââââââââ --> 987<section class="resources"> 988 <div class="wrap"> 989 <p class="eyebrow">Free Mental Health Worksheets</p> 990 <h2>Not ready to join a group yet? Start here.</h2> 991 <p class="lead">These free guides are here whenever you are. No account needed.</p> 992 993 <div class="res-grid"> 994 995 <div class="res-card"> 996 <div class="res-thumb"> 997 <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/6982238c26476c2a1e6c2ea0_Unmask%20Your%20Loneliness%20Triggers%20Image.png" alt="Unmask Your Loneliness Triggers resource cover"> 998 </div> 999 <div class="res-body"> 1000 <span class="res-tag">Exercise · Free</span> 1001 <h3>Unmask Your Loneliness Triggers</h3> 1002 <p class="res-desc">Understand what's driving your loneliness and start building real connection from wherever you are.</p> 1003 <a href="https://www.mentalhappy.com/resources/loneliness-triggers-worksheet-understand-reduce-emotional-loneliness" class="res-dl">⬠Free Download</a> 1004 </div> 1005 </div> 1006 1007 <div class="res-card"> 1008 <div class="res-thumb"> 1009 <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/69822212fe00482c83ef9d4c_Stop%20Comparing%20Yourself%20to%20Others.png" alt="Stop Comparing Yourself to Others resource cover"> 1010 </div> 1011 <div class="res-body"> 1012 <span class="res-tag">Guide · Free</span> 1013 <h3>Stop Comparing Yourself to Others</h3> 1014 <p class="res-desc">For anyone who feels behind, pressured, or stuck in comparison mode. Practical, not preachy.</p> 1015 <a href="https://www.mentalhappy.com/resources/stop-comparing-yourself-to-others-reduce-comparison-anxiety-worksheet" class="res-dl">⬠Free Download</a> 1016 </div> 1017 </div> 1018 1019 <div class="res-card"> 1020 <div class="res-thumb"> 1021 <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/6980cca65115ac264508dcf3_Rebuild%20Trust%20With%20Yourself%20After%20Betrayal%20Image.png" alt="Rebuild Trust With Yourself After Betrayal resource cover"> 1022 </div> 1023 <div class="res-body"> 1024 <span class="res-tag">Practice · Free</span> 1025 <h3>Rebuild Trust With Yourself After Betrayal</h3> 1026 <p class="res-desc">A healing practice for anyone working to trust again after emotional or physical betrayal.</p> 1027 <a href="https://www.mentalhappy.com/resources/rebuild-trust-with-yourself-after-betrayal-healing-worksheet" class="res-dl">⬠Free Download</a> 1028 </div> 1029 </div> 1030 1031 <div class="res-card"> 1032 <div class="res-thumb"> 1033 <img src="https://cdn.prod.website-files.com/5ed074060219b860e3d510d8/69822bb11e5251275207cdee_Work%20Purpose%20Reset%20Image.png" alt="Work Purpose Reset resource cover"> 1034 </div> 1035 <div class="res-body"> 1036 <span class="res-tag">Exercise · Free</span> 1037 <h3>Work Purpose Reset</h3> 1038 <p class="res-desc">A calm exercise to reduce career anxiety and find clarity about what you actually want from your work.</p> 1039 <a href="https://www.mentalhappy.com/resources/work-purpose-reset" class="res-dl">⬠Free Download</a> 1040 </div> 1041 </div> 1042 1043 </div> 1044 1045 <div class="res-foot"> 1046 <p>60+ free mental health resources â worksheets, guides, and practices. All free, no account needed.</p> 1047 <a href="https://www.mentalhappy.com/resources">Browse the full free mental health resource library â</a> 1048 </div> 1049 </div> 1050</section> 1051 1052 1053<!-- âââââââââââââââââââââââââââââââââââââââââââââ 1054 SECTION 8 â FAQ 1055 FAQPage schema is in <head> above. 1056 Questions ordered by psychological urgency (privacy first). 1057 AZEEZ: Implement as CSS accordion. See all FAQs â /faq 1058âââââââââââââââââââââââââââââââââââââââââââââ --> 1059<section class="faq"> 1060 <div class="wrap"> 1061 <div class="faq-grid"> 1062 1063 <div class="faq-left"> 1064 <h2>Questions people ask before joining their first group</h2> 1065 <p>We know this can feel like a big step. Here are honest answers to what people wonder about most.</p> 1066 <a href="https://www.mentalhappy.com/members-frequently-asked-questions" class="faq-link">See all FAQs â</a> 1067 </div> 1068 1069 <div class="faq-list"> 1070 1071 <div class="faq-item"> 1072 <div class="faq-q">
1072Are online support groups on MentalHappy private? <span class="faq-plus">+</span></div> 1073 <p class="faq-a">Yes. Every member signs a confidentiality agreement before joining. You can also use our anonymous participation feature for extra privacy. Your conversations are never shared outside the group, and the platform is fully HIPAA-compliant.</p> 1074 </div> 1075 1076 <div class="faq-item"> 1077 <div class="faq-q">What actually happens in a session? <span class="faq-plus">+</span></div> 1078 <p class="faq-a">Sessions are led by a trained professional â a therapist, counselor, or certified coach. Each includes guided discussion, reflection, and practical tools. Groups are small and intimate, usually 5 to 15 people, on a regular schedule.</p> 1079 </div> 1080 1081 <div class="faq-item"> 1082 <div class="faq-q">Do I have to talk? Can I just listen? <span class="faq-plus">+</span></div> 1083 <p class="faq-a">Not at all. Many members start by just listening. You'll never be put on the spot or called on. Share when â and if â you're ready.</p> 1084 </div> 1085 1086 <div class="faq-item"> 1087 <div class="faq-q">Is it really free to join? <span class="faq-plus">+</span></div> 1088 <p class="faq-a">Creating your account is completely free. Groups range from free to low-cost â typically $5â$25 per session, with many donation-based options. You'll always see pricing before you commit to anything.</p> 1089 </div> 1090 1091 <div class="faq-item"> 1092 <div class="faq-q">Do I need a therapist referral? <span class="faq-plus">+</span></div> 1093 <p class="faq-a">No referral needed. Anyone can sign up. Many members come through therapist recommendations, but MentalHappy is designed to complement your existing care â not gatekeep it.</p> 1094 </div> 1095 1096 <div class="faq-item"> 1097 <div class="faq-q">What if there's no group for what I'm going through? <span class="faq-plus">+</span></div> 1098 <p class="faq-a">Request one. Submit a group request and we'll find a qualified leader to build it. You'll be notified the moment it launches.</p> 1099 </div> 1100 1101 <div class="faq-item"> 1102 <div class="faq-q">Can I find support groups near me on MentalHappy? <span class="faq-plus">+</span></div> 1103 <p class="faq-a">MentalHappy groups are fully online â available wherever you are, no local search required. Online also means access to far more topics and leaders than you'd find in your city, without the commute.</p> 1104 </div> 1105 1106 </div> 1107 </div> 1108 </div> 1109</section> 1110 1111 1112<!-- âââââââââââââââââââââââââââââââââââââââââââââ 1113 SECTION 9 â FINAL CTA 1114 Gold button. Relief-focused copy, not feature-focused. 1115âââââââââââââââââââââââââââââââââââââââââââââ --> 1116<section class="cta-final"> 1117 <h2>Your group is already out there.<br>Let's find it.</h2> 1118 <p>Whatever you're carrying, you don't have to figure it out alone. Join free and find your people.</p> 1119 <a href="https://community.mentalhappy.com/groups" target="_blank" class="btn-gold">Join Free â Find Your Group</a> 1120 <p class="cta-note">No credit card. No referral. No waiting. Takes 60 seconds.</p> 1121</section> 1122 1123
1124<script> 1125 document.querySelectorAll('.faq-q').forEach(function(q) { 1126 q.addEventListener('click', function() { 1127 var item = this.closest('.faq-item'); 1128 var isOpen = item.classList.contains('open'); 1129 document.querySelectorAll('.faq-item.open').forEach(function(el) { 1130 el.classList.remove('open'); 1131 }); 1132 if (!isOpen) item.classList.add('open'); 1133 }); 1134 }); 1135</script>
1135 1136 1137</body> 1138</html></div><footer class="footer"><div class="n-container footer-links-container"><div class="footer-div right"><div class="footer-logo-svg w-embed"></div><div class="text-block-155">Run and join support groups like real healthcare programs, not Zoom meetings.</div><a href="https://arpa-h.gov/" target="_blank" class="button-8 w-button">ARPA-H Spoke Member</a><div class="div-block-15"><a href="https://www.linkedin.com/company/mentalhappy" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252a5bd4c8e03752e66ff3_LinkedIn.svg" width="36" height="36" alt="" class="image-171"/></a><a href="https://twitter.com/MentalHappy" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252ad745841096e88c1022_Twitter.svg" width="36" height="36" alt=""/></a><a href="https://www.instagram.com/livementalhappy/" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252afb226293d1ea082c01_Link%20-%20Instagram.svg" width="36" height="36" alt=""/></a><a href="https://www.facebook.com/MentalHappyHumans" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252b14f68980a8976799b5_Link%20-%20Facebook.svg" width="36" height="36" alt=""/></a><a href="https://www.youtube.com/@mentalhappyinc" target="_blank" class="footer-links social-link w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6a252b24fdbf5bd9fb26ad37_Link%20-%20YouTube.svg" width="36" height="36" alt=""/></a></div><div class="footer-subtitle work-with-us address">2193 Fillmore St. #15<br/>San Francisco, CA 94115</div></div><div class="footer-left"><div class="row-view stretch"><div class="footer-div first"><div class="footer-subtitle">Company</div><a href="/about-us" class="footer-links w-inline-block"><div class="caption footer-link-text">About Us</div></a><a href="/blog" class="footer-links w-inline-block"><div class="caption footer-link-text">Leader Academy</div></a><a href="/careers" class="footer-links w-inline-block"><div class="caption footer-link-text">Careers</div></a><a href="/partner-with-us" class="footer-links w-inline-block"><div class="caption footer-link-text">Partner With us</div></a></div><div class="footer-div"><div class="footer-subtitle">For Leaders</div><a href="/hosting-groups" class="footer-links w-inline-block"><div class="caption footer-link-text">Host a Group</div></a><a href="/hosting-groups" class="footer-links hide w-inline-block"><div class="caption footer-link-text">Pricing</div></a><a href="/support-group-leaders-frequently-asked-questions" class="footer-links w-inline-block"><div class="caption footer-link-text">FAQ</div></a></div><div class="footer-div participate"><div class="footer-subtitle">For Members</div><a href="/find-support-group" aria-current="page" class="footer-links w-inline-block w--current"><div class="caption footer-link-text">Find a Group</div></a><a href="/resources" class="footer-links w-inline-block"><div class="caption footer-link-text">Resources</div></a><div class="caption footer-link-text">Download the App</div><div class="footer-app-links"><a aria-label="Download on the App Store" href="https://apps.apple.com/gb/app/mentalhappy/id1574363583" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6ab221de862520d773ce579e_Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg" loading="lazy" alt="Download on the App Store" class="image-172"/></a><a aria-label="Get it on Google Play" href="https://play.google.com/store/apps/details?id=com.mentalhappy.app&pcampaignid=web_share" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/6ab222cc2b2841a4e9b7945a_GetItOnGooglePlay_Badge_Web_color_English.svg" loading="lazy" alt="Get it on Google Play" class="image-173"/></a></div></div></div></div></div><div class="w-layout-blockcontainer n-container footer-links-container botton-footer w-container"><div class="divider"></div><div class="div-block-276"><div class="text-block-156">Private, secure, HIPAA-compliant. © 2026 MentalHappy Inc. All rights reserved. MentalHappy does not provide medical advice, diagnosis, or treatment.</div><div class="div-block-277"><a href="https://www.mentalhappy.com/terms-of-use" class="w-inline-block"><div class="text-block-157">Terms of Use</div></a><a href="https://www.mentalhappy.com/privacy-policy" class="w-inline-block"><div class="text-block-157"><strong>Privacy Policy</strong></div></a><a href="https://988lifeline.org" class="w-inline-block"><div class="text-block-157">988 Suicide & Crisis Lifeline</div></a></div></div></div></footer></div>
1138<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5eb1d5b6f623cb64d7b7735f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.schunk.f2efb3c5440a81cf.js" type="text/javascript" integrity="sha384-VK02VJvMib7ytrF5M2joPWNtDQs366FZgEQ5B+Iwnjx0WBnwQXfootyziSYxdrmS" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.schunk.031892280245680d.js" type="text/javascript" integrity="sha384-oEXHHbskZs5xeZeogv5fK6oT3aTZadcq9r5XO0cb4H+8Wg6yg8+8SZo1CbX7H75L" crossorigin="anonymous"></script>
1138<script src="https://cdn.prod.website-files.com/5eb1d5b6f623cb64d7b7735f/js/webflow.51612a05.efb6ca6e748bb799.js" type="text/javascript" integrity="sha384-+WTht6KLQ8gIkFT+iI9UyhM9j9Bn14evl18E/o4oSkiiR2ohFn6oqw/R0GyoSCYX" crossorigin="anonymous"></script>
1138<script> 1139 //--------------- nav customization 1140 1141 var originalNavBgColor = $('.navbar-two').css('background-color'); 1142 var navItemColor= $('.nav-item').css('color'); 1143 var logoColor = $('.brand').css('color'); 1144 var originalMarginLeft = parseFloat($('.nav-line').css('margin-left')); 1145 var originalMarginRight = parseFloat($('.nav-line').css('margin-right')); 1146 1147$(window).scroll(function() { 1148 // Calculate the scroll position 1149 var scrollPosition = $(window).scrollTop(); 1150 1151 // Check if the user has scrolled beyond a certain threshold 1152 if (scrollPosition > 0) { 1153 // Add the CSS styles for the scrolled state 1154 $('.navbar-two').css({ 1155 'background-color': 'white' 1156 }); 1157 $('.nav-item').css({ 1158 'color': '#01172F' 1159 }); 1160 $('.brand').css({ 1161 'color': '#00879B' 1162 }); 1163 $('.nav-line').css({ 1164 'margin-left': '0px', 1165 'margin-right': '0px', 1166 'transform': 'translateY(-4px)' 1167 }); 1168 } else { 1169 // Remove the CSS styles for the initial state 1170 $('.navbar-two').css({ 1171 'background-color': originalNavBgColor, 1172 }); 1173 $('.nav-item').css({ 1174 'color': navItemColor, 1175 }); 1176 $('.brand').css({ 1177 'color': logoColor, 1178 }); 1179 $('.nav-line').css({ 1180 'margin-left': originalMarginLeft, 1181 'margin-right': originalMarginRight, 1182 'transform': 'translateY(4px)' 1183 }); 1184 } 1185}); 1186</script>
1186 1187 1188 1189<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1189-1190
1189 1190<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1190GTM-MKCXVK3T
vendor: 83 bytes, lines 1190-1191
1190" 1191height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1192<!-- End Google Tag Manager (noscript) --> 1193 1194<!-- Start cookieyes banner -->
1194<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/b57f925edb4b3d5b4a87f591/script.js"></script>
1194 <!-- End cookieyes banner --> 1195 1196
1197<script id="vtag-ai-js" async src="https://r2.leadsy.ai/tag.js" data-pid="V8UlJJFohOhzNqWL" data-version="062024"></script>
1197 1198 1199
1200<script> 1201 window.dataLayer = window.dataLayer || []; 1202 1203 document.getElementById("request-demo")?.addEventListener("click", function() { 1204 1205 window.dataLayer.push({ 1206 event: 'cta_click', 1207 content_name: 'request_a_demo' 1208 }); 1209}); 1210 document.getElementById("resource-download")?.addEventListener("click", function() { 1211 window.dataLayer.push({ 1212 event: 'download', 1213 content_name: document.querySelector('.div-block-232 .paragraph-20')?.innerText, 1214 }); 1215 1216 }); 1217 1218 document.getElementById("newsletter-btn")?.addEventListener("click", function() { 1219 window.dataLayer.push({ 1220 event: 'subscribe' 1221 }); 1222 1223 }); 1224 1225 1226 1227</script>
1227<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
vendor: 1 bytes, line 1227
1227
1228<script src="https://shalom101.github.io/OsahonWebJS/mh-CustomNav.js"></script>
1228 1229 1230
1231<script> 1232 1233console.log("red"); 1234 1235function slider1() { 1236 1237let splides = $('.slider-1'); 1238for ( let i = 0, splideLength = splides.length; i < splideLength; i++ ) { 1239 new Splide( splides[ i ], { 1240 // Desktop on down 1241 perPage: 2, 1242 perMove: 1, 1243 focus: 0, // 0 = left and 'center' = center 1244 type: 'slide', // 'loop' or 'slide' 1245 gap: '1em', // space between slides 1246 arrows: 'slider', // 'slider' or false 1247 pagination: 'slider', // 'slider' or false 1248 speed : 600, // transition speed in miliseconds 1249 dragAngleThreshold: 30, // default is 30 1250 autoWidth: false, // for cards with differing widths 1251 rewind : false, // go back to beginning when reach end 1252 rewindSpeed : 400, 1253 waitForTransition : false, 1254 updateOnMove : true, 1255 trimSpace: true, // true removes empty space from end of list 1256 breakpoints: { 1257 991: { 1258 // Tablet 1259 perPage: 2, 1260 gap: '3vw', 1261 }, 1262 767: { 1263 // Mobile Landscape 1264 perPage: 1, 1265 gap: '3vw', 1266 }, 1267 479: { 1268 // Mobile Portrait 1269 perPage: 2, 1270 gap: '1em', 1271 } 1272 } 1273} ).mount(); 1274} 1275 1276} 1277slider1(); 1278 1279 1280$('.mobile-nav-hamburger').on('click', function() { 1281 $('.body').toggleClass('no-scroll'); 1282}); 1283 1284 1285 $('.second-mobile-close-btn').click(function() { 1286 $('.body').removeClass('no-scroll'); 1287 }); 1288 1289 1290 //load sessions 1291 window.onload = async function () { 1292 1293 const formatDateToAbbreviatedWeekday = (date) => { 1294 const weekdays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat']; 1295 return weekdays[date.getDay()]; 1296 }; 1297 1298 const formatDateToCustomFormat = (date) => { 1299 const months = [ 1300 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' 1301 ]; 1302 1303 const day = date.getDate().toString().padStart(2, '0');
1304 const month = months[date.getMonth()]; 1305 1306 return `${day} ${month}`; 1307 }; 1308 1309 function createSessionHtml(session) { 1310 1311 1312 const groupCover = session.groupData && session.groupData.coverUrl || '' 1313 const title = session.title || '' 1314 const sessionLink = `https://community.mentalhappy.com/session/event/${session._id}` 1315 const sessionStartDateTime = new Date(session.startDateTime) 1316 1317 1318 return `<a href="${sessionLink}" class="drp_session_card w-inline-block"><img src="${groupCover}" loading="lazy" sizes="(max-width: 991px) 100vw, 119.34375px" srcset="${groupCover} 500w, ${groupCover} 620w" alt="" class="image-135"><div class="ses_details"> 1319 <div class="session_date-2"><div class="session_day-2">${formatDateToAbbreviatedWeekday(sessionStartDateTime)}</div> 1320 <div>${formatDateToCustomFormat(sessionStartDateTime)}</div></div><div class="session-divider-2"></div> 1321 <div class="n-title left">${title}</div></div><div class="view-session-btn-2"><div>View</div></div></a>` 1322 } 1323 1324 1325 const today = new Date(); 1326 let sessionsRequest = await fetch(`https://community-admin.mentalhappy.com/v1/messaging/user/sessions?sort=asc&limit=3&startDateTime=${today.toISOString()}`) 1327 1328 1329 if (sessionsRequest) { 1330 const data = await sessionsRequest.json() 1331 const sessions = data 1332 1333 const contentDiv = document.getElementById('session-container') 1334 const sessionsDivMobile = document.getElementById('mobile-view-sessions') 1335 1336 sessions && sessions.slice(0, 3).forEach(session => { 1337 if (contentDiv) { 1338 contentDiv.innerHTML += createSessionHtml(session) 1339 } 1340 1341 if (sessionsDivMobile) { 1342 sessionsDivMobile.innerHTML += createSessionHtml(session) 1343 } 1344 1345 }); 1346 } 1347 1348 } 1349 1350 1351 1352 1353 /* 1354//--------------- nav customization 1355 1356 var originalNavBgColor = $('.navbar-two').css('background-color'); 1357 var navItemColor= $('.nav-item').css('color'); 1358 var logoColor = $('.brand').css('color'); 1359 var originalMarginLeft = parseFloat($('.nav-line').css('margin-left')); 1360 var originalMarginRight = parseFloat($('.nav-line').css('margin-right')); 1361 1362$(window).scroll(function() { 1363 // Calculate the scroll position 1364 var scrollPosition = $(window).scrollTop(); 1365 1366 // Check if the user has scrolled beyond a certain threshold 1367 if (scrollPosition > 0) { 1368 // Add the CSS styles for the scrolled state 1369 $('.navbar-two').css({ 1370 'background-color': 'white' 1371 }); 1372 $('.nav-item').css({ 1373 'color': '#01172F' 1374 }); 1375 $('.brand').css({ 1376 'color': '#00879B' 1377 }); 1378 $('.nav-line').css({ 1379 'margin-left': '0px', 1380 'margin-right': '0px', 1381 'transform': 'translateY(-4px)' 1382 }); 1383 } else { 1384 // Remove the CSS styles for the initial state 1385 $('.navbar-two').css({ 1386 'background-color': originalNavBgColor, 1387 }); 1388 $('.nav-item').css({ 1389 'color': navItemColor, 1390 }); 1391 $('.brand').css({ 1392 'color': logoColor, 1393 }); 1394 $('.nav-line').css({ 1395 'margin-left': originalMarginLeft, 1396 'margin-right': originalMarginRight, 1397 'transform': 'translateY(4px)' 1398 }); 1399 } 1400}); 1401 1402*/ 1403 1404</script>
1404</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.