1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="icon" href="/favicon.ico" type="image/x-icon"> 8 <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> 9 <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> 10 <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-chrome-192x192.png"> 11 <link rel="icon" type="image/png" sizes="512x512" href="/favicons/android-chrome-512x512.png"> 12 <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> 13 <link rel="manifest" href="/favicons/site.webmanifest"> 14 <link rel="preload" as="style" href="https://quenza.com/build/assets/site-CuSntOXG.css" /><link rel="preload" as="style" href="https://quenza.com/build/assets/site-CH0_4EkV.css" /><link rel="modulepreload" as="script" href="https://quenza.com/build/assets/site-CgKPGUFp.js" /><link rel="stylesheet" href="https://quenza.com/build/assets/site-CuSntOXG.css" /><link rel="stylesheet" href="https://quenza.com/build/assets/site-CH0_4EkV.css" />
14<script type="module" src="https://quenza.com/build/assets/site-CgKPGUFp.js"></script>
14 15 <title> 16 17 Quenza | Coaching Software for Real Client Transformation 18 19</title> 20 21 22 <meta name="description" content="Support meaningful change between sessions. With Quenza, deliver personalized activities, automate structured programs, and guide clients toward lasting breakthroughs."> 23 24 25 26<link rel="canonical" href="https://quenza.com"> 27 28 29 30 31 32 33 34 35<meta property="og:site_name" content="Quenza"> 36<meta property="og:type" content="website"> 37<meta property="og:locale" content="en_US"> 38<meta property="og:url" content="https://quenza.com"> 39 40 <meta property="og:title" content="Quenza | Coaching Software for Real Client Transformation"> 41 42 43 <meta property="og:description" content="Support meaningful change between sessions. With Quenza, deliver personalized activities, automate structured programs, and guide clients toward lasting breakthroughs."> 44 45 46 <meta property="og:image" content="https://quenza.com/img/asset/c29jaWFsX2ltYWdlcy9zb2NpYWxfaW1hZ2UuanBn/social_image.jpg?w=1200&h=630&fit=crop&s=f6aa786f739e52efea528527fb7e174a"> 47 48 49 50 51 52 <meta name="google-site-verification" content="1234567890" />
vendor: 81 bytes, lines 52-58
52 53 54 55 56 57 58 <script async src="https://www.googletagmanager.com/gtag/js?id=
58AW-431203834
vendor: 16 bytes, lines 58-59
58"></script> 59
59<script> 60 window.dataLayer = window.dataLayer || []; 61 function gtag(){dataLayer.push(arguments);} 62 gtag('js', new Date()); 63 gtag('config', 'AW-431203834', { 64 'linker': { 65 'domains': ['quenza.com', 'my.quenza.com', 'pro.quenza.com'], 66 'accept_incoming': true 67 } 68 }); 69 </script>
69 70 71 <!-- Meta Pixel Code --> 72
72<script>
vendor: 495 bytes, lines 72-81
72 73 !function(f,b,e,v,n,t,s) 74 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 75 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 76 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 77 n.queue=[];t=b.createElement(e);t.async=!0; 78 t.src=v;s=b.getElementsByTagName(e)[0]; 79 s.parentNode.insertBefore(t,s)}(window, document,'script', 80 'https://connect.facebook.net/en_US/fbevents.js'); 81 fbq('init', '
8126929463316642405
vendor: 42 bytes, lines 81-83
81'); 82 fbq('track', 'PageView'); 83
83</script>
83 84 <noscript><img height="1" width="1" style="display:none" 85 src="https://www.facebook.com/tr?id=26929463316642405&ev=PageView&noscript=1" 86 /></noscript> 87 <!-- End Meta Pixel Code --> 88 89 90
90<script type="application/ld+json"> 91{ 92 "@context": "https://schema.org", 93 "@type": "Organization", 94 "name": "Quenza", 95 "url": "https://quenza.com", 96 "logo": "https://quenza.com/favicons/android-chrome-512x512.png", 97 "description": "Client engagement platform for therapists, coaches, psychologists, dietitians, and practitioners. Deliver structured activities, exercises, and programs to clients between sessions.", 98 "founder": { 99 "@type": "Person", 100 "name": "Hugo Alberts", 101 "honorificSuffix": "PhD", 102 "jobTitle": "Founder and Chief Product Officer", 103 "url": "https://quenza.com/blog/team/hugo-alberts-phd/" 104 }, 105 "foundingDate": "2019", 106 "sameAs": [ 107 "https://www.g2.com/products/quenza/reviews", 108 "https://www.capterra.com/p/218512/Quenza/", 109 "https://www.getapp.com/recreation-wellness-software/a/quenza/", 110 "https://www.trustpilot.com/review/quenza.com" 111 ], 112 "contactPoint": { 113 "@type": "ContactPoint", 114 "url": "https://quenza.com/contact", 115 "contactType": "customer support" 116 }, 117 "aggregateRating": { 118 "@type": "AggregateRating", 119 "ratingValue": "4.8", 120 "bestRating": "5", 121 "ratingCount": "53", 122 "reviewCount": "53" 123 } 124} 125</script>
125 126
127<script type="application/ld+json"> 128{ 129 "@context": "https://schema.org", 130 "@type": "SoftwareApplication", 131 "name": "Quenza", 132 "url": "https://quenza.com", 133 "applicationCategory": "HealthApplication", 134 "applicationSubCategory": "Client Engagement Platform", 135 "operatingSystem": "Web, iOS, Android", 136 "description": "Client engagement platform for therapists, coaches, psychologists, and practitioners. Deliver activities, exercises, assessments, and programs to clients between sessions.", 137 "offers": { 138 "@type": "Offer", 139 "price": "25.00", 140 "priceCurrency": "USD", 141 "priceValidUntil": "2026-12-31", 142 "url": "https://quenza.com/pricing", 143 "description": "Base Plan: 5 active clients, all core features, white-label branding" 144 }, 145 "aggregateRating": { 146 "@type": "AggregateRating", 147 "ratingValue": "4.8", 148 "bestRating": "5", 149 "ratingCount": "53" 150 }, 151 "featureList": "Activities, Programs, Client Portal, Client Management, Chat, Notes, Tasks, File Sharing, Content Library, White-Label Branding, Webhooks, API, HIPAA Compliant", 152 "creator": { 153 "@type": "Organization", 154 "name": "Quenza", 155 "url": "https://quenza.com" 156 } 157} 158</script>
158 159 160 161 162 163 164 </head> 165 <body class="h-full bg-[#F6F4F0] p-3"> 166 <div class="relative"> 167 <div class="bg-gradient-to-b from-[#B8B6DC] to-[#F6F4F0] absolute h-96 rounded-3xl w-full -z-10"></div> 168</div> 169 170<header class="sticky top-3 z-40"> 171 <div 172 x-data="{ mobileMenuIsOpen: false, scrolled: false }" 173 x-init="scrolled = window.scrollY > 20" 174 @scroll.window="scrolled = window.scrollY > 20" 175 :class="scrolled ? 'pt-2 xl:pt-3' : 'pt-6 xl:pt-8'" 176 class="relative mx-auto max-w-7xl flex px-6 max-xl:px-5 xl:px-8 pb-6 xl:pb-8 justify-between items-center transition-[padding-top] duration-500 ease-in-out" 177 > 178 179 <div 180 aria-hidden="true" 181 :class="scrolled ? 'top-2 bottom-6 left-5 right-5 rounded-full' : 'top-6 bottom-6 right-5 left-[calc(100%_-_4rem)] rounded-full'" 182 class="xl:hidden absolute z-0 bg-white shadow-lg shadow-gray-900/10 ring-1 ring-gray-900/5 transition-all duration-500 ease-in-out" 183 ></div> 184 185 186 <div 187 :class="scrolled ? 'xl:max-w-0 xl:opacity-0 xl:-translate-x-4 max-xl:pl-3' : 'xl:max-w-56 xl:opacity-100'" 188 class="relative z-10 xl:w-56 xl:min-w-0 xl:overflow-x-clip transition-all duration-500 ease-in-out" 189 > 190 <a href="/"> 191 <img src="/images/logo---dark-text.svg" alt="" :class="scrolled ? 'max-xl:h-8' : ''" class="h-10 transition-all duration-500 ease-in-out" /> 192 </a> 193 </div> 194 195 <nav class="hidden xl:flex space-x-4 max-w-7xl items-center justify-center py-2 px-2 xl:px-4 bg-white rounded-full shadow-lg shadow-gray-900/10 ring-1 ring-gray-900/5 transition-all duration-500 ease-in-out" aria-label="Main menu"> 196 <div class="hidden xl:flex xl:gap-x-4"> 197 198 <div x-data="{ open: false }" class="relative" @click.outside="open = false"> 199 200 201 <a href="/" class="inline-flex whitespace-nowrap px-4 py-1.5 rounded-full items-center gap-x-1 text-sm/6 hover:text-purple-500 bg-purple-50 font-semibold text-purple-500 ">Home</a> 202 203 204 205 </div> 206 207 <div x-data="{ open: false }" class="relative" @click.outside="open = false"> 208 209 210 <button @click="open = !open" type="button" class="inline-flex whitespace-nowrap px-4 py-1.5 rounded-full items-center gap-x-1 " aria-expanded="false"> 211 <span class="text-sm/6 hover:text-purple-500 font-medium text-gray-600">Features</span> 212 <svg :class="{ 'rotate-180': open }" class="transition-all duration-300 size-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 213 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 214 </svg> 215 </button> 216 217 218 219 <div 220 x-cloak 221 x-show="open" 222 x-transition:enter="transition ease-out duration-200" 223 x-transition:enter-start="opacity-0 translate-y-1" 224 x-transition:enter-end="opacity-100 translate-y-0" 225 x-transition:leave="transition ease-in duration-150" 226 x-transition:leave-start="opacity-100 translate-y-0" 227 x-transition:leave-end="opacity-0 translate-y-1" 228 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-max -translate-x-1/2 px-4" 229 > 230 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 231 <div class="h-3 w-3 rotate-45 bg-white"></div> 232 </div> 233 234 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl"> 235 <div class="grid grid-cols-1 gap-x-6 gap-y-1 p-4 lg:grid-cols-2"> 236 237 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 238 239 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 240 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.5 19.5V18.7678C16.5 18.2735 16.326 17.786 15.9514 17.4635C14.8925 16.5517 13.5111 16 12 16C10.4889 16 9.10754 16.5517 8.04862 17.4635C7.67403
24017.786 7.5 18.2735 7.5 18.7678V19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="11" r="2.5" stroke="currentColor" stroke-width="1.5"/><path d="M17.5 11C18.8512 11 20.0858 11.5583 21.0292 12.4799C21.3542 12.7974 21.5 13.2476 21.5 13.7019V14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.5"/><path d="M6.5 11C5.1488 11 3.91423 11.5583 2.97079 12.4799C2.64576 12.7974 2.5 13.2476 2.5 13.7019V14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.5"/></svg> 241 </div> 242 243 <div> 244 <a href="/features/client-management" class="font-semibold text-gray-900"> 245 246 Client Management 247 248 249 250 251 <span class="absolute inset-0"></span> 252 </a> 253 <p class="mt-1 text-gray-600">Stay organized with a clear overview of each clientâs journey.</p> 254 </div> 255 </div> 256 257 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 258 259 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 260 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5759 2.40213 14.9412 3.06417 16.2246C3.32379 16.7279 3.40711 17.3096 3.24438 17.8521L2.53365 20.2212C2.3048 20.984 3.01602 21.6952 3.77882 21.4664L6.14794 20.7556C6.69036 20.5929 7.27207 20.6762 7.77536 20.9358C9.05879 21.5979 10.4241 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 261 </div> 262 263 <div> 264 <a href="/features/chat" class="font-semibold text-gray-900"> 265 266 Chat 267 268 269 270 271 <span class="absolute inset-0"></span> 272 </a> 273 <p class="mt-1 text-gray-600">Message clients and team members directly in one place.</p> 274 </div> 275 </div> 276 277 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 278 279 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 280 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 5H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
280<path d="M13 5H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12L20 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19L20 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12L13 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 19H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9V15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 281 </div> 282 283 <div> 284 <a href="/features/white-labeling" class="font-semibold text-gray-900"> 285 286 Customization & White Label 287 288 289 290 291 <span class="absolute inset-0"></span> 292 </a> 293 <p class="mt-1 text-gray-600">Make Quenza your own with your brand and domain</p> 294 </div> 295 </div> 296 297 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 298 299 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 300 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.5 2L5 2C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H19C19.9067 18 20.4797 17.6667 21 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19V22M8 22H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4C22 2.89543 21.1046 2 20 2H15C13.8954 2 13 2.89543 13 4V12C13 13.1046 13.8954 14 15 14H20C21.1046 14 22 13.1046 22 12V4Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M17.5 11H17.509" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 301 </div> 302 303 <div> 304 <a href="/features/client-portal" class="font-semibold text-gray-900"> 305 306 Client Portal 307 308 309 310 311 <span class="absolute inset-0"></span> 312 </a> 313 <p class="mt-1 text-gray-600">Offer clients a private space to stay engaged and informed.</p> 314 </div> 315 </div> 316 317 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 318 319 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 320 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7 16H10.4286M7 11H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
320<path d="M10.5 22L9.5 22M19.5 11.5V4C19.5 2.89543 18.6046 2 17.5 2H4.5C3.39543 2 2.5 2.89543 2.5 4L2.5 20C2.5 21.1046 3.39543 22 4.5 22H6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 2H7L7.36073 4.1644C7.4411 4.64659 7.85829 5 8.34713 5H13.6529C14.1417 5 14.5589 4.64659 14.6393 4.1644L15 2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M13.5 19.5V22H16L21.5 16.5L19 14L13.5 19.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 321 </div> 322 323 <div> 324 <a href="/features/activities" class="font-semibold text-gray-900"> 325 326 Activities 327 328 329 330 331 <span class="absolute inset-0"></span> 332 </a> 333 <p class="mt-1 text-gray-600">Deliver personalized, science-based exercises between sessions.</p> 334 </div> 335 </div> 336 337 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 338 339 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 340 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14 2H18C19.1046 2 20 2.89543 20 4V15.0145L12.9986 22.0015H6C4.89543 22.0015 4 21.1061 4 20.0015V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 15H15C13.8954 15 13 15.8954 13 17V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 8.23077V5.46154C4 3.54978 5.567 2 7.5 2C9.433 2 11 3.54978 11 5.46154V9.26923C11 10.2251 10.2165 11 9.25 11C8.2835 11 7.5 10.2251 7.5 9.26923V5.46154" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 341 </div> 342 343 <div> 344 <a href="/features/file-sharing" class="font-semibold text-gray-900"> 345 346 File Sharing 347 348 349 350 351 <span class="absolute inset-0"></span> 352 </a> 353 <p class="mt-1 text-gray-600">Share files and web links directly with clients in one organized space.</p> 354 </div> 355 </div> 356 357 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 358 359 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 360 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 2V4.5M12 2V4.5M7 2V4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
360<path d="M18.5 3.5H5.5C4.39543 3.5 3.5 4.39543 3.5 5.5V20C3.5 21.1046 4.39543 22 5.5 22L18.5 22C19.6046 22 20.5 21.1046 20.5 20V5.5C20.5 4.39543 19.6046 3.5 18.5 3.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M8.5 16H11.5M8.5 11H15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 361 </div> 362 363 <div> 364 <a href="/features/notes" class="font-semibold text-gray-900"> 365 366 Notes 367 368 369 370 371 <span class="absolute inset-0"></span> 372 </a> 373 <p class="mt-1 text-gray-600">Capture and share reflections, session recaps, and insights.</p> 374 </div> 375 </div> 376 377 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 378 379 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 380 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21 12C21.5523 12 22 12.4477 22 13V21C22 21.5523 21.5523 22 21 22H13C12.4477 22 12 21.5523 12 21V13C12 12.4477 12.4477 12 13 12H21Z" stroke="currentColor" stroke-width="1.5"/><path d="M17 9V8C17 7.44772 16.5523 7 16 7H8C7.44772 7 7 7.44772 7 8V16C7 16.5523 7.44772 17 8 17H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M12 4V3C12 2.44772 11.5523 2 11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 381 </div> 382 383 <div> 384 <a href="/features/programs" class="font-semibold text-gray-900"> 385 386 Programs 387 388 389 390 391 <span class="absolute inset-0"></span> 392 </a> 393 <p class="mt-1 text-gray-600">Create step-by-step programs your clients can follow.</p> 394 </div> 395 </div> 396 397 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 398 399 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 400 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke="currentColor" stroke-width="1.5"/><path d="M8 13.0714C8 13.0714 9.5 13.7143 10.4 15C10.4 15 12.5 10.7143 16 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 401 </div> 402 403 <div> 404 <a href="/features/tasks" class="font-semibold text-gray-900"> 405 406 Tasks 407 408 409 410
411 <span class="absolute inset-0"></span> 412 </a> 413 <p class="mt-1 text-gray-600">Assign actionable steps to support daily progress.</p> 414 </div> 415 </div> 416 417 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 418 419 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 420 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 20V16.9852C3 16.364 3.28162 15.7658 3.81618 15.4494C5.34261 14.546 7.32863 14 9.5 14C10.7448 14 11.9287 14.1795 13 14.5028" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 14V20M15 17H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9.5" cy="7.5" r="3.5" stroke="currentColor" stroke-width="1.5"/><path d="M14.5 4.14453C15.9457 4.57481 17 5.91408 17 7.49959C17 9.0851 15.9457 10.4244 14.5 10.8547" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 421 </div> 422 423 <div> 424 <a href="/features/teams" class="font-semibold text-gray-900"> 425 426 Teams 427 428 429 430 431 <span class="absolute inset-0"></span> 432 </a> 433 <p class="mt-1 text-gray-600">Collaborate seamlessly with colleagues in one workspace.</p> 434 </div> 435 </div> 436 437 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 438 439 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 440 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 5L18 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10L14.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 11L5 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6.5" cy="6.5" r="4.5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="5" cy="20" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="16" cy="16" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="20" cy="5" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 441 </div> 442 443 <div> 444 <a href="/features/integrations" class="font-semibold text-gray-900"> 445 446 Integrations 447 448 449 450
451 <span class="inline-flex items-center rounded-full bg-[#f0fdf4] px-2 py-1 text-xs font-medium text-[#008236] ring-1 ring-inset ring-[#00a63e]/20">New</span> 452 453 <span class="absolute inset-0"></span> 454 </a> 455 <p class="mt-1 text-gray-600">Connect Quenza to your calendar, CRM, and automation tools.</p> 456 </div> 457 </div> 458 459 </div> 460 461 <div class="bg-gray-50 px-8 py-6 relative"> 462 <div class="flex items-center gap-x-3"> 463 <a href="/community" target="_self"> 464 <h3 class="text-sm/6 font-semibold text-gray-900 inline">Join the Quenza Community!</h3> 465 466 <span class="rounded-full bg-purple-600/10 px-2.5 py-1.5 text-xs font-semibold text-purple-600">New</span> 467 468 <span class="absolute inset-0"></span> 469 </a> 470 </div> 471 <p class="mt-2 text-sm/6 text-gray-600">Join our community to exchange insights, tips, and support with other Quenza users.</p> 472 </div> 473 474 </div> 475 </div> 476 477 </div> 478 479 <div x-data="{ open: false }" class="relative" @click.outside="open = false"> 480 481 482 <button @click="open = !open" type="button" class="inline-flex whitespace-nowrap px-4 py-1.5 rounded-full items-center gap-x-1 " aria-expanded="false"> 483 <span class="text-sm/6 hover:text-purple-500 font-medium text-gray-600">Use Cases</span> 484 <svg :class="{ 'rotate-180': open }" class="transition-all duration-300 size-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 485 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 486 </svg> 487 </button> 488 489 490 491 <div 492 x-cloak 493 x-show="open" 494 x-transition:enter="transition ease-out duration-200" 495 x-transition:enter-start="opacity-0 translate-y-1" 496 x-transition:enter-end="opacity-100 translate-y-0" 497 x-transition:leave="transition ease-in duration-150" 498 x-transition:leave-start="opacity-100 translate-y-0" 499 x-transition:leave-end="opacity-0 translate-y-1" 500 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-max -translate-x-1/2 px-4" 501 > 502 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 503 <div class="h-3 w-3 rotate-45 bg-white"></div> 504 </div> 505 506 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl"> 507 <div class="grid grid-cols-1 gap-x-6 gap-y-1 p-4 lg:grid-cols-2"> 508 509 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 510 511 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 512 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.5 21H18.5C17.9477 21 17.5 20.5523 17.5 20V10C17.5 9.44772 17.9477 9 18.5 9H19.5C20.0523 9 20.5 9.44772 20.5 10V20C20.5 20.5523 20.0523 21 19.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
512<path d="M16.5 3H19.5V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 3.5C19 3.5 15 8.5 4.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5 21H11.5C10.9477 21 10.5 20.5523 10.5 20V13.5C10.5 12.9477 10.9477 12.5 11.5 12.5H12.5C13.0523 12.5 13.5 12.9477 13.5 13.5V20C13.5 20.5523 13.0523 21 12.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.5 21H4.5C3.94772 21 3.5 20.5523 3.5 20V16C3.5 15.4477 3.94772 15 4.5 15H5.5C6.05228 15 6.5 15.4477 6.5 16V20C6.5 20.5523 6.05228 21 5.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 513 </div> 514 515 <div> 516 <a href="/use-cases/quenza-for-business-coaches" class="font-semibold text-gray-900"> 517 518 Quenza for Business Coaches 519 520 521 522 523 <span class="absolute inset-0"></span> 524 </a> 525 <p class="mt-1 text-gray-600">Keep business owners accountable with growth plans and action tracking.</p> 526 </div> 527 </div> 528 529 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 530 531 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 532 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 5C5.23858 5 3 8.0139 3 11.0278C3 14.544 3.5 17.0556 5.5 20.0695C7.02044 22.1062 9.05026 22.6168 11.2139 21.1903L12 20.7171L12.7861 21.1903C14.9497 22.6168 16.9796 22.1062 18.5 20.0695C20.5 17.0556 21 14.544 21 11.0278C21 8.0139 18.7614 5 16 5C14.5746 5 12.9108 6.15236 12 7C11.0892 6.15236 9.42542 5 8 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 12C6 10.3665 6.82273 8.73298 8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6C12 4.66667 12.6 2 15 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 533 </div> 534 535 <div> 536 <a href="/use-cases/quenza-for-dietitians" class="font-semibold text-gray-900"> 537 538 Quenza for Dietitians 539 540 541 542 543 <span class="absolute inset-0"></span> 544 </a> 545 <p class="mt-1 text-gray-600">Turn nutrition plans into daily habits with meal tracking and guided programs.</p> 546 </div> 547 </div> 548 549 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 550 551 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 552 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
552<path d="M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 8V5L18.9868 2.01321C18.9924 2.00756 19.0021 2.01049 19.0037 2.01832L19.4987 4.49346C19.4995 4.49742 19.5026 4.50052 19.5065 4.50131L21.9817 4.99634C21.9895 4.9979 21.9924 5.00756 21.9868 5.01321L19.0029 7.99707C19.0011 7.99895 18.9985 8 18.9959 8H16ZM16 8L12 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 553 </div> 554 555 <div> 556 <a href="/use-cases/quenza-for-life-coaches" class="font-semibold text-gray-900"> 557 558 Quenza for Life Coaches 559 560 561 562 563 <span class="absolute inset-0"></span> 564 </a> 565 <p class="mt-1 text-gray-600">Support client transformation with structured programs and progress tracking.</p> 566 </div> 567 </div> 568 569 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 570 571 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 572 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18.8578 3.70957C14.8661 1.56434 12 4.96744 12 4.96744C12 4.96744 9.1338 1.56433 5.14211 3.70956C0.403647 6.2561 -0.0241745 16.0807 11.2956 20.7236C11.7432 20.9072 12.2569 20.9072 12.7045 20.7236C24.0243 16.0807 23.5963 6.25611 18.8578 3.70957Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 9V12M12 12V15M12 12H9M12 12L15 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 573 </div> 574 575 <div> 576 <a href="/use-cases/quenza-for-therapists" class="font-semibold text-gray-900"> 577 578 Quenza for Therapists 579 580 581 582 583 <span class="absolute inset-0"></span> 584 </a> 585 <p class="mt-1 text-gray-600">Deliver evidence-based interventions and track treatment progress between sessions.</p> 586 </div> 587 </div> 588 589 </div> 590 591 </div> 592 </div> 593 594 </div> 595 596 <div x-data="{ open: false }" class="relative" @click.outside="open = false"> 597 598 599 <button @click="open = !open" type="button" class="inline-flex whitespace-nowrap px-4 py-1.5 rounded-full items-center gap-x-1 " aria-expanded="false">
600 <span class="text-sm/6 hover:text-purple-500 font-medium text-gray-600">Learn</span> 601 <svg :class="{ 'rotate-180': open }" class="transition-all duration-300 size-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 602 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 603 </svg> 604 </button> 605 606 607 608 <div 609 x-cloak 610 x-show="open" 611 x-transition:enter="transition ease-out duration-200" 612 x-transition:enter-start="opacity-0 translate-y-1" 613 x-transition:enter-end="opacity-100 translate-y-0" 614 x-transition:leave="transition ease-in duration-150" 615 x-transition:leave-start="opacity-100 translate-y-0" 616 x-transition:leave-end="opacity-0 translate-y-1" 617 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-max -translate-x-1/2 px-4" 618 > 619 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 620 <div class="h-3 w-3 rotate-45 bg-white"></div> 621 </div> 622 623 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl"> 624 <div class="grid grid-cols-1 gap-x-6 gap-y-1 p-4 lg:grid-cols-2"> 625 626 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 627 628 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 629 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 17.5V6.5C18 5.39543 17.1046 4.5 16 4.5H4C2.89543 4.5 2 5.39543 2 6.5V17.5C2 18.6046 2.89543 19.5 4 19.5H16C17.1046 19.5 18 18.6046 18 17.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 9C15 9.82843 14.3284 10.5 13.5 10.5C12.6716 10.5 12 9.82843 12 9C12 8.17157 12.6716 7.5 13.5 7.5C14.3284 7.5 15 8.17157 15 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 15L22 17.5V6.5L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 630 </div> 631 632 <div> 633 <a href="/free-workshops" class="font-semibold text-gray-900"> 634 635 Free Workshops 636 637 638 639 640 <span class="absolute inset-0"></span> 641 </a> 642 <p class="mt-1 text-gray-600">Ask our team anything at a free live Q&A</p> 643 </div> 644 </div> 645 646 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 647 648 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 649 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
649<path d="M22 12V15C22 16.6569 20.6569 18 19 18H5C3.34315 18 2 16.6569 2 15V5C2 3.34315 3.34315 2 5 2H8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 15H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19V22M8 22H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 7L22 8V3L19 4M12 2H19V9H12V2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 650 </div> 651 652 <div> 653 <a href="/quenza-demo" class="font-semibold text-gray-900"> 654 655 Demo 656 657 658 659 660 <span class="absolute inset-0"></span> 661 </a> 662 <p class="mt-1 text-gray-600">A quick tour of the tools that extend your reach beyond sessions.</p> 663 </div> 664 </div> 665 666 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 667 668 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 669 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.875 14.5H8.125C4.74226 14.5 2 17.4101 2 21H16C16 17.4101 13.2577 14.5 9.875 14.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 21H22C22 17.6341 19.5892 14.8323 16.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="9" cy="7.5" r="3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 11C16.933 11 18.5 9.433 18.5 7.5C18.5 5.567 16.933 4 15 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 670 </div> 671 672 <div> 673 <a href="/community" class="font-semibold text-gray-900"> 674 675 Community 676 677 678 679 680 <span class="inline-flex items-center rounded-full bg-[#f0fdf4] px-2 py-1 text-xs font-medium text-[#008236] ring-1 ring-inset ring-[#00a63e]/20">New</span> 681 682 <span class="absolute inset-0"></span> 683 </a> 684 <p class="mt-1 text-gray-600">Connect with peers, share resources, and grow your practice together.</p> 685 </div> 686 </div> 687 688 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 689 690 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 691 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 4V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
691<path d="M20 22H6C4.89543 22 4 21.1046 4 20M4 20C4 18.8954 4.89543 18 6 18H20V2C20 2 19 4 16 4H6C4.89543 4 4 4.89543 4 6V20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.5 18C19.5 18 18.5 18.7628 18.5 20C18.5 21.2372 19.5 22 19.5 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 692 </div> 693 694 <div> 695 <a href="/ebook" class="font-semibold text-gray-900"> 696 697 Free eBook: The Value-First Practitioner 698 699 700 701 702 <span class="absolute inset-0"></span> 703 </a> 704 <p class="mt-1 text-gray-600">Proven ways to extend your impact beyond the therapy hour.</p> 705 </div> 706 </div> 707 708 <div class="group relative flex gap-x-6 rounded-lg p-4 hover:bg-purple-50 "> 709 710 <div class="mt-1 flex size-11 flex-none items-center justify-center rounded-lg bg-gray-100 group-hover:bg-white group-hover:text-purple-500"> 711 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.5001 20V5C10.5001 4.17157 9.8285 3.5 9.00007 3.5H4.00006C3.17164 3.5 2.50007 4.17157 2.50006 4.99999L2.5 20C2.5 20.8284 3.17157 21.5 4 21.5H9.00007C9.8285 21.5 10.5001 20.8284 10.5001 20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 18H6.50898" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 18H17.509" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.2498 20.7142C21.053 20.587 21.6052 19.8049 21.4831 18.9674L19.2731 3.80356C19.151 2.96609 18.4009 2.39035 17.5978 2.51762L12.7502 3.28576C11.947 3.41303 11.3948 4.19511 11.5169 5.03258L13.7269 20.1964C13.8489 21.0339 14.599 21.6096 15.4022 21.4824L20.2498 20.7142Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.5187 6.61768L12 8.00004" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 7.5H10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 712 </div> 713 714 <div> 715 <a href="https://help.quenza.com/" target="_blank" rel="noopener noreferrer" class="font-semibold text-gray-900"> 716 717 Knowledge Base 718 719 720 721 722 <span class="absolute inset-0"></span> 723 </a> 724 <p class="mt-1 text-gray-600">Guides, FAQs and answers to get the most out of Quenza.</p> 725 </div> 726 </div> 727 728 </div> 729 730 </div> 731 </div> 732 733 </div> 734 735 <div x-data="{ open: false }" class="relative" @click.outside="open = false"> 736 737 738 <a href="/pricing" class="inline-flex whitespace-nowrap px-4 py-1.5 rounded-full items-center gap-x-1 text-sm/6 hover:text-purple-500 font-medium text-gray-600 ">Pricing</a> 739 740 741 742 </div> 743 744 </div> 745 746 747 <div 748 :class="scrolled ? 'xl:max-w-[420px] xl:opacity-100 xl:ml-2 xl:pl-3 xl:border-l xl:border-gray-200 xl:overflow-visible' : 'xl:max-w-0 xl:opacity-0 xl:pointer-events-none xl:overflow-x-clip'" 749 class="hidden xl:flex items-center gap-x-4 xl:min-w-0 transition-all duration-500 ease-in-out" 750 > 751 752<div x-data="{ open: false }" class="relative"> 753 754 755 <a 756 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 757 href="#" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 text-purple-800 hover:text-purple-600" 758 @click.prevent="open = !open" 759 @click.outside="open = false" 760 >
761 <span class="whitespace-nowrap">Sign In</span> 762 <span> 763 <svg :class="{ 'rotate-180': open }" class="size-5 transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 764 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 765 </svg> 766 </span> 767 </a> 768 769 770 771 <div 772 x-cloak 773 x-show="open" 774 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-min -translate-x-1/2" 775 x-transition:enter="transition ease-out duration-200" 776 x-transition:enter-start="opacity-0 translate-y-1" 777 x-transition:enter-end="opacity-100 translate-y-0" 778 x-transition:leave="transition ease-in duration-150" 779 x-transition:leave-start="opacity-100 translate-y-0" 780 x-transition:leave-end="opacity-0 translate-y-1" 781 > 782 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 783 <div class="h-3 w-3 rotate-45 bg-white"></div> 784 </div> 785 786 <div class="w-44 shrink rounded-xl bg-white text-sm/6 text-gray-700 shadow-lg ring-1 ring-gray-900/5 p-2 "> 787 788 <a href="https://my.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza</a> 789 790 <a href="https://app.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza Classic</a> 791 792 </div> 793 </div> 794 795</div> 796 797<div x-data="{ open: false }" class="relative"> 798 799 800 <a 801 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 802 href="https://my.quenza.com/register" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 bg-purple-500 text-white text-whiteshadow-sm hover:bg-purple-600" 803 > 804 <span class="whitespace-nowrap">Get Started</span> 805 </a> 806 807 808 809</div> 810 811 812 </div> 813 </nav> 814 815 <!-- Mobile Menu --> 816 <div x-cloak x-show="mobileMenuIsOpen" class="xl:hidden absolute left-1/2 z-10 top-[4.5rem] flex w-screen max-w-max -translate-x-1/2 px-4" role="dialog" aria-modal="true"> 817 <div class="w-screen max-w-md flex-auto overflow-hidden rounded-3xl bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5"> 818 <div class="mt-4 flow-root px-6 py-6"> 819 <div class="-my-6 divide-y divide-gray-500/10"> 820 <div class="space-y-1"> 821 822 823 824 <a href="/" class="-mx-3 block rounded-lg px-3 py-2 text-base/7 hover:text-purple-500 bg-purple-50 font-semibold text-purple-500 ">Home</a> 825 826 827 828 829 <div x-data="{ submenuIsOpen: false }" class="-mx-3"> 830 <button 831 @click="submenuIsOpen = ! submenuIsOpen" 832 type="button" class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 hover:text-purple-500 font-medium text-gray-600 " aria-controls="disclosure-1" aria-expanded="false" 833 > 834 Features 835 <svg 836 :class="{ 'rotate-180': submenuIsOpen }" 837 class="size-5 flex-none transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 838 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 839 </svg> 840 </button> 841 842 <div x-show="submenuIsOpen" class="mt-2 space-y-1" id="disclosure-1"> 843 844 <a href="/features/client-management" class="group flex items-center gap-x-4 roun
844ded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 845 846 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 847 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 848 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.5 19.5V18.7678C16.5 18.2735 16.326 17.786 15.9514 17.4635C14.8925 16.5517 13.5111 16 12 16C10.4889 16 9.10754 16.5517 8.04862 17.4635C7.67403 17.786 7.5 18.2735 7.5 18.7678V19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="11" r="2.5" stroke="currentColor" stroke-width="1.5"/><path d="M17.5 11C18.8512 11 20.0858 11.5583 21.0292 12.4799C21.3542 12.7974 21.5 13.2476 21.5 13.7019V14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.5"/><path d="M6.5 11C5.1488 11 3.91423 11.5583 2.97079 12.4799C2.64576 12.7974 2.5 13.2476 2.5 13.7019V14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.5"/></svg> 849 </div> 850 </div> 851 852 Client Management 853 854 855 </a> 856 857 <a href="/features/chat" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 858 859 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 860 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 861 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9955 12H12.0045M15.991 12H16M8 12H8.00897" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5759 2.40213 14.9412 3.06417 16.2246C3.32379 16.7279 3.40711 17.3096 3.24438 17.8521L2.53365 20.2212C2.3048 20.984 3.01602 21.6952 3.77882 21.4664L6.14794 20.7556C6.69036 20.5929 7.27207 20.6762 7.77536 20.9358C9.05879 21.5979 10.4241 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 862 </div> 863 </div> 864 865 Chat 866 867 868 </a> 869 870 <a href="/features/white-labeling" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 871 872 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 873 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 874 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 5H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
874<path d="M13 5H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12L20 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19L20 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12L13 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 19H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 2V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9V15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 875 </div> 876 </div> 877 878 Customization & White Label 879 880 881 </a> 882 883 <a href="/features/client-portal" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 884 885 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 886 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 887 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.5 2L5 2C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H19C19.9067 18 20.4797 17.6667 21 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19V22M8 22H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4C22 2.89543 21.1046 2 20 2H15C13.8954 2 13 2.89543 13 4V12C13 13.1046 13.8954 14 15 14H20C21.1046 14 22 13.1046 22 12V4Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M17.5 11H17.509" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 888 </div> 889 </div> 890 891 Client Portal 892 893 894 </a> 895 896 <a href="/features/activities" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 897 898 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 899 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 900 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7 16H10.4286M7 11H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 22L9.5 22M19.5 11.5V4C19.5 2.89543 18.6046 2 17.5 2H4.5C3.39543 2 2.5 2.89543 2.5 4L2.5 20C2.5 21.1046 3.39543 22 4.5 22H6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
900<path d="M15 2H7L7.36073 4.1644C7.4411 4.64659 7.85829 5 8.34713 5H13.6529C14.1417 5 14.5589 4.64659 14.6393 4.1644L15 2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M13.5 19.5V22H16L21.5 16.5L19 14L13.5 19.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 901 </div> 902 </div> 903 904 Activities 905 906 907 </a> 908 909 <a href="/features/file-sharing" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 910 911 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 912 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 913 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14 2H18C19.1046 2 20 2.89543 20 4V15.0145L12.9986 22.0015H6C4.89543 22.0015 4 21.1061 4 20.0015V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 15H15C13.8954 15 13 15.8954 13 17V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 8.23077V5.46154C4 3.54978 5.567 2 7.5 2C9.433 2 11 3.54978 11 5.46154V9.26923C11 10.2251 10.2165 11 9.25 11C8.2835 11 7.5 10.2251 7.5 9.26923V5.46154" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 914 </div> 915 </div> 916 917 File Sharing 918 919 920 </a> 921 922 <a href="/features/notes" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 923 924 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 925 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 926 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 2V4.5M12 2V4.5M7 2V4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.5 3.5H5.5C4.39543 3.5 3.5 4.39543 3.5 5.5V20C3.5 21.1046 4.39543 22 5.5 22L18.5 22C19.6046 22 20.5 21.1046 20.5 20V5.5C20.5 4.39543 19.6046 3.5 18.5 3.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M8.5 16H11.5M8.5 11H15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 927 </div> 928 </div> 929 930 Notes 931 932 933 </a> 934 935 <a href="/features/programs" class="group flex items-center gap-x-4 roun
935ded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 936 937 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 938 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 939 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21 12C21.5523 12 22 12.4477 22 13V21C22 21.5523 21.5523 22 21 22H13C12.4477 22 12 21.5523 12 21V13C12 12.4477 12.4477 12 13 12H21Z" stroke="currentColor" stroke-width="1.5"/><path d="M17 9V8C17 7.44772 16.5523 7 16 7H8C7.44772 7 7 7.44772 7 8V16C7 16.5523 7.44772 17 8 17H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M12 4V3C12 2.44772 11.5523 2 11 2H3C2.44772 2 2 2.44772 2 3V11C2 11.5523 2.44772 12 3 12H4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 940 </div> 941 </div> 942 943 Programs 944 945 946 </a> 947 948 <a href="/features/tasks" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 949 950 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 951 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 952 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke="currentColor" stroke-width="1.5"/><path d="M8 13.0714C8 13.0714 9.5 13.7143 10.4 15C10.4 15 12.5 10.7143 16 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 953 </div> 954 </div> 955 956 Tasks 957 958 959 </a> 960 961 <a href="/features/teams" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 962 963 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 964 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 965 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 20V16.9852C3 16.364 3.28162 15.7658 3.81618 15.4494C5.34261 14.546 7.32863 14 9.5 14C10.7448 14 11.9287 14.1795 13 14.5028" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 14V20M15 17H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="9.5" cy="7.5" r="3.5" stroke="currentColor" stroke-width="1.5"/><path d="M14.5 4.14453C15.9457 4.57481 17 5.91408 17 7.49959C17 9.0851 15.9457 10.4244 14.5 10.8547" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> 966 </div> 967 </div> 968 969 Teams 970 971 972 </a> 973 974 <a href="/features/integrations" class="group flex items-center gap-x-4 roun
974ded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 975 976 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 977 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 978 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 5L18 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10L14.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 11L5 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6.5" cy="6.5" r="4.5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="5" cy="20" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="16" cy="16" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><circle cx="20" cy="5" r="2" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 979 </div> 980 </div> 981 982 Integrations 983 984 985 </a> 986 987 </div> 988 </div> 989 990 991 992 993 994 <div x-data="{ submenuIsOpen: false }" class="-mx-3"> 995 <button 996 @click="submenuIsOpen = ! submenuIsOpen" 997 type="button" class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 hover:text-purple-500 font-medium text-gray-600 " aria-controls="disclosure-1" aria-expanded="false" 998 > 999 Use Cases 1000 <svg 1001 :class="{ 'rotate-180': submenuIsOpen }" 1002 class="size-5 flex-none transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1003 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 1004 </svg> 1005 </button> 1006 1007 <div x-show="submenuIsOpen" class="mt-2 space-y-1" id="disclosure-1"> 1008 1009 <a href="/use-cases/quenza-for-business-coaches" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1010 1011 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1012 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1013 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.5 21H18.5C17.9477 21 17.5 20.5523 17.5 20V10C17.5 9.44772 17.9477 9 18.5 9H19.5C20.0523 9 20.5 9.44772 20.5 10V20C20.5 20.5523 20.0523 21 19.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1013<path d="M16.5 3H19.5V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 3.5C19 3.5 15 8.5 4.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5 21H11.5C10.9477 21 10.5 20.5523 10.5 20V13.5C10.5 12.9477 10.9477 12.5 11.5 12.5H12.5C13.0523 12.5 13.5 12.9477 13.5 13.5V20C13.5 20.5523 13.0523 21 12.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.5 21H4.5C3.94772 21 3.5 20.5523 3.5 20V16C3.5 15.4477 3.94772 15 4.5 15H5.5C6.05228 15 6.5 15.4477 6.5 16V20C6.5 20.5523 6.05228 21 5.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1014 </div> 1015 </div> 1016 1017 Quenza for Business Coaches 1018 1019 1020 </a> 1021 1022 <a href="/use-cases/quenza-for-dietitians" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1023 1024 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1025 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1026 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 5C5.23858 5 3 8.0139 3 11.0278C3 14.544 3.5 17.0556 5.5 20.0695C7.02044 22.1062 9.05026 22.6168 11.2139 21.1903L12 20.7171L12.7861 21.1903C14.9497 22.6168 16.9796 22.1062 18.5 20.0695C20.5 17.0556 21 14.544 21 11.0278C21 8.0139 18.7614 5 16 5C14.5746 5 12.9108 6.15236 12 7C11.0892 6.15236 9.42542 5 8 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 12C6 10.3665 6.82273 8.73298 8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6C12 4.66667 12.6 2 15 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1027 </div> 1028 </div> 1029 1030 Quenza for Dietitians 1031 1032 1033 </a> 1034 1035 <a href="/use-cases/quenza-for-life-coaches" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1036 1037 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1038 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1039 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1039<path d="M16 8V5L18.9868 2.01321C18.9924 2.00756 19.0021 2.01049 19.0037 2.01832L19.4987 4.49346C19.4995 4.49742 19.5026 4.50052 19.5065 4.50131L21.9817 4.99634C21.9895 4.9979 21.9924 5.00756 21.9868 5.01321L19.0029 7.99707C19.0011 7.99895 18.9985 8 18.9959 8H16ZM16 8L12 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1040 </div> 1041 </div> 1042 1043 Quenza for Life Coaches 1044 1045 1046 </a> 1047 1048 <a href="/use-cases/quenza-for-therapists" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1049 1050 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1051 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1052 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18.8578 3.70957C14.8661 1.56434 12 4.96744 12 4.96744C12 4.96744 9.1338 1.56433 5.14211 3.70956C0.403647 6.2561 -0.0241745 16.0807 11.2956 20.7236C11.7432 20.9072 12.2569 20.9072 12.7045 20.7236C24.0243 16.0807 23.5963 6.25611 18.8578 3.70957Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 9V12M12 12V15M12 12H9M12 12L15 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1053 </div> 1054 </div> 1055 1056 Quenza for Therapists 1057 1058 1059 </a> 1060 1061 </div> 1062 </div> 1063 1064 1065 1066 1067 1068 <div x-data="{ submenuIsOpen: false }" class="-mx-3"> 1069 <button 1070 @click="submenuIsOpen = ! submenuIsOpen" 1071 type="button" class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 hover:text-purple-500 font-medium text-gray-600 " aria-controls="disclosure-1" aria-expanded="false" 1072 > 1073 Learn 1074 <svg 1075 :class="{ 'rotate-180': submenuIsOpen }" 1076 class="size-5 flex-none transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1077 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 1078 </svg> 1079 </button> 1080 1081 <div x-show="submenuIsOpen" class="mt-2 space-y-1" id="disclosure-1"> 1082 1083 <a href="/free-workshops" class="group flex items-center gap-x-4 roun
1083ded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1084 1085 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1086 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1087 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 17.5V6.5C18 5.39543 17.1046 4.5 16 4.5H4C2.89543 4.5 2 5.39543 2 6.5V17.5C2 18.6046 2.89543 19.5 4 19.5H16C17.1046 19.5 18 18.6046 18 17.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 9C15 9.82843 14.3284 10.5 13.5 10.5C12.6716 10.5 12 9.82843 12 9C12 8.17157 12.6716 7.5 13.5 7.5C14.3284 7.5 15 8.17157 15 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 15L22 17.5V6.5L18 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1088 </div> 1089 </div> 1090 1091 Free Workshops 1092 1093 1094 </a> 1095 1096 <a href="/quenza-demo" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1097 1098 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1099 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1100 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 12V15C22 16.6569 20.6569 18 19 18H5C3.34315 18 2 16.6569 2 15V5C2 3.34315 3.34315 2 5 2H8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 15H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 19V22M8 22H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 7L22 8V3L19 4M12 2H19V9H12V2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg> 1101 </div> 1102 </div> 1103 1104 Demo 1105 1106 1107 </a> 1108 1109 <a href="/community" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1110 1111 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1112 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1113 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.875 14.5H8.125C4.74226 14.5 2 17.4101 2 21H16C16 17.4101 13.2577 14.5 9.875 14.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1113<path d="M19 21H22C22 17.6341 19.5892 14.8323 16.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="9" cy="7.5" r="3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 11C16.933 11 18.5 9.433 18.5 7.5C18.5 5.567 16.933 4 15 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1114 </div> 1115 </div> 1116 1117 Community 1118 1119 1120 </a> 1121 1122 <a href="/ebook" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1123 1124 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1125 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1126 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 4V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 22H6C4.89543 22 4 21.1046 4 20M4 20C4 18.8954 4.89543 18 6 18H20V2C20 2 19 4 16 4H6C4.89543 4 4 4.89543 4 6V20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.5 18C19.5 18 18.5 18.7628 18.5 20C18.5 21.2372 19.5 22 19.5 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1127 </div> 1128 </div> 1129 1130 Free eBook: The Value-First Practitioner 1131 1132 1133 </a> 1134 1135 <a href="https://help.quenza.com/" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-x-4 rounded-lg py-1 pl-8 text-base/7 font-normal text-gray-600 hover:bg-purple-50 "> 1136 1137 <div class="flex size-1 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> 1138 <div class="size-6 flex items-center text-gray-600 group-hover:text-indigo-600"> 1139 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.5001 20V5C10.5001 4.17157 9.8285 3.5 9.00007 3.5H4.00006C3.17164 3.5 2.50007 4.17157 2.50006 4.99999L2.5 20C2.5 20.8284 3.17157 21.5 4 21.5H9.00007C9.8285 21.5 10.5001 20.8284 10.5001 20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 18H6.50898" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 18H17.509" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.2498 20.7142C21.053 20.587 21.6052 19.8049 21.4831 18.9674L19.2731 3.80356C19.151 2.96609 18.4009 2.39035 17.5978 2.51762L12.7502 3.28576C11.947 3.41303 11.3948 4.19511 11.5169 5.03258L13.7269 20.1964C13.8489 21.0339 14.599 21.6096 15.4022 21.4824L20.2498 20.7142Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1139<path d="M19.5187 6.61768L12 8.00004" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 7.5H10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 1140 </div> 1141 </div> 1142 1143 Knowledge Base 1144 1145 1146 </a> 1147 1148 </div> 1149 </div> 1150 1151 1152 1153 1154 1155 <a href="/pricing" class="-mx-3 block rounded-lg px-3 py-2 text-base/7 hover:text-purple-500 font-medium text-gray-600 ">Pricing</a> 1156 1157 1158 </div> 1159 1160 <!-- Actions --> 1161 <div class="py-4"> 1162 1163 <a 1164 :class="{ 'hidden': false }" 1165 href="#" 1166 class="block py-2 text-base/7 hover:text-purple-500 font-medium text-gray-600 " 1167 > 1168 Sign In 1169 </a> 1170 1171 <div class="xl:hidden"> 1172 1173 <a href="https://my.quenza.com" class="-mx-3 block items-center rounded-lg py-1 pl-4 text-base/7 font-normal text-gray-600 hover:bg-purple-50"> 1174 Quenza 1175 </a> 1176 1177 <a href="https://app.quenza.com" class="-mx-3 block items-center rounded-lg py-1 pl-4 text-base/7 font-normal text-gray-600 hover:bg-purple-50"> 1178 Quenza Classic 1179 </a> 1180 1181 </div> 1182 1183 1184 <a 1185 :class="{ 'hidden': false }" 1186 href="https://my.quenza.com/register" 1187 class="block py-2 text-base/7 hover:text-purple-500 font-medium text-gray-600 " 1188 > 1189 Get Started 1190 </a> 1191 1192 <div class="xl:hidden"> 1193 1194 </div> 1195 1196 1197 </div> 1198 </div> 1199 </div> 1200 </div> 1201 </div> 1202 1203 <!-- Actions (desktop only: right side at the top; collapse into the pill on scroll) --> 1204 <div 1205 :class="scrolled ? 'xl:max-w-0 xl:opacity-0 xl:translate-x-4 xl:pointer-events-none xl:overflow-x-clip' : 'xl:max-w-[420px] xl:opacity-100 xl:overflow-visible'" 1206 class="xl:w-56 items-center hidden xl:flex gap-x-4 justify-end xl:min-w-0 transition-all duration-500 ease-in-out" 1207 > 1208 1209<div x-data="{ open: false }" class="relative"> 1210 1211 1212 <a 1213 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 1214 href="#" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 text-purple-800 hover:text-purple-600" 1215 @click.prevent="open = !open" 1216 @click.outside="open = false" 1217 > 1218 <span class="whitespace-nowrap">Sign In</span> 1219 <span> 1220 <svg :class="{ 'rotate-180': open }
1220" class="size-5 transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1221 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 1222 </svg> 1223 </span> 1224 </a> 1225 1226 1227 1228 <div 1229 x-cloak 1230 x-show="open" 1231 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-min -translate-x-1/2" 1232 x-transition:enter="transition ease-out duration-200" 1233 x-transition:enter-start="opacity-0 translate-y-1" 1234 x-transition:enter-end="opacity-100 translate-y-0" 1235 x-transition:leave="transition ease-in duration-150" 1236 x-transition:leave-start="opacity-100 translate-y-0" 1237 x-transition:leave-end="opacity-0 translate-y-1" 1238 > 1239 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 1240 <div class="h-3 w-3 rotate-45 bg-white"></div> 1241 </div> 1242 1243 <div class="w-44 shrink rounded-xl bg-white text-sm/6 text-gray-700 shadow-lg ring-1 ring-gray-900/5 p-2 "> 1244 1245 <a href="https://my.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza</a> 1246 1247 <a href="https://app.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza Classic</a> 1248 1249 </div> 1250 </div> 1251 1252</div> 1253 1254<div x-data="{ open: false }" class="relative"> 1255 1256 1257 <a 1258 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 1259 href="https://my.quenza.com/register" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 bg-purple-500 text-white text-whiteshadow-sm hover:bg-purple-600" 1260 > 1261 <span class="whitespace-nowrap">Get Started</span> 1262 </a> 1263 1264 1265 1266</div> 1267 1268 1269 </div> 1270 1271 <!-- Mobile/Tablet: hamburger, with the CTAs shown to its left on tablet --> 1272 <div class="flex xl:hidden ml-auto relative z-10 items-center gap-x-3"> 1273 <div class="hidden md:flex items-center gap-x-3"> 1274 1275<div x-data="{ open: false }" class="relative"> 1276 1277 1278 <a 1279 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 1280 href="#" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 text-purple-800 hover:text-purple-600" 1281 @click.prevent="open = !open" 1282 @click.outside="open = false" 1283 > 1284 <span class="whitespace-nowrap">Sign In</span> 1285 <span> 1286 <svg :class="{ 'rotate-180': open }" class="size-5 transition-all duration-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 1287 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 1288 </svg> 1289 </span> 1290 </a> 1291 1292 1293 1294 <div 1295 x-cloak 1296 x-show="open" 1297 class="absolute left-1/2 z-10 top-14 flex w-screen max-w-min -translate-x-1/2" 1298 x-transition:enter="transition ease-out duration-200" 1299 x-transition:enter-start="opacity-0 translate-y-1" 1300 x-transition:enter-end="opacity-100 translate-y-0" 1301 x-transition:leave="transition ease-in duration-150" 1302 x-transition:leave-start="opacity-100 translate-y-0" 1303 x-transition:leave-end="opacity-0 translate-y-1" 1304 > 1305 <div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1.5"> 1306 <div class="h-3 w-3 rotate-45 bg-white"></div> 1307 </div> 1308 1309 <div class="w-44 shrink rounded-xl bg-white text-sm/6 text-gray-700 shadow-lg ring-1 ring-gray-900/5 p-2 "> 1310 1311 <a href="https://my.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza</a> 1312 1313 <a href="https://app.quenza.com" class="block px-3 py-1.5 font-medium rounded-lg hover:text-purple-500 hover:bg-purple-50">Quenza Classic</a> 1314 1315 </div> 1316 </div> 1317 1318</div> 1319 1320<div x-data="{ open: false }" class="relative"> 1321 1322 1323 <a 1324 :class="{ 'hidden': true, 'max-lg:py-1.5': scrolled }" 1325 href="https://my.quenza.com/register" class="px-3.5 py-2.5 md:flex gap-x-1 items-center text-sm font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 rounded-full transition-all duration-300 bg-purple-500 text-white text-whiteshadow-sm hover:bg-purple-600" 1326 >
1327 <span class="whitespace-nowrap">Get Started</span> 1328 </a> 1329 1330 1331 1332</div> 1333 1334 1335 </div> 1336 <button x-show="mobileMenuIsOpen === false" @click="mobileMenuIsOpen = true" type="button" class="inline-flex items-center justify-center rounded-full p-2.5 text-gray-700"> 1337 <span class="sr-only">Open main menu</span> 1338 <svg class="size-6 text-gray-900" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1339 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 1340 </svg> 1341 </button> 1342 <button x-show="mobileMenuIsOpen === true" @click="mobileMenuIsOpen = ! mobileMenuIsOpen" type="button" class="inline-flex items-center justify-center rounded-full p-2.5 text-gray-900"> 1343 <span class="sr-only">Close menu</span> 1344 <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 1345 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 1346 </svg> 1347 </button> 1348 </div> 1349 </div> 1350</header> 1351 1352 <main class="min-h-screen"> 1353 <div class="flex flex-col gap-y-4"> 1354 1355 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 " 1356> 1357 <div class="text-center max-w-2xl lg:max-w-3xl mx-auto w-full"> 1358 1359 1360 1361 1362 <p 1363 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 1364 text-gray-900" 1365 > 1366 The platform to automate your practice and grow your business. 1367 </p> 1368 1369 1370 1371 <p 1372 class="mt-6 text-lg/8 1373 text-gray-600" 1374 > 1375 Deliver personalized exercises, reflections, and progress tracking automatically through a secure platform. 1376 </p> 1377 1378</div> 1379 1380 1381 1382 1383 <div class="max-w-2xl lg:max-w-3xl mx-auto w-full px-6 lg:px-8"> 1384 <div class=" justify-center flex space-x-4"> 1385 1386 <div class="flex flex-col gap-y-1.5"> 1387 1388<a href="https://my.quenza.com/register" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 1389 bg-purple-500 text-white text-whiteshadow-sm hover:bg-purple-600 " 1390 1391> 1392 Try Free for 30 Days 1393</a> 1394 1395 1396 <span class="text-sm text-gray-500">No credit card required.</span> 1397 1398 </div> 1399 1400 <div class="flex flex-col gap-y-1.5"> 1401 1402<a href="/quenza-demo" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 1403 bg-purple-100 text-purple-500 hover:bg-purple-200 " 1404 1405> 1406 Watch Demo 1407</a> 1408 1409 1410 </div> 1411 1412 </div> 1413 </div> 1414 1415 1416 <div class="w-full max-w-2xl lg:max-w-3xl mx-auto flex items-center justify-items-center flex-wrap justify-center px-4 gap-x-6 gap-y-4"> 1417 1418 <img src="/img/asset/aW1hZ2VzL3JhdGluZ19jYXB0ZXJyYS5wbmc/rating_capterra.png?w=250&s=280bfa7521b2d7b212559d9d8144970e" alt="" class="max-w-24" /> 1419 1420 <img src="/img/asset/aW1hZ2VzL3JhdGluZ19nMi5wbmc/rating_g2.png?w=250&s=439820aa1cc4c4c0aa03b6776bd8d260" alt="" class="max-w-24" /> 1421 1422 <img src="/img/asset/aW1hZ2VzL3JhdGluZ19nZXRhcHAucG5n/rating_getapp.png?w=250&s=336f2d24d560f84c9b74067906c429ea" alt="" class="max-w-24" /> 1423 1424 <img src="/" alt="" class="max-w-24" /> 1425 1426 <img src="/" alt="" class="max-w-24" /> 1427 1428</div> 1429 1430 1431 <div class="mt-6 max-w-3xl mx-auto w-full"> 1432 1433 <div 1434 id="vimeo-player-1105490741" 1435 class="w-full rounded-lg overflow-hidden" 1436 ></div> 1437 1438</div> 1439
1440<script type="module"> 1441 const { trackEvent } = window.plausible 1442 1443 const container = document.getElementById('vimeo-player-1105490741'); 1444 1445 const player = new window.VimeoPlayer(container, { 1446 url: 'https://vimeo.com/1105490741', 1447 responsive: true 1448 }); 1449 1450 player.on('play', function(data) { 1451 trackEvent('played_video', { props: { vimeo_id: '1105490741', source: 'website' } }) 1452 }); 1453 1454 player.on('ended', function(data) { 1455 trackEvent('completed_video', { props: { vimeo_id: '1105490741', source: 'website' } }) 1456 }); 1457</script>
1457 1458</div> 1459 1460 1461 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 bg-white" 1462> 1463 <div class="text-center max-w-2xl lg:max-w-3xl mx-auto w-full"> 1464 1465 1466 <div class="mb-6 rounded-full py-1 px-2 inline-block ring-1 ring-[#DFE1E6] 1467 border-gray-300 bg-white" 1468 > 1469 <div class="flex items-center space-x-1"> 1470 <div><svg class="w-3 h-3 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.50024 17.5V15.5M11.5002 17.5V14.5M16.5002 17.5V12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 2C20.1046 2 21 2.89543 21 4V19C21 20.1046 20.1046 21 19 21H4C2.89543 21 2 20.1046 2 19V4C2 2.89543 2.89543 2 4 2H19Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M14.5002 5.5H17.5002V8.5M5.50024 11.5C12.5002 11.5 17.0002 6 17.0002 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 1471 <span class="text-xs font-light 1472 text-gray-500" 1473 > 1474 Benefits 1475 </span> 1476 </div> 1477 </div> 1478 1479 1480 1481 <p 1482 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 1483 text-gray-900" 1484 > 1485 How It Works. 1486 </p> 1487 1488 1489 1490 <p 1491 class="mt-6 text-lg/8 1492 text-gray-600" 1493 > 1494 Extend your impact beyond sessions with personalized activities, secure communication, and automated programs. 1495 </p> 1496 1497</div> 1498 1499 1500 1501 <div class="mx-auto max-w-2xl lg:max-w-7xl px-0 lg:px-8"> 1502 1503 1504 1505 <div class="grid grid-cols-1 gap-4 md:grid-cols-3 "> 1506 1507 1508 1509 <div class="relative"> 1510 <div class="absolute inset-px rounded-lg 1511 rounded-t-3xl lg:rounded-tl-3xl md:rounded-tr-lg 1512 "> 1513 </div> 1514 <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] 1515 rounded-t-3xl lg:rounded-tl-3xl md:rounded-tr-lg"> 1516 <div class=" 1517 bg-pampa-50"> 1518 1519 <img class="object-contain mx-auto" src="/img/asset/aW1hZ2VzL2JlbnRvLWdyaWRzL2ZlYXR1cmUtdmlkZW8tcGxheWVyLnBuZw/feature-video-player.png?w=1200&s=bdd3d6b30d8765b04c8310a3d1f1d759" alt="" /> 1520 1521 </div> 1522 <div class="p-4 lg:p-10 pt-4 h-full 1523 bg-white"> 1524 <h3 class="mt-2 text-2xl font-semibold tracking-tight text-primary-800">Send Exercises Clients Complete on Their Own Time.</h3> 1525 <div class="mt-2 text-gray-600"><p>Choose from 200+ ready-made exercises or create your own, then schedule automated delivery.</p></div> 1526 </div> 1527 </div> 1528 <div class="pointer-events-none absolute inset-px rounded-lg shadow ring-1 ring-black/5 1529 max-md:rounded-t-3xl md:rounded-tl-3xl md:rounded-tr-lg"> 1530 </div> 1531 </div> 1532 1533 1534 <div class="relative"> 1535 <div class="absolute inset-px rounded-lg 1536 1537 "> 1538 </div> 1539 <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] 1540 "> 1541 <div class=" 1542 bg-pampa-50"> 1543 1544 <img class="object-contain mx-auto" src="/img/asset/aW1hZ2VzL2JlbnRvLWdyaWRzL2ZlYXR1cmUtdGFza3MucG5n/feature-tasks.png?w=1200&s=2d143052a79d4f9c7d4688b80321d97c" alt="" /> 1545 1546 </div> 1547 <div class="p-4 lg:p-10 pt-4 h-full 1548 bg-white"> 1549 <h3 class="mt-2 text-2xl font-semibold tracking-tight text-primary-800">Track What Clients Complete.</h3> 1550 <div class="mt-2 text-gray-600"><p>See real-time completion status for every activity. Know exactly which clients need support and which are making progress.</p></div> 1551 </div> 1552 </div> 1553 <div class="pointer-events-none absolute inset-px rounded-lg shadow ring-1 ring-black/5 1554 "> 1555 </div> 1556 </div> 1557 1558 1559 <div class="relative"> 1560 <div class="absolute inset-px rounded-lg 1561 md:rounded-tr-3xl 1562 "> 1563 </div> 1564 <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] 1565 md:rounded-tr-3xl"> 1566 <div class=" 1567 bg-pampa-50"> 1568 1569 <img class="object-contain mx-auto" src="/img/asset/aW1hZ2VzL2JlbnRvLWdyaWRzL2ZlYXR1cmUtY29tbXVuaWNhdGUucG5n/feature-communicate.png?w=1200&s=bfa7fc98d5d92920095113f1bc4b744d" alt="" /> 1570 1571 </div> 1572 <div class="p-4 lg:p-10 pt-4 h-full 1573 bg-white"> 1574 <h3 class="mt-2 text-2xl font-semibold tracking-tight text-primary-800">Message Clients Securely Between Sessions.</h3> 1575 <div class="mt-2 text-gray-600"><p>Provide feedback on completed exercises, answer questions when clients need support, and maintain continuous contact.</p></div> 1576 </div> 1577 </div> 1578 <div class="pointer-events-none absolute inset-px rounded-lg shadow ring-1 ring-black/5 1579 md:rounded-tr-3xl"> 1580 </div> 1581 </div> 1582 1583 1584 </div> 1585 1586 1587 <div class="grid grid-cols-1 gap-4 md:grid-cols-2 mt-4"> 1588 1589 1590 1591 <div class="relative"> 1592 <div class="absolute inset-px rounded-lg 1593 md:rounded-bl-3xl 1594 "> 1595 </div> 1596 <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] 1597 md:rounded-bl-3xl"> 1598 <div class=" 1599 bg-pampa-50"> 1600 1601 <img class="object-contain mx-auto" src="/img/asset/aW1hZ2VzL2JlbnRvLWdyaWRzL2NsaWVudC1ndWlkZWxpbmVzLXByb2dyYW1zLnBuZw/client-guidelines-programs.png?w=1200&s=d865d7f100d7f1cc41e6f08edb419381" alt="" /> 1602 1603 </div> 1604 <div class="p-4 lg:p-10 pt-4 h-full 1605 bg-white"> 1606 <h3 class="mt-2 text-2xl font-semibold tracking-tight text-primary-800">Automate Multi-Week Client Programs.</h3> 1607 <div class="mt-2 text-gray-600"><p>Create sequences of activities that deliver automatically over days or weeks. Set it up once and clients progress through structured programs at the right pace without manual work from you.</p></div> 1608 </div> 1609 </div> 1610 <div class="pointer-events-none absolute inset-px rounded-lg shadow ring-1 ring-black/5 1611 md:rounded-bl-3xl"> 1612 </div> 1613 </div> 1614 1615 1616 <div class="relative"> 1617 <div class="absolute inset-px rounded-lg 1618 max-md:rounded-b-3xl md:rounded-br-3xl 1619 "> 1620 </div> 1621 <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] 1622 max-md:rounded-b-3xl md:rounded-br-3xl"> 1623 <div class=" 1624 bg-pampa-50"> 1625 1626 <img class="object-contain mx-auto" src="/img/asset/aW1hZ2VzL2JlbnRvLWdyaWRzL2NsaWVudC1ndWlkZWxpbmVzLW5vdGVzLnBuZw/client-guidelines-notes.png?w=1200&s=1b6f35e7362959ce2ec03bf144dafcd7" alt="" /> 1627 1628 </div> 1629 <div class="p-4 lg:p-10 pt-4 h-full 1630 bg-white"> 1631 <h3 class="mt-2 text-2xl font-semibold tracking-tight text-primary-800">Share Insights Between Sessions.</h3> 1632 <div class="mt-2 text-gray-600"><p>Exchange notes in a secure space, allowing both you and your clients to document and share important insights when they matter most.</p></div> 1633 </div> 1634 </div> 1635 <div class="pointer-events-none absolute inset-px rounded-lg shadow ring-1 ring-black/5 1636 max-md:rounded-b-3xl md:rounded-br-3xl"> 1637 </div> 1638 </div> 1639 1640 1641 </div> 1642 1643 1644</div> 1645</div> 1646 1647 1648 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 " 1649> 1650 <div class="text-center max-w-2xl lg:max-w-3xl mx-auto w-full"> 1651 1652 1653 <div class="mb-6 rounded-full py-1 px-2 inline-block ring-1 ring-[#DFE1E6] 1654 border-gray-300 bg-white" 1655 > 1656 <div class="flex items-center space-x-1"> 1657 <div><svg class="w-3 h-3 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 11.5V19.1652C15 20.7308 13.6569 22 12 22C10.3431 22 9 20.7308 9 19.1652V11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
1657<path d="M12.0063 18.999L12 19.0054" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7678 12.7322L17.2322 9.26777C18.2085 8.29146 18.2085 6.70854 17.2322 5.73223L13.5 2V6.5C13.5 7.32843 12.8284 8 12 8C11.1716 8 10.5 7.32843 10.5 6.5V2L6.76777 5.73223C5.79146 6.70854 5.79145 8.29145 6.76777 9.26777L10.2322 12.7322C11.2085 13.7085 12.7915 13.7085 13.7678 12.7322Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></div> 1658 <span class="text-xs font-light 1659 text-gray-500" 1660 > 1661 Features 1662 </span> 1663 </div> 1664 </div> 1665 1666 1667 1668 <p 1669 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 1670 text-gray-900" 1671 > 1672 Everything You Need in One Platform. 1673 </p> 1674 1675 1676 1677 <p 1678 class="mt-6 text-lg/8 1679 text-gray-600" 1680 > 1681 No more juggling email, spreadsheets, and documents. Create activities, track progress, and communicate with clients in one secure platform. 1682 </p> 1683 1684</div> 1685 1686 1687 1688
1688<script> 1689 window.carousel = function () { 1690 return { 1691 activeIndex: 0, 1692 1693 init() { 1694 new Splide(this.$refs.splide, { 1695 perPage: 8, 1696 rewind: true, 1697 pagination: false, 1698 gap: '0.5rem', 1699 arrows: false, 1700 breakpoints: { 1701 640: { 1702 perPage: 4, 1703 arrows: true 1704 }, 1705 } 1706 }).mount() 1707 }, 1708 } 1709 }; 1710</script>
1710 1711 1712<div x-cloak x-data="carousel()" class="w-full mx-auto max-w-4xl mt-16 sm:mt-20 lg:mt-24 flex flex-col gap-y-12"> 1713 <div class="mx-auto w-full max-w-2xl lg:max-w-3xl"> 1714 <div x-ref="splide" class="splide carousel"> 1715 <div class="splide__arrows"> 1716 <button class="splide__arrow splide__arrow--prev !bg-purple-500 text-white"> 1717 ← 1718 </button> 1719 <button class="splide__arrow splide__arrow--next !bg-purple-500 text-white"> 1720 → 1721 </button> 1722 </div> 1723 <div class="splide__track"> 1724 <div class="splide__list"> 1725 1726 <div 1727 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1728 @click="activeIndex = 0" 1729 > 1730 <div 1731 class="flex size-16 items-center justify-center rounded-lg" 1732 :class="{ 'bg-purple-700': activeIndex === 0 }" 1733 > 1734 <div class="size-10"> 1735 <div x-show="activeIndex === 0"> 1736 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1737 <path style="fill:none;stroke:#fff;stroke-linejoin:round;" d="M14.074 3.885c.745-.807 1.118-1.21 1.513-1.446a3.106 3.106 0 0 1 3.103-.047c.403.224.787.616 1.555 1.4.768.785 1.152 1.178 1.37 1.589.529.992.512 2.194-.045 3.17-.23.404-.625.785-1.416 1.546l-9.403 9.057c-1.498 1.443-2.247 2.164-3.183 2.53-.936.365-1.965.338-4.023.285l-.28-.008c-.626-.016-.94-.024-1.121-.231-.183-.207-.158-.526-.108-1.164l.027-.346c.14-1.796.21-2.694.56-3.502.351-.807.956-1.463 2.166-2.774l9.285-10.059ZM13.379 4.185 20 10.742"/> 1738 <path d="M14 22h8" style="stroke-linecap:round;fill:none;stroke:#fff;stroke-linejoin:round"/> 1739</svg> 1740 1741 </div> 1742 <div x-show="activeIndex !== 0"> 1743 <?xml version="1.0" encoding="UTF-8"?> 1744<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1745 <path d="M3.265,21.961l.28.007c2.058.054,3.087.081,4.023-.285.936-.365,1.685-1.087,3.183-2.529h0l8.904-8.576-6.155-6.078L4.789,13.944c-1.21,1.311-1.815,1.966-2.166,2.774-.351.807-.421,1.705-.561,3.501l-.027.347c-.05.638-.075.957.108,1.164.182.207.495.215,1.122.231Z" style="fill: #dddcef;"/> 1746 <path d="M20.245,3.793h0c-.768-.785-1.152-1.177-1.555-1.4-.971-.539-2.148-.522-3.103.047-.396.235-.769.639-1.514,1.447h0l-.574.615,6.155,6.078.499-.481c.79-.761,1.185-1.142,1.416-1.546.556-.976.573-2.178.046-3.17-.219-.411-.603-.804-1.371-1.588Z" style="fill: #fff;"/> 1747 <path d="M14.074,3.885c.745-.807,1.118-1.211,1.514-1.447.955-.568,2.132-.586,3.103-.047.403.223.787.616,1.555,1.4.768.785,1.152,1.177,1.371,1.588.528.992.511,2.194-.046,3.17-.23.404-.626.785-1.416,1.546l-9.404,9.057c-1.498,1.443-2.247,2.164-3.183,2.529-.936.366-1.965.339-4.023.285l-.28-.007c-.626-.016-.94-.025-1.122-.231-.182-.207-.157-.526-.108-1.164l.027-.347c.14-1.796.21-2.694.561-3.501.351-.807.956-1.463,2.166-2.774L14.074,3.885Z" style="fill: none; stroke: #726eba; stroke-linejoin: round;"/> 1748 <path d="M13.379,4.185l6.621,6.556" style="fill: none; stroke: #726eba; stroke-linejoin: round;"/> 1749 <path d="M14,22h8" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1750</svg> 1751 1752 </div> 1753 </div> 1754 </div> 1755 <div class="font-normal text-sm">Activities</div> 1756 </div> 1757 1758 <div 1759 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1760 @click="activeIndex = 1" 1761 > 1762 <div 1763 class="flex size-16 items-center justify-center rounded-lg" 1764 :class="{ 'bg-purple-700': activeIndex === 1 }" 1765 > 1766 <div class="size-10"> 1767 <div x-show="activeIndex === 1"> 1768 <?xml version="1.0" encoding="UTF-8"?> 1769<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1770 <path d="M2,7c0-1.4,0-2.1.27-2.63.24-.47.62-.85,1.09-1.09.53-.27,1.23-.27,2.63-.27s2.1,0,2.63.27c.47.24.85.62,1.09,1.09.27.53.27,1.23.27,2.63v10c0,1.4,0,2.1-.27,2.64-.24.47-.62.85-1.09,1.09-.53.27-1.23.27-2.63.27s-2.1,0-2.63-.27c-.47-.24-.85-.62-1.09-1.09-.27-.53-.27-1.23-.27-2.64,0,0,0-10,0-10Z" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1771 <path d="M6,17h0" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1772 <path d="M2,7h8" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1773 <path d="M11.45,8.27c-.35-1.33-.53-2-.41-2.57.11-.51.37-.97.76-1.32.44-.39,1.1-.57,2.42-.93,1.32-.36,1.99-.53,2.56-.41.51.11.96.37,1.31.76.39.44.57,1.1.93,2.43l2.53,9.5c.35,1.33.53,2,.41,2.57-.11.51-.37.97-.76,
17731.32-.44.39-1.1.57-2.42.93s-1.99.53-2.56.41c-.51-.11-.96-.37-1.31-.76-.39-.44-.57-1.1-.93-2.43,0,0-2.53-9.5-2.53-9.5Z" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1774 <path d="M17.78,16.7h0" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1775 <path d="M12,8l6.5-2" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1776</svg> 1777 1778 </div> 1779 <div x-show="activeIndex !== 1"> 1780 <?xml version="1.0" encoding="UTF-8"?> 1781<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1782 <path d="M10,17V7H2v10c0,1.4,0,2.1.27,2.64.24.47.62.85,1.09,1.09.53.27,1.23.27,2.63.27s2.1,0,2.63-.27c.47-.24.85-.62,1.09-1.09.27-.53.27-1.23.27-2.64h.02Z" style="fill: #dddcef;"/> 1783 <path d="M21.55,15.73l-2.53-9.5-.06-.23-7.51,2.27,2.53,9.5c.35,1.33.53,1.99.93,2.43.35.39.8.65,1.31.76.57.12,1.24-.06,2.56-.41,1.32-.36,1.99-.53,2.42-.93.38-.35.65-.81.76-1.32.12-.58-.06-1.24-.41-2.57h0Z" style="fill: #dddcef;"/> 1784 <path d="M16.78,3.04c-.57-.12-1.24.06-2.56.41h0c-1.32.36-1.99.53-2.42.93-.38.35-.65.81-.76,1.32-.12.58.06,1.24.41,2.57l7.51-2.27c-.31-1.18-.49-1.79-.86-2.2-.35-.39-.8-.65-1.31-.76h-.01Z" style="fill: #fff;"/> 1785 <path d="M2,7c0-1.4,0-2.1.27-2.63.24-.47.62-.85,1.09-1.09.53-.27,1.23-.27,2.63-.27s2.1,0,2.63.27c.47.24.85.62,1.09,1.09.27.53.27,1.23.27,2.63v10c0,1.4,0,2.1-.27,2.64-.24.47-.62.85-1.09,1.09-.53.27-1.23.27-2.63.27s-2.1,0-2.63-.27c-.47-.24-.85-.62-1.09-1.09-.27-.53-.27-1.23-.27-2.64,0,0,0-10,0-10Z" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1786 <path d="M8.63,3.27c-.53-.27-1.23-.27-2.63-.27s-2.1,0-2.63.27c-.47.24-.85.62-1.09,1.09-.27.53-.27,1.23-.27,2.63h8c0-1.4,0-2.1-.27-2.63-.24-.47-.62-.85-1.09-1.09h-.02Z" style="fill: #fff; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1787 <path d="M6,17h0" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1788 <path d="M2,7h8" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1789 <path d="M11.45,8.27c-.35-1.33-.53-2-.41-2.57.11-.51.37-.97.76-1.32.44-.39,1.1-.57,2.42-.93,1.32-.36,1.99-.53,2.56-.41.51.11.96.37,1.31.76.39.44.57,1.1.93,2.43l2.53,9.5c.35,1.33.53,2,.41,2.57-.11.51-.37.97-.76,1.32-.44.39-1.1.57-2.42.93s-1.99.53-2.56.41c-.51-.11-.96-.37-1.31-.76-.39-.44-.57-1.1-.93-2.43,0,0-2.53-9.5-2.53-9.5Z" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1790 <path d="M17.78,16.7h0" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1791 <path d="M12,8l6.5-2" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1792</svg> 1793 1794 </div> 1795 </div> 1796 </div> 1797 <div class="font-normal text-sm">Library</div> 1798 </div> 1799 1800 <div 1801 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1802 @click="activeIndex = 2" 1803 > 1804 <div 1805 class="flex size-16 items-center justify-center rounded-lg" 1806 :class="{ 'bg-purple-700': activeIndex === 2 }" 1807 > 1808 <div class="size-10"> 1809 <div x-show="activeIndex === 2"> 1810 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1811 <path d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5s6.718 0 8.109 1.391S21.5 7.521 21.5 12s0 6.718-1.391 8.109S16.478 21.5 12 21.5s-6.718 0-8.109-1.391S2.5 16.478 2.5 12Z" style="fill:none;stroke:#fff"/> 1812 <path d="m8 12.5 2.5 2.5L16 9" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round"/> 1813</svg> 1814 1815 </div> 1816 <div x-show="activeIndex !== 2"> 1817 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1818 <path d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5s6.718 0 8.109 1.391S21.5 7.521 21.5 12s0 6.718-1.391 8.109S16.478 21.5 12 21.5s-6.718 0-8.109-1.391S2.5 16.478 2.5 12Z" style="stroke:#726eba;fill:#dddcef;stroke-miterlimit:10"/> 1819 <path d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5s6.718 0 8.109 1.391S21.5 7.521 21.5 12s0 6.718-1.391 8.109S16.478 21.5 12 21.5s-6.718 0-8.109-1.391S2.5 16.478 2.5 12Z" style="fill:none;stroke:#726eba"/> 1820 <path d="m8 12.5 2.5 2.5L16 9" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#726eba"/> 1821</svg> 1822 1823 </div> 1824 </div> 1825 </div> 1826 <div class="font-normal text-sm">Tasks</div> 1827 </div> 1828 1829 <div 1830 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1831 @click="activeIndex = 3" 1832 > 1833 <div 1834 class="flex size-16 items-center justify-center rounded-lg" 1835 :class="{ 'bg-purple-700': activeIndex === 3 }" 1836 > 1837 <div class="size-10"> 1838 <div x-show="activeIndex === 3"> 1839 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1840 <path style="stroke-linejoin:round;fill:none;stroke:#fff;stroke-linecap:round;" d="M17 2v2m-5-2v2M7 2v2M3.5 10c0-3.3 0-4.95 1.025-5.975C5.55 3 7.2 3 10.5 3h3c3.3 0 4.95 0 5.975 1.025C20.5 5.05 20.5 6.7 20.5 10v5c0 3.3 0 4.95-1.025 5.975C18.45 22 16.8 22 13.5 22h-3c-3.3 0-4.95 0-5.975-1.025C3.5 19.95 3.5 18.3 3.5 15v-5Z"/> 1841 <path d="M8 15h4m-4-5h8" style="fill:none;stroke:#fff;stroke-linecap:round"/> 1842</svg> 1843 1844 </div> 1845 <div x-show="activeIndex !== 3"> 1846 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1847 <path d="M3.5 10c0-3.3 0-4.95 1.025-5.975C5.55 3 7.2 3 10.5 3h3c3.3 0 4.95 0 5.975 1.025C20.5 5.05 20.5 6.7 20.5 10v5c0 3.3 0 4.95-1.025 5.975C18.45 22 16.8 22 13.5 22h-3c-3.3 0-4.95 0-5.975-1.025C3.5 19.95 3.5 18.3 3.5 15v-5Z" style="fill:#dddcef"/> 1848 <path style="fill:none;stroke:#726eba;stroke-linecap:round;stroke-linejoin:round;" d="M17 2v2m-5-2v2M7 2v2M3.5 10c0-3.3 0-4.95 1.025-5.975C5.55 3 7.2 3 10.5 3h3c3.3 0 4.95 0 5.975 1.025C20.5 5.05 20.5 6.7 20.5 10v5c0 3.3 0 4.95-1.025 5.975C18.45 22 16.8 22 13.5 22h-3c-3.3 0-4.95 0-5.975-1.025C3.5 19.95 3.5 18.3 3.5 15v-5Z"/> 1849 <path d="M8 15h4m-4-5h8" style="fill:none;stroke:#726eba;stroke-linecap:round"/> 1850</svg> 1851 1852 </div> 1853 </div> 1854 </div> 1855 <div class="font-normal text-sm">Notes</div> 1856 </div> 1857 1858 <div 1859 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1860 @click="activeIndex = 4" 1861 > 1862 <div 1863 class="flex size-16 items-center justify-center rounded-lg" 1864 :class="{ 'bg-purple-700': activeIndex === 4 }" 1865 > 1866 <div class="size-10"> 1867 <div x-show="activeIndex === 4"> 1868 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1869 <path d="M11 16.5c0-2.056 0-3.084.442-3.85.29-.502.706-.918 1.208-1.208C13.416 11 14.444 11 16.5 11s3.084 0 3.85.442c.502.29.918.706 1.208 1.208.442.766.442 1.794.442 3.85s0 3.084-.442 3.85c-.29.502-.706.918-1.208 1.208-.766.442-1.794.442-3.85.442s-3.084 0-3.85-.442a3.301 3.301 0 0 1-1.208-1.208C11 19.584 11 18.556 11 16.5Z" style="fill:none;stroke:#fff"/> 1870 <path style="fill:none;stroke:#fff;stroke-linecap:round;" d="M8.513 15c-.487-.046-.847-.137-1.156-.316a2.715 2.715 0 0 1-.994-.994c-.364-.63-.364-1.476-.364-3.167s0-2.537.364-3.167c.238-.413.581-.755.994-.994.63-.364 1.476-.364 3.167-.364s2.537 0 3.167.364c.413.238.755.581.994.994.178.309.269.669.316 1.156M3.416 9c-.477-.145-.881-.503-1.128-.929C2 7.574 2 6.906 2 5.571s0-2.002.288-2.5c.189-.326.46-.596.787-.784C3.574 2 4.244 2 5.584 2s2.01 0 2.509.287c.401.231.748.601.906 1.041"/> 1871</svg> 1872 1873 </div> 1874 <div x-show="activeIndex !== 4"> 1875 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1876 <path style="fill:#fff;" d="M6 10.5c0-1.682 0-2.523.362-3.15.237-.41.578-.751.988-.988C7.977 6 8.818 6 10.5 6s2.524 0 3.15.362c.411.237.751.578.988.988C15 7.977 15 8.818 15 10.5s0 2.524-.362 3.15a2.698 2.698 0 0 1-.988.988C13.024 15 12.182 15 10.5 15s-2.523 0-3.15-.362a2.706 2.706 0 0 1-.988-.988C6 13.024 6 12.182 6 10.5Z"/> 1877 <path style="fill:#fff;" d="M2.288 8.071C2 7.574 2 6.906 2 5.571s0-2.002.288-2.5c.189-.326.46-.596.787-.784C3.574 2 4.244 2 5.584 2s2.01 0 2.509.287c.401.231.748.601.906 1.041V5c0 1.886 0 2.828-.586 3.414C7.827 9 6.884 9 4.999 9H3.415c-.477-.145-.881-.503-1.128-.929Z"/> 1878 <path d="M11 16.5c0-2.056 0-3.084.442-3.85.29-.502.706-.918 1.208-1.208C13.416 11 14.444 11 16.5 11s3.084 0 3.85.442c.502.29.918.706 1.208 1.208.442.766.442 1.794.442 3.85s0 3.084-.442 3.85c-.29.502-.706.918-1.208 1.208-.766.442-1.794.442-3.85.442s-3.084 0-3.85-.442a3.301 3.301 0 0 1-1.208-1.208C11 19.584 11 18.556 11 16.5Z" style="fill:#dddcef"/> 1879 <path d="M11 16.5c0-2.056 0-3.084.442-3.85.29-.502.706-.918 1.208-1.208C13.416 11 14.444 11 16.5 11s3.084 0 3.85.442c.502.29.918.706 1.208 1.208.442.766.442 1.794.442 3.85s0 3.084-.442 3.85c-.29.502-.706.918-1.208 1.208-.766.442-1.794.442-3.85.442s-3.084 0-3.85-.442a3.301 3.301 0 0 1-1.208-1.208C11 19.584 11 18.556 11 16.5Z" style="fill:none;stroke:#726eba"/> 1880 <path style="stroke-linecap:round;fill:none;stroke:#726eba;" d="M8.513 15c-.487-.046-.847-.137-1.156-.316a2.715 2.715 0 0 1-.994-.994c-.364-.63-.364-1.476-.364-3.167s0-2.537.364-3.167c.238-.413.581-.755.994-.994.63-.364 1.476-.364 3.167-.364s2.537 0 3.167.364c.413.238.755.581.994.994.178.309.269.669.316 1.156M3.416 9c-.477-.145-.881-.503-1.128-.929C2 7.574 2 6.906 2 5.571s0-2.002.288-2.5c.189-.326.46-.596.787-.784C3.574 2 4.244 2 5.584 2s2.01 0 2.509.287c.401.231.748.601.906 1.041"/> 1881</svg> 1882 1883 </div> 1884 </div> 1885 </div> 1886 <div class="font-normal text-sm">Programs</div> 1887 </div> 1888 1889 <div 1890 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1891 @click="activeIndex = 5" 1892 > 1893 <div 1894 class="flex size-16 items-center justify-center rounded-lg" 1895 :class="{ 'bg-purple-700': activeIndex === 5 }" 1896 > 1897 <div class="size-10"> 1898 <div x-show="activeIndex === 5"> 1899 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1900 <path d="M3.5,8.731c.276,0,.5-.224.5-.5v-2.769c0-1.633,1.346-2.961,3-2.961s3,1.329,3,2.961v3.808c0,.679-.561,1.231-1.25,1.231s-1.25-.552-1.25-1.231v-3.808c0-.276-.224-.5-.5-.5s-.5.224-.5.5v3.808c0,1.23,1.009,2.231,2.25,2.231s2.25-1.001,2.25-2.231v-3.808c0-2.185-1.794-3.961-4-3.961s-4,1.777-4,3.961v2.769c0,.276.224.5.5.5Z" style="fill: #fff;"/> 1901 <path d="M21,9.273c0-3.182,0-4.779-.957-5.981-.272-.342-.595-.646-.958-.902-1.263-.889-2.95-.889-6.312-.889h-.272c-.276,0-.5.224-.5.5s.224.5.5.5h.272c3.151,0,4.733,0,5.736.707.285.201.539.439.752.707.739.93.739,2.41.739,5.359v2.545c0,.065,0,.12,0,.184,0,1.562-1.271,2.831-2.833,2.831-.18,0-.369-.009-.562-.018-.528-.024-1.126-.053-1.667.091-.745.2-1.332.787-1.532,1.533-.144.54-.116,1.139-.091,1.666.009.192.018.382.018.562,0,1.56-1.268,2.829-2.827,2.832-.266,0-.532,0-.824,0-1.74,0-2.613,0-3.251-.224-1.02-.358-1.82-1.11-2.198-2.063-.233-.587-.233-1.403-.233-3.031v-4.182c0-.276-.224-.5-.5-.5s-.5.224-.5.5v4.182c0,1.755,0,2.636.303,3.4.484,1.222,1.503,2.183,2.796,2.638.799.28,1.729.28,3.583.28.289,0,.5
190151,0,.815,0,.001,0,.002,0,.003,0,.002,0,.004,0,.007,0,2.654-.004,4.105-.042,5.321-.469,2.159-.759,3.861-2.362,4.669-4.399.493-1.245.503-2.734.504-5.629,0,0,0-.001,0-.002,0,0,0,0,0,0,0-.063,0-.117,0-.181v-2.545ZM19.566,17.262c-.701,1.769-2.185,3.162-4.071,3.825-.626.22-1.368.321-2.383.369.747-.7,1.221-1.687,1.221-2.789,0-.195-.01-.399-.02-.608-.021-.478-.045-.971.06-1.36.107-.401.424-.718.824-.825.391-.105.883-.081,1.361-.06.209.01.413.02.608.02,1.112,0,2.106-.484,2.807-1.243-.04,1.191-.142,2-.408,2.672Z" style="fill: #fff;"/> 1902</svg> 1903 1904 </div> 1905 <div x-show="activeIndex !== 5"> 1906 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1907 <path d="M12.773,2h-3.273c-2.828,0-4.243,0-5.121.879-.879.879-.879,2.293-.879,5.121v8.182c0,1.693,0,2.54.268,3.216.431,1.087,1.342,1.944,2.497,2.35.718.252,1.618.252,3.417.252,3.148,0,4.723,0,5.98-.441,2.021-.709,3.616-2.21,4.369-4.112.469-1.183.469-2.665.469-5.628v-2.545c0-3.069,0-4.604-.848-5.67-.243-.305-.531-.576-.855-.805-1.132-.798-2.763-.798-6.024-.798Z" style="fill: #dddcef;"/> 1908 <path d="M17.167,15.333c1.841,0,3.333-1.492,3.333-3.333.444,2,.4,6.6-3.333,9-.556.333-2.667,1-6.667,1,1.841,0,3.333-1.492,3.333-3.333,0-.666-.117-1.451.057-2.098.154-.575.603-1.024,1.179-1.179.647-.173,1.432-.057,2.098-.057Z" style="fill: #fff;"/> 1909 <g> 1910 <path d="M3.5,8.731c.276,0,.5-.224.5-.5v-2.769c0-1.633,1.346-2.961,3-2.961s3,1.329,3,2.961v3.808c0,.679-.561,1.231-1.25,1.231s-1.25-.552-1.25-1.231v-3.808c0-.276-.224-.5-.5-.5s-.5.224-.5.5v3.808c0,1.23,1.009,2.231,2.25,2.231s2.25-1.001,2.25-2.231v-3.808c0-2.185-1.794-3.961-4-3.961s-4,1.777-4,3.961v2.769c0,.276.224.5.5.5Z" style="fill: #726eba;"/> 1911 <path d="M21,9.273c0-3.182,0-4.779-.957-5.981-.272-.342-.595-.646-.958-.902-1.263-.889-2.95-.889-6.312-.889h-.272c-.276,0-.5.224-.5.5s.224.5.5.5h.272c3.151,0,4.733,0,5.736.707.285.201.539.439.752.707.739.93.739,2.41.739,5.359v2.545c0,.065,0,.12,0,.184,0,1.562-1.271,2.831-2.833,2.831-.18,0-.369-.009-.562-.018-.528-.024-1.126-.053-1.667.091-.745.2-1.332.787-1.532,1.533-.144.54-.116,1.139-.091,1.666.009.192.018.382.018.562,0,1.56-1.268,2.829-2.827,2.832-.266,0-.532,0-.824,0-1.74,0-2.613,0-3.251-.224-1.02-.358-1.82-1.11-2.198-2.063-.233-.587-.233-1.403-.233-3.031v-4.182c0-.276-.224-.5-.5-.5s-.5.224-.5.5v4.182c0,1.755,0,2.636.303,3.4.484,1.222,1.503,2.183,2.796,2.638.799.28,1.729.28,3.583.28.289,0,.551,0,.815,0,.001,0,.002,0,.003,0,.002,0,.004,0,.007,0,2.654-.004,4.105-.042,5.321-.469,2.159-.759,3.861-2.362,4.669-4.399.493-1.245.503-2.734.504-5.629,0,0,0-.001,0-.002,0,0,0,0,0,0,0-.063,0-.117,0-.181v-2.545ZM19.566,17.262c-.701,1.769-2.185,3.162-4.071,3.825-.626.22-1.368.321-2.383.369.747-.7,1.221-1.687,1.221-2.789,0-.195-.01-.399-.02-.608-.021-.478-.045-.971.06-1.36.107-.401.424-.718.824-.825.391-.105.883-.081,1.361-.06.209.01.413.02.608.02,1.112,0,2.106-.484,2.807-1.243-.04,1.191-.142,2-.408,2.672Z" style="fill: #726eba;"/> 1912 </g> 1913</svg> 1914 1915 </div> 1916 </div> 1917 </div> 1918 <div class="font-normal text-sm">File Sharing</div> 1919 </div> 1920 1921 <div 1922 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1923 @click="activeIndex = 6" 1924 > 1925 <div 1926 class="flex size-16 items-center justify-center rounded-lg" 1927 :class="{ 'bg-purple-700': activeIndex === 6 }" 1928 > 1929 <div class="size-10"> 1930 <div x-show="activeIndex === 6"> 1931 <?xml version="1.0" encoding="UTF-8"?> 1932<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1933 <path d="M14,2h-4c-3.279,0-4.919,0-6.081.814-.43.301-.804.675-1.105,1.105-.814,1.162-.814,2.802-.814,6.081s0,4.919.814,6.081c.301.43.675.804,1.105,1.105,1.162.814,2.802.814,6.081.814h4c3.279,0,4.919,0,6.081-.814.43-.301.804-.675,1.105-1.105.814-1.162.814-2.802.814-6.081s0-4.919-.814-6.081c-.301-.43-.675-.804-1.105-1.105-1.162-.814-2.802-.814-6.081-.814Z" style="fill: none; stroke: #fff; stroke-linecap: round;"/> 1934 <path d="M11,15h2" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;"/> 1935 <path d="M14.5,22l-.316-.419c-.711-.944-.888-2.387-.438-3.581M9.5,22l.316-.419c.711-.944.888-2.387.438-3.581" style="fill: none; stroke: #fff; stroke-linecap: round;"/> 1936 <path d="M7,22h10" style="fill: none; stroke: #fff; stroke-linecap: round;"/> 1937</svg> 1938 1939 </div> 1940 <div x-show="activeIndex !== 6"> 1941 <?xml version="1.0" encoding="UTF-8"?> 1942<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"> 1943 <path d="M14,2h-4c-3.279,0-4.919,0-6.081.814-.43.301-.804.675-1.105,1.105-.814,1.162-.814,2.802-.814,6.081s0,4.919.814,6.081c.301.43.675.804,1.105,1.105,1.162.814,2.802.814,6.081.814h4c3.279,0,4.919,0,6.081-.814.43-.301.804-.675,1.105-1.105.814-1.162.814-2.802.814-6.081s0-4.919-.814-6.081c-.301-.43-.675-.804-1.105-1.105-1.162-.814-2.802-.814-6.081-.814Z" style="fill: #dddcef; stroke: #726eba; stroke-miterlimit: 10;"/> 1944 <path d="M14.5,22.002l-.316-.419c-.632-.84-.842-2.074-.564-3.177h-3.241c.278,1.103.068,2.337-.564,3.177l-.316.419h5Z" style="fill: #fff;"/> 1945 <path d="M14,2h-4c-3.279,0-4.919,0-6.081.814-.43.301-.804.675-1.105,1.105-.814,1.162-.814,2.802-.814,6.081s0,4.919.814,6.081c.301.43.675.804,1.105,1.105,1.162.814,2.802.814,6.081.814h4c3.279,0,4.919,0,6.081-.814.43-.301.804-.675,1.105-1.105.814-1.162.814-2.802.814-6.081s0-4.919-.814-6.081c-.301-.43-.675-.804-1.105-1.105-1.162-.814-2.802-.814-6.081-.814Z" style="fill: none; stroke: #726eba; stroke-linecap: round;"/> 1946 <path d="M11,15h2" style="fill: none; stroke: #726eba; stroke-linecap: round; stroke-linejoin: round;"/> 1947 <path d="M14.5,22l-.316-.419c-.711-.944-.888-2.387-.438-3.581M9.5,22l.316-.419c.711-.944.888-2.387.438-3.581" style="fill: none; stroke: #726eba; stroke-linecap: round;"/> 1948 <path d="M7,22h10" style="fill: none; stroke: #726eba; stroke-linecap: round;"/> 1949</svg> 1950 1951 </div> 1952 </div> 1953 </div> 1954 <div class="font-normal text-sm">Client Portal</div> 1955 </div> 1956 1957 <div 1958 class="splide__slide flex flex-col items-center gap-y-2 p-1 hover:cursor-pointer" 1959 @click="activeIndex = 7" 1960 > 1961 <div 1962 class="flex size-16 items-center justify-center rounded-lg" 1963 :class="{ 'bg-purple-700': activeIndex === 7 }" 1964 > 1965 <div class="size-10"> 1966 <div x-show="activeIndex === 7"> 1967 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1968 <path d="M22 11.567c0 5.283-4.478 9.567-10 9.567-.649 0-1.297-.059-1.935-.179-.459-.086-.689-.129-.849-.105-.16.024-.387.145-.842.387a6.502 6.502 0 0 1-4.224.657 5.291 5.291 0 0 0 1.087-2.348c.1-.53-.148-1.045-.519-1.422-1.686-1.712-2.719-4.018-2.719-6.556C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z" style="fill:none;stroke:#fff;stroke-linejoin:round"/> 1969 <path d="M11.995 12h.009m3.987 0H16m-8 0h.009" style="stroke-linecap:round;fill:none;stroke:#fff;stroke-linejoin:round"/> 1970</svg> 1971 1972 </div> 1973 <div x-show="activeIndex !== 7"> 1974 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1975 <path d="M22 11.567c0 5.283-4.478 9.567-10 9.567-.649 0-1.297-.059-1.935-.179-.459-.086-.689-.129-.849-.105-.16.024-.387.145-.842.387a6.502 6.502 0 0 1-4.224.657 5.291 5.291 0 0 0 1.087-2.348c.1-.53-.148-1.045-.519-1.422-1.686-1.712-2.719-4.018-2.719-6.556C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z" style="fill:#dddcef"/> 1976 <path d="M22 11.567c0 5.283-4.478 9.567-10 9.567-.649 0-1.297-.059-1.935-.179-.459-.086-.689-.129-.849-.105-.16.024-.387.145-.842.387a6.502 6.502 0 0 1-4.224.657 5.291 5.291 0 0 0 1.087-2.348c.1-.53-.148-1.045-.519-1.422-1.686-1.712-2.719-4.018-2.719-6.556C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z" style="fill:none;stroke:#726eba;stroke-linejoin:round"/> 1977 <path d="M11.995 12h.009m3.987 0H16m-8 0h.009" style="stroke-linecap:round;fill:none;stroke:#726eba;stroke-linejoin:round"/> 1978</svg> 1979 1980 </div> 1981 </div> 1982 </div> 1983 <div class="font-normal text-sm">Chat</div> 1984 </div> 1985 1986 </div> 1987 </div> 1988 </div> 1989 </div> 1990 1991 <div class="w-full mx-auto"> 1992 1993 <img 1994 class="rounded-3xl " 1995 x-bind:class="0 === activeIndex ? '' : 'hidden'" 1996 1997 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLWFjdGl2aXRpZXMtMi5wbmc/homepage-carousel-activities-2.png?w=1600&s=230897fa9aa9b44a4b03277c9fbbf3bc" 1998 alt="" 1999 /> 2000 2001 <img 2002 class="rounded-3xl " 2003 x-bind:class="1 === activeIndex ? '' : 'hidden'" 2004 2005 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLXByZS1tYWRlLnBuZw/homepage-carousel-pre-made.png?w=1600&s=593333e1645eba8eb15709ea23959c6f" 2006 alt="" 2007 /> 2008 2009 <img 2010 class="rounded-3xl " 2011 x-bind:class="2 === activeIndex ? '' : 'hidden'" 2012 2013 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLXRhc2tzLnBuZw/homepage-carousel-tasks.png?w=1600&s=0c231ace3876585eb42e9b3547253f8f" 2014 alt="" 2015 /> 2016 2017 <img 2018 class="rounded-3xl " 2019 x-bind:class="3 === activeIndex ? '' : 'hidden'" 2020 2021 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLW5vdGVzMi5wbmc/homepage-carousel-notes2.png?w=1600&s=3b53d67f48387f3c83c809ca1a219875" 2022 alt="" 2023 /> 2024 2025 <img 2026 class="rounded-3xl " 2027 x-bind:class="4 === activeIndex ? '' : 'hidden'" 2028 2029 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLXByb2dyYW1zLnBuZw/homepage-carousel-programs.png?w=1600&s=4a2bb498ae046a7049ac0aac5ab746ef" 2030 alt="" 2031 /> 2032 2033 <img 2034 class="rounded-3xl " 2035 x-bind:class="5 === activeIndex ? '' : 'hidden'" 2036 2037 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLWZpbGVzLnBuZw/homepage-carousel-files.png?w=1600&s=5a388891aa7835561876d6b60f2ce438" 2038 alt="" 2039 /> 2040 2041 <img 2042 class="rounded-3xl " 2043 x-bind:class="6 === activeIndex ? '' : 'hidden'" 2044 2045 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLWNsaWVudC1wb3J0YWwucG5n/homepage-carousel-client-portal.png?w=1600&s=0c856017b9a78876c741d07270547a61" 2046 alt="" 2047 /> 2048 2049 <img 2050 class="rounded-3xl " 2051 x-bind:class="7 === activeIndex ? '' : 'hidden'" 2052 2053 src="/img/asset/aW1hZ2VzL2Nhcm91c2VsL2hvbWVwYWdlLWNhcm91c2VsLWNoYXQucG5n/homepage-carousel-chat.png?w=1600&s=87ff8a9c6b65a7dec97ec94086babdb1" 2054 alt="" 2055 /> 2056 2057 </div> 2058</div> 2059</div> 2060 2061 2062 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 bg-white" 2063> 2064 <div class="text-center max-w-2xl lg:max-w-3xl mx-auto w-full"> 2065 2066 2067 <div class="mb-6 rounded-full py-1 px-2 inline-block ring-1 ring-[#DFE1E6] 2068 border-gray-300 bg-white" 2069 > 2070 <div class="flex items-center space-x-1"> 2071 <div><svg class="w-3 h-3 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.609 3.74829C11.98 3.02037 13.02 3.02037 13.391 3.74829L15.5785 8.0407C15.7237 8.32561 15.9964 8.5239 16.3122 8.5742L21.0671 9.33147C21.873 9.45983 22.1941 10.4474 21.61
207178 11.0252L18.2138 14.4383C17.9883 14.6644 17.8844 14.9846 17.9341 15.3001L18.6843 20.0635C18.8114 20.8702 17.9703 21.4808 17.2426 21.1102L12.9539 18.9254C12.6687 18.7801 12.3313 18.7801 12.0461 18.9254L7.75739 21.1102C7.02973 21.4808 6.18859 20.8702 6.31565 20.0635L7.06594 15.3001C7.11562 14.9846 7.01167 14.6644 6.78617 14.4383L3.38217 11.0252C2.8059 10.4474 3.12703 9.45983 3.93294 9.33147L8.68782 8.5742C9.00362 8.5239 9.27632 8.32561 9.42151 8.0407L11.609 3.74829Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></div> 2072 <span class="text-xs font-light 2073 text-gray-500" 2074 > 2075 Testimonials 2076 </span> 2077 </div> 2078 </div> 2079 2080 2081 2082 <p 2083 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 2084 text-gray-900" 2085 > 2086 Why Professionals Choose Quenza. 2087 </p> 2088 2089 2090 2091 <p 2092 class="mt-6 text-lg/8 2093 text-gray-600" 2094 > 2095 See how Quenza helps professionals support more clients without working more hours. 2096 </p> 2097 2098</div> 2099 2100 2101 2102 2103 <div class="max-w-2xl lg:max-w-3xl mx-auto w-full px-6 lg:px-8"> 2104 <div class=" justify-center flex space-x-4"> 2105 2106 <div class="flex flex-col gap-y-1.5"> 2107 2108<a href="https://my.quenza.com/register" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 2109 bg-purple-500 text-white text-whiteshadow-sm hover:bg-purple-600 " 2110 2111> 2112 Try Free for 30 Days 2113</a> 2114 2115 2116 </div> 2117 2118 <div class="flex flex-col gap-y-1.5"> 2119 2120<a href="/quenza-demo" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 2121 bg-purple-100 text-purple-500 hover:bg-purple-200 " 2122 2123> 2124 Watch Demo 2125</a> 2126 2127 2128 </div> 2129 2130 </div> 2131 </div> 2132 2133 2134 <div class="relative isolate"> 2135 <div class="mx-auto max-w-2xl lg:max-w-7xl px-6 lg:px-8"> 2136 2137 <div class="mx-auto mt-6 grid max-w-2xl grid-cols-1 grid-rows-1 gap-8 text-sm/6 text-gray-900 sm:grid-cols-2 xl:mx-0 xl:max-w-none xl:grid-flow-col xl:grid-cols-4"> 2138 <div class="sm:col-span-2 xl:col-start-2 xl:row-end-1"> 2139 2140 2141 <figure class="rounded-3xl bg-pampa-50 p-6"> 2142 <blockquote class="text-lg font-semibold tracking-tight text-gray-900 sm:p-12 sm:text-xl/8"> 2143 <p>"Quenza has been incredibly helpful. It's made a huge difference. We're able to address and work through problems in about a week that might normally take a therapist or coach three months to resolve."</p> 2144 </blockquote> 2145 <figcaption class="flex items-center gap-x-4 gap-y-4 border-t border-gray-900/10 md:pl-6 pt-6 lg:mt-0 mt-6 sm:flex-nowrap"> 2146 2147 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1iZWxsYS5qcGc/portrait-bella.jpg?w=80&s=8c877cfca0f3a857d6225d3867c1c1d5" alt="" /> 2148 2149 <div class="flex-auto"> 2150 <div class="font-semibold">Bella Bliss</div> 2151 <div class="text-gray-600">Transformational and Empowerment Life Coach</div> 2152 </div> 2153 </figcaption> 2154 </figure> 2155 2156 2157 2158 <div class="grid grid-cols-1 sm:grid-cols-2 gap-8 pt-8"> 2159 2160 <figure class="rounded-3xl bg-pampa-50 p-6"> 2161 <blockquote class="text-gray-900"> 2162 <p>"As a longtime mental health provider, I can confidently say that Quenza has dramatically increased my ability to keep track of my clients between sessions and even to offer feedback, encouragement, and support via the commenting feature."</p> 2163 </blockquote> 2164 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2165 2166 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1nYXJyaWNrLmpwZw/portrait-garrick.jpg?w=80&s=50aee625437238bca66964904a90b4c0" alt="" /> 2167 2168 <div> 2169 <div class="font-semibold">Garrick Conner</div> 2170 <div class="text-gray-600">Therapist</div> 2171 </div> 2172 </figcaption> 2173</figure> 2174 2175 2176 <figure class="rounded-3xl bg-pampa-50 p-6"> 2177 <blockquote class="text-gray-900"> 2178 <p>"My time has changed significantly. I save a lot of time in sessions because clients can engage with activities outside of our meetings. Clients love how simplified the app is. They feel like theyâre receiving therapeutic support even outside of their individual sessions."</p> 2179 </blockquote> 2180 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2181 2182 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1qZWxpc2EuanBn/portrait-jelisa.jpg?w=80&s=c20a8f7abb4ec100759991f5271b012c" alt="" /> 2183 2184 <div> 2185 <div class="font-semibold">Jelisa Glanton</div> 2186 <div class="text-gray-600">Social Worker</div> 2187 </div> 2188 </figcaption> 2189</figure> 2190 2191 2192 <figure class="rounded-3xl bg-pampa-50 p-6"> 2193 <blockquote class="text-gray-900"> 2194 <p>"I love Quenza for its adaptability, elegant style and for how complete it is! It makes it really easy to strategically plan standard and automated pathways and activities for clients. What Iâm the MOST impressed with is the high-quality service of the team."</p> 2195 </blockquote> 2196 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2197 2198 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1oZW5yaWthLmpwZw/portrait-henrika.jpg?w=80&s=30e3831bdf959f5b565aae770b8b55a3" alt="" /> 2199 2200 <div> 2201 <div class="font-semibold">Henrika Tonder</div> 2202 <div class="text-gray-600">High Performance Coach</div> 2203 </div> 2204 </figcaption> 2205</figure> 2206 2207 2208 <figure class="rounded-3xl bg-pampa-50 p-6"> 2209 <blockquote class="text-gray-900"> 2210 <p>"When it comes to delivering pure value, Quenza wins. Thatâs mostly because you get a full-fledged client engagement application (that you wonât find anywhere else), an assessment tool, AND a way to digitize and send out all of your practice documents for the same monthly price."</p> 2211 </blockquote> 2212 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2213 2214 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1qYWNreS5qcGc/portrait-jacky.jpg?w=80&s=90b4b39789a5fd31126ff6f44a36bb08" alt="" /> 2215 2216 <div> 2217 <div class="font-semibold">Jackie Woodside</div> 2218 <div class="text-gray-600">CPC, LICSW, Certified Professional Counselor</div> 2219 </div> 2220 </figcaption> 2221</figure> 2222 2223 2224 </div> 2225 2226 </div> 2227 2228 <div class="space-y-8 xl:space-y-0"> 2229 <div class="space-y-8 xl:row-span-2"> 2230 2231 <figure class="rounded-3xl bg-pampa-50 p-6"> 2232 <blockquote class="text-gray-900"> 2233 <p>"I enjoy and benefit from Quenza as are my clients. I'm very grateful to have discovered it and get to be utilizing Quenza. Thank y
2233ou to the Quenza team for taking such great care of your customers and for providing a great resource."</p> 2234 </blockquote> 2235 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2236 2237 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1jYXJvbHluLmpwZw/portrait-carolyn.jpg?w=80&s=0210ce5fc2f946e05fa20aa5ae465a2a" alt="" /> 2238 2239 <div> 2240 <div class="font-semibold">Carolyn Schaeffer</div> 2241 <div class="text-gray-600">Life Coach</div> 2242 </div> 2243 </figcaption> 2244</figure> 2245 2246 2247 <figure class="rounded-3xl bg-pampa-50 p-6"> 2248 <blockquote class="text-gray-900"> 2249 <p>"Before Quenza, I was sending out PDFs for clients to complete, and then I never saw them again. Now, I can track their progress and interact with them."</p> 2250 </blockquote> 2251 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2252 2253 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1kb3J5LmpwZw/portrait-dory.jpg?w=80&s=26fedb49f09915b47be11b43b9527e29" alt="" /> 2254 2255 <div> 2256 <div class="font-semibold">Dory Linda</div> 2257 <div class="text-gray-600">Occupational Psychologist</div> 2258 </div> 2259 </figcaption> 2260</figure> 2261 2262 2263 <figure class="rounded-3xl bg-pampa-50 p-6"> 2264 <blockquote class="text-gray-900"> 2265 <p>"Everything about the app so far has been super high-quality, super-smooth, seamless and perfectly executed with the user in mind."</p> 2266 </blockquote> 2267 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2268 2269 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1naW5hLmpwZw/portrait-gina.jpg?w=80&s=b4d877e9d7ab8b5c4bad5f8c9ee733f2" alt="" /> 2270 2271 <div> 2272 <div class="font-semibold">Gina Hayden</div> 2273 <div class="text-gray-600">Director of the Global Centre for Conscious Leadership</div> 2274 </div> 2275 </figcaption> 2276</figure> 2277 2278 2279 </div> 2280 </div> 2281 2282 <div class="space-y-8 xl:space-y-0 xl:col-start-4"> 2283 <div class="space-y-8 xl:row-span-2"> 2284 2285 <figure class="rounded-3xl bg-pampa-50 p-6"> 2286 <blockquote class="text-gray-900"> 2287 <p>"Quenza is an exceptional platform for continuous engagement with counselling clients. Its intuitive interface and vast range of treatments, exercises, and meditations make it a valuable resource."</p> 2288 </blockquote> 2289 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2290 2291 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1qb2huLmpwZw/portrait-john.jpg?w=80&s=65f48e3839adf1b01b390a3580ba4fb2" alt="" /> 2292 2293 <div> 2294 <div class="font-semibold">John Graham</div> 2295 <div class="text-gray-600">Consultant</div> 2296 </div> 2297 </figcaption> 2298</figure> 2299 2300 2301 <figure class="rounded-3xl bg-pampa-50 p-6"> 2302 <blockquote class="text-gray-900"> 2303 <p>"I developed an activity within Quenza that takes all of the elements of a safety plan and allows clients to work through it. Quenza significantly reduces time while also improving outcomes for clients."</p> 2304 </blockquote> 2305 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2306 2307 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1jcmFpZy5qcGc/portrait-craig.jpg?w=80&s=cce30ddb785be064600038b94c55c2ad" alt="" /> 2308 2309 <div> 2310 <div class="font-semibold">Craig White</div> 2311 <div class="text-gray-600">Clinical Psychologist</div> 2312 </div> 2313 </figcaption> 2314</figure> 2315 2316 2317 <figure class="rounded-3xl bg-pampa-50 p-6"> 2318 <blockquote class="text-gray-900"> 2319 <p>"My experience with Quenza so far has been excellent and I will recommend them anytime to any life coach that want to do live coaching or just create a course."</p> 2320 </blockquote> 2321 <figcaption class="mt-6 flex items-center gap-x-4 border-t pt-6"> 2322 2323 <img class="size-10 rounded-full bg-gray-50" src="/img/asset/aW1hZ2VzL3Rlc3RpbW9uaWFscy9wb3J0cmFpdC1kZW9uaS5qcGc/portrait-deoni.jpg?w=80&s=42a5b4202a58ad29b3a4dd3dfa6668e4" alt="" /> 2324 2325 <div> 2326 <div class="font-semibold">Deoni Oosthuizen</div> 2327 <div class="text-gray-600">Life Coach</div> 2328 </div> 2329 </figcaption> 2330</figure> 2331 2332 2333 </div> 2334 </div> 2335 </div> 2336 2337 </div> 2338</div> 2339</div> 2340 2341 2342 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 bg-pampa-100" 2343> 2344 <div class="text-center max-w-2xl lg:max-w-4xl mx-auto w-full"> 2345 2346 2347 <div class="mb-6 rounded-full py-1 px-2 inline-block ring-1 ring-[#DFE1E6] 2348 border-gray-300 bg-white" 2349 > 2350 <div class="flex items-center space-x-1"> 2351 <div><svg class="w-3 h-3 text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.5 2L5 2C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H19C19.9067 18 20.4797 17.6667 21 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2351<path d="M12 19V22M8 22H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4C22 2.89543 21.1046 2 20 2H15C13.8954 2 13 2.89543 13 4V12C13 13.1046 13.8954 14 15 14H20C21.1046 14 22 13.1046 22 12V4Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M17.5 11H17.509" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 2352 <span class="text-xs font-light 2353 text-gray-500" 2354 > 2355 All Devices 2356 </span> 2357 </div> 2358 </div> 2359 2360 2361 2362 <p 2363 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 2364 text-gray-900" 2365 > 2366 Always within reach. 2367 </p> 2368 2369 2370 2371 <p 2372 class="mt-6 text-lg/8 2373 text-gray-600" 2374 > 2375 Quenza meets you and your clients on every device you already use. 2376 </p> 2377 2378</div> 2379 2380 2381 2382 <div class="w-full max-w-2xl lg:max-w-5xl mx-auto flex items-center justify-items-center flex-wrap justify-center px-4 gap-x-6 gap-y-4"> 2383 2384 <img src="/images/logos/apple-store.svg" alt="" class="max-w-24" /> 2385 2386 <img src="/images/logos/google-play.svg" alt="" class="max-w-24" /> 2387 2388</div> 2389 2390 2391 2392 <div class="mx-auto max-w-2xl lg:max-w-7xl px-6 lg:px-8"> 2393 <img src="/img/asset/aW1hZ2VzL2Z1bGwtd2lkdGgtaW1hZ2VzL2FsbC1kZXZpY2VzXzAyLnBuZw/all-devices_02.png?w=1600&s=9fd239e0e1052c11816297a022b0a1df" alt="" class="rounded-3xl "> 2394 </div> 2395</div> 2396 2397 2398 <div class="px-4 lg:px-0 py-12 sm:py-16 overflow-hidden rounded-3xl flex flex-col space-y-8 " 2399> 2400 <div class="w-full mx-auto max-w-2xl lg:max-w-7xl lg:px-8"> 2401 <div class="rounded-3xl px-4 py-10 bg-purple-400 flex flex-col space-y-8"> 2402 2403 <div class="text-center max-w-2xl lg:max-w-3xl mx-auto w-full"> 2404 2405 2406 <div class="mb-6 rounded-full py-1 px-2 inline-block ring-1 ring-[#DFE1E6] 2407 border-gray-300" 2408 > 2409 <div class="flex items-center space-x-1"> 2410 <div><svg class="w-3 h-3 text-white" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.9398 7.13563L13.7862 4.50451C15.4589 2.83179 19.0233 1.97655 21.9993 2.00049C21.9993 5.50049 21.1681 8.54101 19.4954 10.2137L16.8643 13.0601C16.6137 13.3312 16.5328 13.7183 16.654 14.067L17.088 15.3164C17.3396 16.0405 17.155 16.8448 16.613 17.3869L15.4993 18.5005L5.5 8.50049L6.61351 7.38698C7.15565 6.84484 7.96 6.66034 8.68422 6.91201L9.93277 7.34589C10.2815 7.46709 10.6687 7.38625 10.9398 7.13563Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M17.4922 6.49414L17.4985 6.50049" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 22.0005L8 16M8 22.0005L11 19M2 16.0005L5 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></div> 2411 <span class="text-xs font-light 2412 text-gray-100" 2413 > 2414 Join now 2415 </span> 2416 </div> 2417 </div> 2418 2419 2420 2421 <p 2422 class="text-pretty text-4xl font-semibold tracking-tight sm:text-5xl lg:text-balance 2423 text-white" 2424 > 2425 Ready to Extend Your Impact Beyond the Session Hour? 2426 </p> 2427 2428 2429 2430 <p 2431 class="mt-6 text-lg/8 2432 text-purple-100" 2433 > 2434 Get instant access to 200+ exercises, automated programs, and progress tracking. 2435 </p> 2436 2437</div> 2438 2439 2440 2441 2442 <div class=" lg: mx-auto w-full px-6 lg:px-8"> 2443 <div class=" justify-center flex space-x-4"> 2444 2445 <div class="flex flex-col gap-y-1.5"> 2446 2447<a href="https://my.quenza.com/register" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 2448 bg-purple-600 hover:bg-purple-500 text-white " 2449 2450> 2451 Try Free for 30 Days 2452</a> 2453 2454 2455 </div> 2456 2457 <div class="flex flex-col gap-y-1.5"> 2458 2459<a href="/quenza-demo" class="inline-flex items-center justify-center text-center px-5 py-3 text-sm rounded-full font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 2460 bg-white text-purple-500 ring-1 ring-gray-400 hover:bg-gray-100 " 2461 2462> 2463 Watch Demo 2464</a> 2465 2466 2467 </div> 2468 2469 </div> 2470 </div> 2471 2472 2473 </div> 2474</div> 2475</div> 2476 2477 2478</div> 2479 2480 </main> 2481 <footer class="bg-purple-700 rounded-3xl mt-4"> 2482 <div class="mx-auto max-w-7xl px-6 py-16 lg:px-8"> 2483 <div class="xl:grid xl:grid-cols-[1fr,3fr] xl:gap-8"> 2484 <div> 2485 <img src="/images/logo---white-text.svg" alt="" class="h-9" /> 2486 2487 2488 <div class="mt-8 flex flex-wrap flex-col gap-3"> 2489 2490 <a href="https://apps.apple.com/us/app/quenza/id6761123782" target="_blank" rel="noopener" aria-label="Download on the App Store"> 2491 <img src="/images/apple_app_store_logo.png" alt="Download on the App Store" class="h-8 w-auto" /> 2492 </a> 2493 2494 2495 <a href="https://play.google.com/store/apps/details?id=com.quenza.nextgen" target="_blank" rel="noopener" aria-label="Get it on Google Play"> 2496 <img src="/images/google_play_store_logo.png" alt="Get it on Google Play" class="h-8 w-auto" /> 2497 </a> 2498 2499 </div> 2500 2501 2502 2503 <ul role="list" class="mt-8 flex space-x-4"> 2504 2505 <li> 2506 <a href="https://facebook.com/quenzacom" target="_blank" rel="noopener" aria-label="Facebook" class="text-gray-300 hover:text-gray-200"> 2507 <svg class="size-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.5 2.5C20.6046 2.5 21.5 3.39543 21.5 4.5V19.5C21.5 20.6046 20.6046 21.5 19.5 21.5H4.5C3.39543 21.5 2.5 20.6046 2.5 19.5V4.5C2.5 3.39543 3.39543 2.5 4.5 2.5H19.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
2507<path d="M17.0001 7.5H14.0006C12.8931 7.5 11.9965 8.39996 12.0006 9.50742L12.0154 13.4995M12.0154 13.4995V21.5M12.0154 13.4995H10.0001M12.0154 13.4995H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 2508 </a> 2509 </li> 2510 2511 2512 <li> 2513 <a href="https://instagram.com/quenza_com" target="_blank" rel="noopener" aria-label="Instagram" class="text-gray-300 hover:text-gray-200"> 2514 <svg class="size-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21.5 4.5V19.5C21.5 20.6046 20.6046 21.5 19.5 21.5H4.5C3.39543 21.5 2.5 20.6046 2.5 19.5V4.5C2.5 3.39543 3.39543 2.5 4.5 2.5H19.5C20.6046 2.5 21.5 3.39543 21.5 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M17.5078 6.5L17.4988 6.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 2515 </a> 2516 </li> 2517 2518 </ul> 2519 2520 </div> 2521 2522 <div class="mt-16 grid grid-cols-2 sm:grid-cols-5 gap-8 xl:mt-0"> 2523 2524 <div> 2525 <h3 class="text-xs/6 font-semibold text-gray-200 uppercase">Product</h3> 2526 2527 <ul role="list" class="mt-6 space-y-2.5"> 2528 2529 <li> 2530 <a href="https://my.quenza.com/register" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Try Quenza</a> 2531 </li> 2532 2533 <li> 2534 <a href="/fair-use" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Fair Use Policy</a> 2535 </li> 2536 2537 </ul> 2538 2539 </div> 2540 2541 <div> 2542 <h3 class="text-xs/6 font-semibold text-gray-200 uppercase">Features</h3> 2543 2544 <ul role="list" class="mt-6 space-y-2.5"> 2545 2546 <li> 2547 <a href="/features/activities" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Activities</a> 2548 </li> 2549 2550 <li> 2551 <a href="/features/client-management" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Client Management</a> 2552 </li> 2553 2554 <li> 2555 <a href="/features/client-portal" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Client Portal</a> 2556 </li> 2557 2558 <li> 2559 <a href="/features/notes" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Notes</a> 2560 </li> 2561 2562 <li> 2563 <a href="/features/programs" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Programs</a> 2564 </li> 2565 2566 <li> 2567 <a href="/features/tasks" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Tasks</a> 2568 </li> 2569 2570 <li> 2571 <a href="https://feedback.quenza.com/feature-requests" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Your Feature?</a> 2572 </li> 2573 2574 </ul> 2575 2576 </div> 2577 2578 <div> 2579 <h3 class="text-xs/6 font-semibold text-gray-200 uppercase">Blog</h3> 2580 2581 <ul role="list" class="mt-6 space-y-2.5"> 2582 2583 <li> 2584 <a href="https://quenza.com/blog/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">The Quenza Blog</a> 2585 </li> 2586 2587 <li> 2588 <a href="https://quenza.com/blog/ultimate-guides/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Ultimate Guides</a> 2589 </li> 2590 2591 <li> 2592 <a href="https://quenza.com/blog/online-coaching-category/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Online Coaching</a> 2593 </li> 2594 2595 <li> 2596 <a href="https://quenza.com/blog/coaching-solutions/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Coaching Solutions</a> 2597 </li> 2598 2599 <li> 2600 <a href="https://quenza.com/blog/psychology-counseling-tools/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Counseling Tools</a> 2601 </li> 2602 2603 <li> 2604 <a href="https://quenza.com/blog/career-coaching/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Career Coaching</a> 2605 </li> 2606 2607 <li> 2608 <a href="https://quenza.com/blog/therapy-apps-software/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Therapy Apps</a> 2609 </li> 2610 2611 </ul> 2612 2613 </div> 2614 2615 <div> 2616 <h3 class="text-xs/6 font-semibold text-gray-200 uppercase">Company</h3> 2617 2618 <ul role="list" class="mt-6 space-y-2.5"> 2619 2620 <li> 2621 <a href="/company/about" class="text-sm/6 text-gray-400 hover:text-gray-200 ">About</a> 2622 </li> 2623 2624 <li> 2625 <a href="/company/team" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Team</a> 2626 </li> 2627 2628 </ul> 2629 2630 </div> 2631 2632 <div> 2633 <h3 class="text-xs/6 font-semibold text-gray-200 uppercase">Support</h3> 2634 2635 <ul role="list" class="mt-6 space-y-2.5"> 2636 2637 <li> 2638 <a href="/contact" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Contact</a> 2639 </li> 2640 2641 <li> 2642 <a href="/community" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Community</a> 2643 </li> 2644 2645 <li> 2646 <a href="https://help.quenza.com/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Knowledge Base</a> 2647 </li> 2648 2649 <li> 2650 <a href="https://feedback.quenza.com/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Feedback</a> 2651 </li> 2652 2653 <li> 2654 <a href="https://feedback.quenza.com/changelog" class="text-sm/6 text-gray-400 hover:text-gray-200 ">What's new?</a> 2655 </li> 2656 2657 <li> 2658 <a href="https://developers.quenza.com/docs/v1#/" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Developer docs</a> 2659 </li> 2660 2661 <li> 2662 <a href="/quenza-explainer-guide-for-clients" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Quenza Explainer Guide for Clients</a> 2663 </li> 2664 2665 <li> 2666 <a href="/quenza-classic-migration-guide" class="text-sm/6 text-gray-400 hover:text-gray-200 ">
2666Quenza Classic Migration Guide</a> 2667 </li> 2668 2669 <li> 2670 <a href="/quenza-classic-migration-for-clients" class="text-sm/6 text-gray-400 hover:text-gray-200 ">Quenza Classic Migration for Clients</a> 2671 </li> 2672 2673 </ul> 2674 2675 </div> 2676 2677 </div> 2678 </div> 2679 </div> 2680 2681 2682 <div class="mx-auto max-w-7xl px-6 py-4 lg:px-8"> 2683 <div class="flex gap-x-4 flex-col lg:flex-row lg:justify-between"> 2684 <p class="flex items-center flex-wrap gap-x-2 text-xs/6 text-gray-300 lg:mt-0"> 2685 <span> 2686 © 2022 2687 2688 - 2026 2689 2690 Quenza B.V. 2691 </span> 2692 2693 <span aria-hidden="true" class="text-gray-500">·</span> 2694 <span class="flex items-center gap-2"> 2695 <svg class="size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M7.5 12C7.5 18 12 22 12 22C12 22 16.5 18 16.5 12C16.5 6 12 2 12 2C12 2 7.5 6 7.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M22 12L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> 2696 Hosted in the European Union 2697 </span> 2698 2699 </p> 2700 <div class="flex flex-col lg:flex-row lg:items-center gap-4"> 2701 <ul role="list" class="flex flex-wrap gap-x-6 gap-y-0"> 2702 2703 <li> 2704 <a href="/legal-notice" class="text-xs/6 text-gray-300 hover:text-gray-200 hover:underline whitespace-nowrap">Legal Notice</a> 2705 </li> 2706 2707 <li> 2708 <a href="/privacy" class="text-xs/6 text-gray-300 hover:text-gray-200 hover:underline whitespace-nowrap">Privacy & Cookie Policy</a> 2709 </li> 2710 2711 <li> 2712 <a href="/terms-of-service" class="text-xs/6 text-gray-300 hover:text-gray-200 hover:underline whitespace-nowrap">Terms of Service</a> 2713 </li> 2714 2715 <li> 2716 <a href="/refund-policy" class="text-xs/6 text-gray-300 hover:text-gray-200 hover:underline whitespace-nowrap">Refund Policy</a> 2717 </li> 2718 2719 </ul> 2720 </div> 2721 </div> 2722 </div> 2723</footer> 2724 2725 2726 2727 <div 2728 x-data="{ 2729 storageKey: 'workshopBannerDismissed_aebd9d0d38ec459799bc83451ba8f9ec', 2730 dismissed: false, 2731 nearFooter: false, 2732 updateNearFooter() { 2733 this.nearFooter = (window.innerHeight + window.scrollY) >= (document.documentElement.scrollHeight - 150) 2734 } 2735 }" 2736 x-init=" 2737 dismissed = localStorage.getItem(storageKey) === '1'; 2738 updateNearFooter(); 2739 window.addEventListener('scroll', () => updateNearFooter(), { passive: true }); 2740 window.addEventListener('resize', () => updateNearFooter()); 2741 " 2742 x-show="!dismissed" 2743 x-cloak 2744 x-transition:enter="transition ease-out duration-500 delay-300" 2745 x-transition:enter-start="opacity-0 translate-y-10" 2746 x-transition:enter-end="opacity-100 translate-y-0" 2747 x-transition:leave="transition ease-in duration-200" 2748 x-transition:leave-start="opacity-100 translate-y-0" 2749 x-transition:leave-end="opacity-0 translate-y-10" 2750 class="fixed inset-x-0 bottom-5 z-50 flex justify-center px-4 pointer-events-none" 2751 > 2752 <div 2753 class="group relative max-w-full transition-opacity duration-300" 2754 :class="nearFooter ? 'opacity-0 pointer-events-none' : 'opacity-100 pointer-events-auto'" 2755 > 2756 2757 <div class="absolute -inset-0.5 rounded-full bg-gradient-to-r from-purple-400 via-pampa-300 to-purple-300 opacity-50 blur-lg transition duration-500 group-hover:opacity-70" aria-hidden="true"></div> 2758
2759 <div class="relative flex items-center gap-4 rounded-full bg-gray-900/80 py-2 pl-5 pr-3 shadow-2xl ring-1 ring-white/15 backdrop-blur-xl sm:gap-5 sm:py-2.5 sm:pl-7 sm:pr-4"> 2760 2761 2762 <p class="min-w-0 truncate text-sm font-medium tracking-tight text-white sm:text-base">Get more from Quenza. Join a free live Q&A and ask us anything.</p> 2763 2764 2765 <a 2766 href="https://quenza.com/free-workshops" 2767 class="shrink-0 rounded-full bg-gradient-to-r from-purple-400 to-purple-500 px-4 py-2 text-sm font-semibold text-white shadow-lg shadow-purple-500/25 transition duration-200 hover:from-purple-300 hover:to-purple-400 hover:shadow-purple-500/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-300 sm:px-5" 2768 > 2769 Join a session 2770 </a> 2771 2772 2773 <button 2774 type="button" 2775 @click="dismissed = true; localStorage.setItem(storageKey, '1')" 2776 class="shrink-0 rounded-full p-2 text-gray-400 transition duration-200 hover:bg-white/10 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-300" 2777 aria-label="Dismiss banner" 2778 > 2779 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 2780 <path stroke-linecap="round" stroke-linejoin="round" d="M6 6l8 8M14 6l-8 8" /> 2781 </svg> 2782 </button> 2783 </div> 2784 </div> 2785 </div> 2786 2787 2788
2788<script type="text/javascript"> 2789!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
vendor: 1 bytes, line 2789
2789
2790<script type="text/javascript">window.Beacon('init', '87389f25-b680-49fe-9a43-a6f7d74a3c15') 2791</script>
2791 2792
2793<script type="text/javascript"> 2794document.addEventListener('DOMContentLoaded', function() { 2795 const helpLinks = document.querySelectorAll('.js-show-beacon'); 2796 helpLinks.forEach(function(link) { 2797 link.addEventListener('click', function(event) { 2798 event.preventDefault(); 2799 if (window.Beacon) { 2800 Beacon('open'); 2801 } 2802 }); 2803 }); 2804}); 2805</script>
2805 2806 </body> 2807</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.