PageSourceSearch

https://quenza.com/

html quenza.com collected 2026-09-26 04:23:24 UTC 200,220 bytes, 2,807 lines download raw bytes

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                    &larr;
1718                </button>
1719                <button class="splide__arrow splide__arrow--next !bg-purple-500 text-white">
1720                    &rarr;
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                    &copy; 2022
2687                    
2688                        - 2026
2689                    
2690                    Quenza B.V.
2691                </span>
2692                
2693                    <span aria-hidden="true" class="text-gray-500">&middot;</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.