WCONLINE | The Management Solution for Academic Centers

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="https://mywconline.com/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://mywconline.com/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://mywconline.com/favicon-16x16.png"> <link rel="manifest" href="https://mywconline.com/site.webmanifest"> <title>WCONLINE | The Management Solution for Academic Centers</title>  <link rel="preload" as="style" href="https://mywconline.com/build/assets/app-DpVcy93s.css" /><link rel="preload" as="style" href="https://mywconline.com/build/assets/app-DfU0NfFl.css" /><link rel="modulepreload" href="https://mywconline.com/build/assets/app-BWqETE_S.js" /><link rel="stylesheet" href="https://mywconline.com/build/assets/app-DpVcy93s.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://mywconline.com/build/assets/app-DfU0NfFl.css" data-navigate-track="reload" /><script type="module" src="https://mywconline.com/build/assets/app-BWqETE_S.js" data-navigate-track="reload"></script><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="antialiased font-hanken"> <header class="sticky top-0 z-40 bg-primaryDark xl:bg-primary" x-data="navbar()" x-init="watchResponsive()" x-cloak> <div class="w-[1292px] px-1 py-[30px] mx-auto hidden xl:flex justify-between items-center"> <a href="https://mywconline.com"> <svg width="129" height="19" viewBox="0 0 129 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.352 18.0703L0.312 1.34231H3.576L7.032 13.3183L10.224 2.30231H13.296L16.464 13.3183L19.944 1.34231H23.184L18.144 18.0703H15.144L11.496 6.02231H12L8.376 18.0703H5.352ZM31.9676 18.4543C30.3836 18.4543 28.9836 18.0863 27.7676 17.3503C26.5676 16.6143 25.6316 15.5903 24.9596 14.2783C24.2876 12.9663 23.9516 11.4383 23.9516 9.69431C23.9516 7.95031 24.2876 6.43031 24.9596 5.13431C25.6316 3.82231 26.5676 2.79831 27.7676 2.06231C28.9836 1.32631 30.3836 0.958311 31.9676 0.958311C33.7436 0.958311 35.2716 1.40631 36.5516 2.30231C37.8476 3.18231 38.7756 4.39831 39.3356 5.95031L36.4076 7.03031C36.0556 6.05431 35.4956 5.29431 34.7276 4.75031C33.9756 4.20631 33.0556 3.93431 31.9676 3.93431C30.9756 3.93431 30.1036 4.16631 29.3516 4.63031C28.6156 5.09431 28.0476 5.75831 27.6476 6.62231C27.2636 7.47031 27.0716 8.49431 27.0716 9.69431C27.0716 10.8943 27.2636 11.9263 27.6476 12.7903C28.0476 13.6543 28.6156 14.3183 29.3516 14.7823C30.1036 15.2463 30.9756 15.4783 31.9676 15.4783C33.0556 15.4783 33.9756 15.2063 34.7276 14.6623C35.4956 14.1183 36.0556 13.3583 36.4076 12.3823L39.3356 13.4383C38.7756 14.9903 37.8476 16.2143 36.5516 17.1103C35.2716 18.0063 33.7436 18.4543 31.9676 18.4543Z" fill="#FD4C5C"/> <path d="M55.2176 18.4543C53.6336 18.4543 52.2336 18.0943 51.0176 17.3743C49.8176 16.6383 48.8816 15.6143 48.2096 14.3023C47.5376 12.9903 47.2016 11.4623 47.2016 9.71831C47.2016 7.95831 47.5376 6.42231 48.2096 5.11031C48.8816 3.79831 49.8176 2.78231 51.0176 2.06231C52.2336 1.32631 53.6336 0.958311 55.2176 0.958311C56.8176 0.958311 58.2176 1.32631 59.4176 2.06231C60.6336 2.78231 61.5776 3.79831 62.2496 5.11031C62.9216 6.42231 63.2576 7.95831 63.2576 9.71831C63.2576 11.4623 62.9136 12.9903 62.2256 14.3023C61.5536 15.6143 60.6096 16.6383 59.3936 17.3743C58.1936 18.0943 56.8016 18.4543 55.2176 18.4543ZM55.1936 15.4783C56.2176 15.4783 57.0896 15.2463 57.8096 14.7823C58.5456 14.3023 59.1136 13.6303 59.5136 12.7663C59.9136 11.9023 60.1136 10.8863 60.1136 9.71831C60.1136 8.53431 59.9136 7.51031 59.5136 6.64631C59.1136 5.78231 58.5456 5.11831 57.8096 4.65431C57.0896 4.17431 56.2176 3.93431 55.1936 3.93431C54.2176 3.93431 53.3536 4.16631 52.6016 4.63031C51.8656 5.09431 51.2976 5.75831 50.8976 6.62231C50.5136 7.48631 50.3216 8.51831 50.3216 9.71831C50.3216 10.9023 50.5136 11.9263 50.8976 12.7903C51.2976 13.6543 51.8656 14.3183 52.6016 14.7823C53.3536 15.2463 54.2176 15.4783 55.1936 15.4783ZM65.8033 18.0703V1.34231H68.9953L76.7953 14.0143H76.0273V1.34231H79.1233V18.0703H75.9073L68.1313 5.37431H68.8993V18.0703H65.8033ZM82.3502 18.0703V1.34231H85.4462V15.2863H92.5742V18.0703H82.3502ZM94.4439 18.0703V1.34231H97.5399V18.0703H94.4439ZM100.749 18.0703V1.34231H103.941L111.741 14.0143H110.973V1.34231H114.069V18.0703H110.853L103.077 5.37431H103.845V18.0703H100.749ZM117.296 18.0703V1.34231H128.432V4.12631H120.392V8.11031H127.904V10.8703H120.392V15.2863H128.432V18.0703H117.296Z" fill="white"/> </svg> </a> <div class="flex justify-between items-center gap-[184px]"> <div class="flex items-center gap-[45px]"> <a href="https://mywconline.com" wire:navigate class="navbar-link menu-item h6-typography active" >Home</a> <a href="https://mywconline.com/features" wire:navigate class="navbar-link menu-item h6-typography" >Features</a> <a href="https://mywconline.com/pricing" wire:navigate class="navbar-link menu-item h6-typography" >Pricing & FAQ</a> <a href="https://mywconline.com/contact-us" wire:navigate class="navbar-link menu-item h6-typography" >Contact Us</a> </div> <a target="_blank" href="https://demo.mywconline.com/" class="main-btn links-typography">Interactive demo</a> </div> </div> <div class="xl:hidden p-4 flex justify-between items-center"> <a href="https://mywconline.com"> <svg width="129" height="19" viewBox="0 0 129 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.352 18.0703L0.312 1.34231H3.576L7.032 13.3183L10.224 2.30231H13.296L16.464 13.3183L19.944 1.34231H23.184L18.144 18.0703H15.144L11.496 6.02231H12L8.376 18.0703H5.352ZM31.9676 18.4543C30.3836 18.4543 28.9836 18.0863 27.7676 17.3503C26.5676 16.6143 25.6316 15.5903 24.9596 14.2783C24.2876 12.9663 23.9516 11.4383 23.9516 9.69431C23.9516 7.95031 24.2876 6.43031 24.9596 5.13431C25.6316 3.82231 26.5676 2.79831 27.7676 2.06231C28.9836 1.32631 30.3836 0.958311 31.9676 0.958311C33.7436 0.958311 35.2716 1.40631 36.5516 2.30231C37.8476 3.18231 38.7756 4.39831 39.3356 5.95031L36.4076 7.03031C36.0556 6.05431 35.4956 5.29431 34.7276 4.75031C33.9756 4.20631 33.0556 3.93431 31.9676 3.93431C30.9756 3.93431 30.1036 4.16631 29.3516 4.63031C28.6156 5.09431 28.0476 5.75831 27.6476 6.62231C27.2636 7.47031 27.0716 8.49431 27.0716 9.69431C27.0716 10.8943 27.2636 11.9263 27.6476 12.7903C28.0476 13.6543 28.6156 14.3183 29.3516 14.7823C30.1036 15.2463 30.9756 15.4783 31.9676 15.4783C33.0556 15.4783 33.9756 15.2063 34.7276 14.6623C35.4956 14.1183 36.0556 13.3583 36.4076 12.3823L39.3356 13.4383C38.7756 14.9903 37.8476 16.2143 36.5516 17.1103C35.2716 18.0063 33.7436 18.4543 31.9676 18.4543Z" fill="#FD4C5C"/> <path d="M55.2176 18.4543C53.6336 18.4543 52.2336 18.0943 51.0176 17.3743C49.8176 16.6383 48.8816 15.6143 48.2096 14.3023C47.5376 12.9903 47.2016 11.4623 47.2016 9.71831C47.2016 7.95831 47.5376 6.42231 48.2096 5.11031C48.8816 3.79831 49.8176 2.78231 51.0176 2.06231C52.2336 1.32631 53.6336 0.958311 55.2176 0.958311C56.8176 0.958311 58.2176 1.32631 59.4176 2.06231C60.6336 2.78231 61.5776 3.79831 62.2496 5.11031C62.9216 6.42231 63.2576 7.95831 63.2576 9.71831C63.2576 11.4623 62.9136 12.9903 62.2256 14.3023C61.5536 15.6143 60.6096 16.6383 59.3936 17.3743C58.1936 18.0943 56.8016 18.4543 55.2176 18.4543ZM55.1936 15.4783C56.2176 15.4783 57.0896 15.2463 57.8096 14.7823C58.5456 14.3023 59.1136 13.6303 59.5136 12.7663C59.9136 11.9023 60.1136 10.8863 60.1136 9.71831C60.1136 8.53431 59.9136 7.51031 59.5136 6.64631C59.1136 5.78231 58.5456 5.11831 57.8096 4.65431C57.0896 4.17431 56.2176 3.93431 55.1936 3.93431C54.2176 3.93431 53.3536 4.16631 52.6016 4.63031C51.8656 5.09431 51.2976 5.75831 50.8976 6.62231C50.5136 7.48631 50.3216 8.51831 50.3216 9.71831C50.3216 10.9023 50.5136 11.9263 50.8976 12.7903C51.2976 13.6543 51.8656 14.3183 52.6016 14.7823C53.3536 15.2463 54.2176 15.4783 55.1936 15.4783ZM65.8033 18.0703V1.34231H68.9953L76.7953 14.0143H76.0273V1.34231H79.1233V18.0703H75.9073L68.1313 5.37431H68.8993V18.0703H65.8033ZM82.3502 18.0703V1.34231H85.4462V15.2863H92.5742V18.0703H82.3502ZM94.4439 18.0703V1.34231H97.5399V18.0703H94.4439ZM100.749 18.0703V1.34231H103.941L111.741 14.0143H110.973V1.34231H114.069V18.0703H110.853L103.077 5.37431H103.845V18.0703H100.749ZM117.296 18.0703V1.34231H128.432V4.12631H120.392V8.11031H127.904V10.8703H120.392V15.2863H128.432V18.0703H117.296Z" fill="white"/> </svg> </a> <div @click="open = !open" class=" cursor-pointer"> <template x-if="open"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 1L1 13M1 1L13 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </template> <template x-if="!open"> <svg width="29" height="18" viewBox="0 0 29 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.8282 8.00012H1.6811C0.861601 8.00012 0.197266 8.42545 0.197266 8.95012V9.05012C0.197266 9.57479 0.861601 10.0001 1.6811 10.0001H26.8282C27.6477 10.0001 28.312 9.57479 28.312 9.05012V8.95012C28.312 8.42545 27.6477 8.00012 26.8282 8.00012Z" fill="white"/> <path d="M26.8282 15.5001H1.6811C0.861601 15.5001 0.197266 15.9255 0.197266 16.4501V16.5501C0.197266 17.0748 0.861601 17.5001 1.6811 17.5001H26.8282C27.6477 17.5001 28.312 17.0748 28.312 16.5501V16.4501C28.312 15.9255 27.6477 15.5001 26.8282 15.5001Z" fill="white"/> <path d="M26.8282 0.499878H1.6811C0.861601 0.499878 0.197266 0.925207 0.197266 1.44988V1.54988C0.197266 2.07455 0.861601 2.49988 1.6811 2.49988H26.8282C27.6477 2.49988 28.312 2.07455 28.312 1.54988V1.44988C28.312 0.925207 27.6477 0.499878 26.8282 0.499878Z" fill="white"/> </svg> </template> </div> </div> <div x-show="open" x-transition:enter="transition ease-in-out duration-300" x-transition:enter-start="opacity-0 h-0" x-transition:enter-end="opacity-100 h-full" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 h-full" x-transition:leave-end="opacity-0 h-0" class="xl Try For Free :hidden fixed inset-0 top-[62px] bg-primaryDark pt-[43px] pb-[33px] pl-[18px] flex flex-col justify-between overflow-hidden" > <div class="flex flex-col gap-[30px]"> <a href="https://mywconline.com" wire:navigate class="navbar-link menu-item h6-typography active" >Home</a> <a href="https://mywconline.com/features" wire:navigate class="navbar-link menu-item h6-typography" >Features</a> <a href="https://mywconline.com/pricing" wire:navigate class="navbar-link menu-item h6-typography" >Pricing & FAQ</a> <a href="https://mywconline.com/contact-us" wire:navigate class="navbar-link menu-item h6-typography" >Contact Us</a> </div> <div> <div class="text-white pb-[27px] navbar-address"> <p>1159 2nd Ave, #116</p> <p>New York, NY 10065</p> <p>support@26LLC.com</p> </div> <a target="_blank" href="https://demo.mywconline.com/" class="main-btn links-typography">Interactive demo</a> </div> </div> </header> <script> function navbar () { return { open: false, watchResponsive() { this.handleWindowWidth() window.addEventListener('resize', () => { this.handleWindowWidth(); }) }, watchLivewireVisits() { document.addEventListener('livewire:load', function () { Livewire.on('componentVisited', () => { this.open = false; }); }); }, handleWindowWidth() { if (window.innerWidth >= 1279) { this.open = false; } }, } } </script> <div wire:snapshot="{"data":{"key_features":[[[{"icon":"virtual-meeting","heading":"Built-in Virtual Meeting Space","description":"Students & tutors can connect via the built-in video chat platform or via integrations with Zoom, Webex, or Google Meet."},{"s":"arr"}],[{"icon":"feedback","heading":"Survey & Feedback Forms","description":"Tutors & admins can create survey questions and collect student feedback after each session."},{"s":"arr"}],[{"icon":"students","heading":"Student CRM","description":"Centralize student data, increase engagement, and foster stronger university relationships"},{"s":"arr"}],[{"icon":"multicenter","heading":"Customization Options","description":"Admins can set scheduling parameters, customize appointment and registration forms, and create unique student-facing announcements."},{"s":"arr"}],[{"icon":"saml","heading":"SAML Single Sign On Integration","description":"Students can sign into WCONLINE using their existing institutional credentials for an easy booking experience. Transfer key information via SAML into a student\u2019s registration form."},{"s":"arr"}],[{"icon":"multipurpose","heading":"Multipurpose","description":"In addition to one-to-one sessions, admins can create schedules for test proctoring, material and equipment reservations, and room bookings,"},{"s":"arr"}],[{"icon":"customer-support","heading":"24\/7 Customer Support","description":"Unlimited configuration support, troubleshooting help, same day phone and zoom calls, and video tutorial library."},{"s":"arr"}],[{"icon":"tutor","heading":"Tutor Availability Management","description":"Set tutor profiles and recurring weekly availability; easily change or move appointments in case of an absence. Admins can also make each tutor available for different modalities of tutoring."},{"s":"arr"}],[{"icon":"time-clock","heading":"Time Clock Function","description":"Students clock in and out for appointments and center activities online or via card swipe so you can track total traffic, and exact time spent for reporting purposes."},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"KAwOT2jcF6YkKU5a5Q5S","name":"welcome-page","path":"\/","method":"GET","children":{"lw-2247091142-0":["form","gkFsSYBkqjKCoqIsL7lE"],"lw-1747140908-0":["form","Ilehid8PNpxavRRB0Evg"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"32a45adbe756c98112542abfb7573143e5e9dae66865b49555be6e0b0c5173b7"}" wire:effects="[]" wire:id="KAwOT2jcF6YkKU5a5Q5S" class> <main class="home-hero-section w-full relative home-bg-image bg-cover"> <div id="particles-js" class="absolute inset-0 select-none"></div> <img class="absolute top-0 w-full hidden md:block pointer-events-none select-none" src="https://mywconline.com/assets/images/shapes.png" alt=""> <div class="absolute top-0 w-full flex justify-center"> <div x-data="{ openVideo: false , openDemo: false,}" class="w-full md:max-w-[1300px] mx-1 mt-[31px] flex flex-col items-center gap-8"> <h1>The most widely used schedule management solution in academic services</h1> <a href="https://demo.mywconline.com" class="main-btn links-typography md:order-2 cursor-pointer" target="_blank">Try For Free</a> <h6 class="md:order-3">Book a <span @click="openDemo = !openDemo" class="cursor-pointer">live demo</span> or <span><button class="cursor-pointer" @click="openVideo = !openVideo">Watch a video</button></span></h6> <div x-cloak x-show="openDemo" class="z-40 fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50"> <div class="bg-white p-6 rounded shadow-lg w-11/12 sm:w-4/6 lg:w-3/6 xl:w-2/6 max-h-[90dvh] m-auto overflow-y-auto custom-scrollbar"> <form wire:snapshot="{"data":{"firstName":"","lastName":"","email":"","isSuccess":false,"message":""},"memo":{"id":"XJ8yoPeODDUddBmXY2v6","name":"forms.demo-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"4bf9a21e0af3039ae315571345b255c430c87d5520dee4bc15aa240996274d9f"}" wire:effects="[]" wire:id="XJ8yoPeODDUddBmXY2v6" wire:submit.prevent="handleSubmit"> <div class="flex justify-between items-center border-b pb-2"> <h3 class="text-xl" >Book a live Demo</h3> </div>   <div class="mt-4"> <div class="section-card-form mb-10"> <div class="section-card-input space-y-5 mb-6"> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="firstName" placeholder="First Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="lastName" placeholder="Last Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 6.14502C3.00977 5.59273 3.45748 5.14502 4.00977 5.14502H20C20.5523 5.14502 21 5.59273 21 6.14502V17.4692C21 18.5738 20.1046 19.4692 19 19.4692H5C3.89543 19.4692 3 18.5738 3 17.4692V6.46924C3 6.42162 3.00333 6.37478 3.00977 6.32893V6.14502ZM5 8.36877V17.4692H19V8.36912L14.1215 13.2476C12.9499 14.4192 11.0504 14.4192 9.87885 13.2476L5 8.36877ZM6.57232 7.11267H17.428L12.7073 11.8334C12.3168 12.2239 11.6836 12.2239 11.2931 11.8334L6.57232 7.11267Z" fill="#F35F44" /> </svg> </div> <input type="email" class="h6-typography" placeholder="Email Address" wire:model="email" /> </div>  </div> </div> <div class="form-btn-wrapper w-full mt-4"> <button type="submit" class="main-btn [width:_100%_!important]"> <span class="links-typography">Submit</span> </button> </div> </div> </div>  <div class="mt-4 flex justify-end border-t pt-2"> <div @click="openDemo = !openDemo" class="main-btn links-typography md:order-2 cursor-pointer">Cancel</div> </div> </form> </div> </div> <div x-cloak x-show="openVideo" class=" z-40 fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50"> <div class="bg-white p-6 rounded shadow-lg w-11/12 m-auto"> <div class="m-auto max-w-7xl"> <iframe id="player" class="mx-auto w-full aspect-video" src="https://www.youtube.com/embed/ydHtZiuGbRM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="mt-4 flex justify-end border-t pt-2"> <button @click="openVideo = !openVideo" class="main-btn links-typography md:order-2 cursor-pointer"> Cancel </button> </div> </div> </div> <div class="hero-headline md:order-1">1,000+ global institutions - Millions of students - Rich data analytics</div> </div> </div> <div class="absolute hidden lg:flex justify-center w-full bottom-0 translate-y-[50%] pointer-events-none select-none"> <img class="max-w-[858px]" src="https://mywconline.com/assets/images/wconline-pc.png" alt="wc-online-img"> </div> </main> <section class="mt-4 lg:mt-[300px] mb-[34px] wrapper"> <div class="flex items-center justify-center overflow-hidden"> <div class="c-slider relative w-[180%]"> <div class="flex gap-6 items-center flex-nowrap w-[2100px]">  <a target="_blank" href="https://www.columbia.edu/" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/columbia-university.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.hostos.cuny.edu" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/hostos.png" alt="logo-img"> </a> <a target="_blank" href="https://www.oda.edu/visit-out-of-door-2024?gad_source=1&gclid=CjwKCAjwps-zBhAiEiwALwsVYesuW1QqQpETdPb9z4__ttFAtqYAcfOmsa28x_7Q4WabHgjePZvNzxoCxBAQAvD_BwE" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/out-of-door.png" alt="logo-img"> </a> <a target="_blank" href="https://www.swarthmore.edu" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/swarthmore.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.aub.edu.lb" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/american-university-of-Beirut.png" alt="logo-img"> </a> <a target="_blank" href="https://www.nwu.ac.za" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/NWU.png" alt="logo-img"> </a> <a target="_blank" href="https://www.utoronto.ca" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/university-of-toronto.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.stanford.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/stanford-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/purdue-university.png" alt="logo-img"> </a> <a target="_blank" href="https://umich.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/michigan-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/massachusette-institute.png" alt="logo-img"> </a> <a target="_blank" href="https://www.washington.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/washington-university.png" alt="logo-img"> </a>  </div> </div> </div> </section> <section class="flex flex-col md:flex-row justify-between gap-y-6 gap-x-[95px] max-w-[1300px] mx-auto px-4 md:px-0"> <img class="md:hidden" src="https://mywconline.com/assets/images/wconline-pc.png" alt="auto-track-mobile"> <div class="w-full hidden md:grid grid-cols-12 grid-rows-1 items-center h-1/2"> <div class="col-start-1 col-end-12 pl-20 row-start-1 "> <svg width="614" height="645" viewBox="0 0 614 645" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M295.414 12.923C356.619 14.6514 419.153 1.1239 473.929 28.4864C534.704 58.8451 599.73 104.471 612.328 171.232C624.789 237.269 557.585 288.771 534.989 352.061C513.393 412.548 523.942 483.077 483.25 532.766C435.921 590.559 369.962 639.899 295.414 644.604C219.194 649.415 145.314 609.777 89.5235 557.618C37.7301 509.197 10.741 440.035 1.41344 369.746C-6.79242 307.91 22.6221 251.149 40.9413 191.522C59.643 130.649 57.2985 54.7738 109.42 18.1927C161.462 -18.3324 231.861 11.1283 295.414 12.923Z" fill="#E13030"/> </svg> </div> <img class="col-start-2 col-end-13 row-start-1" src="https://mywconline.com/assets/images/auto-track.png" alt="auto-track"> </div> <div class="w-full md:max-w-[411px] md:pt-[62px] text-center md:text-start"> <div class="h2-semibold-typography hidden md:block">Automatically Generate Reports</div> <div class="h2-semibold-typography md:hidden">Automatically track student & tutor data and generate easy-to-read dashboards to share with other stakeholders at the university.</div> <div class="flex flex-col gap-y-6 mt-6 pr-[25px]"> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Full-suite student CRM</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Robust data privacy & security</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Full center utilization report & custom data dashboards</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Granular breakdown of center usage by staff, schedule, day of week etc.</div> </div> </div> <div x-data="{ openDemo: false , openTrial: false,}" class="flex flex-col md:flex-row md:justify-end md:items-center gap-[11px] mt-[50px] md:mt-[62px]"> <button @click="openTrial = !openTrial" class="main-btn links-typography w-full" style="width: 100%">30 day free trial</button> <button @click="openDemo = !openDemo" class="main-outline-btn links-typography w-full" style="width: 100%"><span class="text-hover-gradient">Book a live demo</span></button> <div x-cloak x-show="openDemo" class="z-40 fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50"> <div class="bg-white p-6 rounded shadow-lg w-11/12 sm:w-4/6 lg:w-3/6 xl:w-2/6 max-h-[90dvh] m-auto overflow-y-auto custom-scrollbar"> <form wire:snapshot="{"data":{"firstName":"","lastName":"","email":"","isSuccess":false,"message":""},"memo":{"id":"dvqyEoIUaJImeYOSOoj3","name":"forms.demo-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"78565606ab72a56cfafa7904f86788888d72c86914ba7746e3262d29bd9a1d4a"}" wire:effects="[]" wire:id="dvqyEoIUaJImeYOSOoj3" wire:submit.prevent="handleSubmit"> <div class="flex justify-between items-center border-b pb-2"> <h3 class="text-xl" >Book a live Demo</h3> </div>   <div class="mt-4"> <div class="section-card-form mb-10"> <div class="section-card-input space-y-5 mb-6"> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="firstName" placeholder="First Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="lastName" placeholder="Last Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 6.14502C3.00977 5.59273 3.45748 5.14502 4.00977 5.14502H20C20.5523 5.14502 21 5.59273 21 6.14502V17.4692C21 18.5738 20.1046 19.4692 19 19.4692H5C3.89543 19.4692 3 18.5738 3 17.4692V6.46924C3 6.42162 3.00333 6.37478 3.00977 6.32893V6.14502ZM5 8.36877V17.4692H19V8.36912L14.1215 13.2476C12.9499 14.4192 11.0504 14.4192 9.87885 13.2476L5 8.36877ZM6.57232 7.11267H17.428L12.7073 11.8334C12.3168 12.2239 11.6836 12.2239 11.2931 11.8334L6.57232 7.11267Z" fill="#F35F44" /> </svg> </div> <input type="email" class="h6-typography" placeholder="Email Address" wire:model="email" /> </div>  </div> </div> <div class="form-btn-wrapper w-full mt-4"> <button type="submit" class="main-btn [width:_100%_!important]"> <span class="links-typography">Submit</span> </button> </div> </div> </div>  <div class="mt-4 flex justify-end border-t pt-2"> <div @click="openDemo = !openDemo" class="main-btn links-typography md:order-2 cursor-pointer">Cancel</div> </div> </form> </div> </div> <div x-cloak x-show="openTrial" :class="openTrial ? 'c-modal-open' : ''" class=" z-40 fixed inset-0 flex items-center justify-center bg-gray-900 overflow-y-auto bg-opacity-50 custom-scrollbar"> <div class="bg-white p-6 rounded shadow-lg w-11/12 sm:w-4/6 lg:w-3/6 xl:w-2/6 max-h-[90dvh] overflow-y-auto m-auto"> <form wire:snapshot="{"data":{"firstName":"","lastName":"","email":"","phone":"","comments":"","isSuccess":false,"message":""},"memo":{"id":"i3rHd56vgYsqhreiEM6j","name":"forms.free-trial-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"70cf0cc16da37d68b0270c50fd8d6ba2e74bc22e4240c101deffb7132748db8e"}" wire:effects="[]" wire:id="i3rHd56vgYsqhreiEM6j" wire:submit.prevent="handleSubmit"> <div class="flex justify-between items-center border-b pb-2"> <h3 class="text-xl" >Start your 30 days free Trial</h3> </div>   <div class="mt-4"> <div class="section-card-form mb-10"> <div class="section-card-input space-y-4 mb-6"> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="First Name" wire:model="firstName" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="Last Name" wire:model="lastName" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 6.14502C3.00977 5.59273 3.45748 5.14502 4.00977 5.14502H20C20.5523 5.14502 21 5.59273 21 6.14502V17.4692C21 18.5738 20.1046 19.4692 19 19.4692H5C3.89543 19.4692 3 18.5738 3 17.4692V6.46924C3 6.42162 3.00333 6.37478 3.00977 6.32893V6.14502ZM5 8.36877V17.4692H19V8.36912L14.1215 13.2476C12.9499 14.4192 11.0504 14.4192 9.87885 13.2476L5 8.36877ZM6.57232 7.11267H17.428L12.7073 11.8334C12.3168 12.2239 11.6836 12.2239 11.2931 11.8334L6.57232 7.11267Z" fill="#F35F44" /> </svg> </div> <input type="email" class="h6-typography" placeholder="Email Address" wire:model="email" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M22 12.3071C22 10.9939 21.7413 9.6936 21.2388 8.48022C20.7362 7.26709 19.9997 6.16455 19.0711 5.23608C18.1425 4.30737 17.0401 3.5708 15.8268 3.06836C14.6136 2.56567 13.3132 2.30713 12 2.30713V4.30713C13.0506 4.30713 14.0909 4.51416 15.0615 4.91602C16.0321 5.31812 16.914 5.90747 17.6569 6.65039C18.3997 7.39307 18.989 8.27515 19.391 9.24561C19.7931 10.2163 20 11.2566 20 12.3071H22Z" fill="#F35F44" /> <path d="M2 10.3071V5.30713C2 4.75488 2.44772 4.30713 3 4.30713H8C8.55228 4.30713 9 4.75488 9 5.30713V9.30713C9 9.85938 8.55228 10.3071 8 10.3071H6C6 14.7253 9.58173 18.3071 14 18.3071V16.3071C14 15.7549 14.4477 15.3071 15 15.3071H19C19.5523 15.3071 20 15.7549 20 16.3071V21.3071C20 21.8594 19.5523 22.3071 19 22.3071H14C7.37259 22.3071 2 16.9346 2 10.3071Z" fill="#F35F44" /> <path d="M17.5433 10.011C17.8448 10.739 18 11.5193 18 12.3071H16.2C16.2 11.7556 16.0914 11.2095 15.8803 10.7C15.6692 10.1902 15.3599 9.72729 14.9698 9.3374C14.5798 8.94727 14.1169 8.63794 13.6073 8.42676C13.0977 8.21582 12.5515 8.10718 12 8.10718V6.30713C12.7879 6.30713 13.5681 6.4624 14.2961 6.76392C15.024 7.06543 15.6855 7.50732 16.2426 8.06445C16.7998 8.62158 17.2418 9.28296 17.5433 10.011Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="Phone" wire:model="phone" /> </div>  </div> <textarea class="h6-typography" name="" id="" cols="30" rows="2" placeholder="Add Comments" wire:model="comments" ></textarea>  </div> <div class="form-btn-wrapper w-full"> <button type="submit" class="main-btn [width:_100%_!important]"> <div class="links-typography">Submit</div> </button> </div> </div> </div>  <div class="mt-4 flex justify-end border-t pt-2"> <div @click="openTrial = !openTrial" class="main-btn ml-auto block [width:_fit-content] links-typography md:order-2 cursor-pointer"> Cancel </div> </div> </form> </div> </div> </div> </div> </section> <section class="w-full md:max-w-[1300px] mx-auto flex flex-col md:flex-row justify-between gap-y-6 mt-6 px-4"> <div class="flex flex-col gap-y-6 md:py-[125px]"> <div class="content-header order-2 md:order-1 flex flex-col gap-y-6"> <div class="h2-typography text-center md:text-start">Easily Search and Book Tutoring Sessions</div> <div class="content-paragraph">Students can search & filter tutors by availability, subject, expertise, etc. and book appointments instantaneously through the platform.</div> </div> <div class="content-body order-1 md:order-2 flex flex-col gap-y-3"> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">In-person, virtual, and asynchronous meeting options</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Group meeting configuration for workshops or team assignments</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Automated confirmation & reminder messages</div> </div> <div class="check-item"> <div> <svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 14C0.5 6.26801 6.76801 0 14.5 0C22.232 0 28.5 6.26801 28.5 14C28.5 21.732 22.232 28 14.5 28C6.76801 28 0.5 21.732 0.5 14Z" fill="#F2F2F2"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4457 8.62169L12.0923 16.6834L9.87568 14.315C9.46734 13.93 8.82568 13.9067 8.35901 14.2334C7.90401 14.5717 7.77568 15.1667 8.05568 15.645L10.6807 19.915C10.9373 20.3117 11.3807 20.5567 11.8823 20.5567C12.3607 20.5567 12.8157 20.3117 13.0723 19.915C13.4923 19.3667 21.5073 9.81169 21.5073 9.81169C22.5573 8.73836 21.2857 7.79336 20.4457 8.61002V8.62169Z" fill="#F35F44"/> </svg> </div> <div class="check-item-text">Easily modify or reschedule existing appointments</div> </div> </div> </div> <div class="img-wrapper my-auto grid grid-cols-1 grid-rows-1 h-1/2 place-content-center place-items-center overflow-hidden"> <img class="col-start-1 col-end-1 row-start-1 row-end-1 h-5/6 object-contain rotate-45 [z-index:_-1]" src="https://mywconline.com/assets/images/track-bg-shape.png" /> <img class="col-start-1 col-end-1 row-start-1 row-end-1" class="hero-img" src="https://mywconline.com/assets/images/appointement.png" alt=""> </div> </section> <section class="numbers-section wrapper"> <div class="numbers-wrapper"> <div class="numbers-header"> <h2>WCO in numbers</h2> </div> <div class="numbers-cards"> <div class="py-4 px-6 flex gap-3 rounded-xl [box-shadow:_0px_4px_40px_0px_#2B59FF14] bg-[#FBFCFF]"> <div class="number-percentage"> <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="40.4258" cy="40" r="40" transform="rotate(180 40.4258 40)" fill="#E6F9F5"/> <path d="M34.533 39.9459L31.5867 36.9997L40.4255 28.1608L49.2644 36.9997L46.3181 39.9459L42.5089 36.1367L42.5089 51.8391L38.3422 51.8391L38.3422 36.1367L34.533 39.9459Z" fill="#00BB98"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2211 23.7955C33.1706 14.8459 47.6806 14.8459 56.6301 23.7955C65.5797 32.745 65.5797 47.255 56.6301 56.2045C47.6806 65.154 33.1706 65.154 24.2211 56.2045C15.2716 47.255 15.2716 32.745 24.2211 23.7955ZM27.1674 26.7417C34.4897 19.4194 46.3615 19.4194 53.6839 26.7417C61.0062 34.0641 61.0062 45.9359 53.6839 53.2582C46.3615 60.5806 34.4897 60.5806 27.1674 53.2582C19.845 45.9359 19.845 34.0641 27.1674 26.7417Z" fill="#00BB98"/> </svg> </div> <div class="text-base leading-[26px] text-[#000B33]"><span class="font-bold">Improved</span> student reach and appointment volume</div> </div> <div class="py-4 px-6 flex gap-3 rounded-xl [box-shadow:_0px_4px_40px_0px_#2B59FF14] bg-[#FBFCFF]"> <div class="number-percentage"> <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="40.4258" cy="40" r="40" transform="rotate(180 40.4258 40)" fill="#E6F9F5"/> <path d="M34.533 39.9459L31.5867 36.9997L40.4255 28.1608L49.2644 36.9997L46.3181 39.9459L42.5089 36.1367L42.5089 51.8391L38.3422 51.8391L38.3422 36.1367L34.533 39.9459Z" fill="#00BB98"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.2211 23.7955C33.1706 14.8459 47.6806 14.8459 56.6301 23.7955C65.5797 32.745 65.5797 47.255 56.6301 56.2045C47.6806 65.154 33.1706 65.154 24.2211 56.2045C15.2716 47.255 15.2716 32.745 24.2211 23.7955ZM27.1674 26.7417C34.4897 19.4194 46.3615 19.4194 53.6839 26.7417C61.0062 34.0641 61.0062 45.9359 53.6839 53.2582C46.3615 60.5806 34.4897 60.5806 27.1674 53.2582C19.845 45.9359 19.845 34.0641 27.1674 26.7417Z" fill="#00BB98"/> </svg> </div> <div class="text-base leading-[26px] text-[#000B33]"><span class="font-bold">Improved</span> student satisfaction from your center services </div> </div> <div class="py-4 px-6 flex gap-3 rounded-xl [box-shadow:_0px_4px_40px_0px_#2B59FF14] bg-[#FBFCFF]"> <div class="number-percentage"> <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="40.5" cy="40" r="40" fill="#F9ECE6"/> <path d="M46.3928 40.0541L49.3391 43.0003L40.5002 51.8392L31.6614 43.0004L34.6077 40.0541L38.4169 43.8633V28.1609H42.5836V43.8633L46.3928 40.0541Z" fill="#F35F44"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M56.7047 56.2045C47.7552 65.1541 33.2451 65.1541 24.2956 56.2045C15.3461 47.255 15.3461 32.745 24.2956 23.7955C33.2451 14.846 47.7552 14.846 56.7047 23.7955C65.6542 32.745 65.6542 47.255 56.7047 56.2045ZM53.7584 53.2583C46.4361 60.5806 34.5642 60.5806 27.2419 53.2583C19.9196 45.9359 19.9196 34.0641 27.2419 26.7418C34.5642 19.4194 46.4361 19.4194 53.7584 26.7418C61.0807 34.0641 61.0807 45.9359 53.7584 53.2583Z" fill="#F35F44"/> </svg> </div> <div class="text-base leading-[26px] text-[#000B33]"><span class="font-bold">Decreased</span> time spent on administrative tasks</div> </div> <div class="py-4 px-6 flex gap-3 rounded-xl [box-shadow:_0px_4px_40px_0px_#2B59FF14] bg-[#FBFCFF]"> <div class="number-percentage"> <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="40.5" cy="40" r="40" fill="#F9ECE6"/> <path d="M46.3928 40.0541L49.3391 43.0003L40.5002 51.8392L31.6614 43.0004L34.6077 40.0541L38.4169 43.8633V28.1609H42.5836V43.8633L46.3928 40.0541Z" fill="#F35F44"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M56.7047 56.2045C47.7552 65.1541 33.2451 65.1541 24.2956 56.2045C15.3461 47.255 15.3461 32.745 24.2956 23.7955C33.2451 14.846 47.7552 14.846 56.7047 23.7955C65.6542 32.745 65.6542 47.255 56.7047 56.2045ZM53.7584 53.2583C46.4361 60.5806 34.5642 60.5806 27.2419 53.2583C19.9196 45.9359 19.9196 34.0641 27.2419 26.7418C34.5642 19.4194 46.4361 19.4194 53.7584 26.7418C61.0807 34.0641 61.0807 45.9359 53.7584 53.2583Z" fill="#F35F44"/> </svg> </div> <div class="text-base leading-[26px] text-[#000B33]"><span class="font-bold">Decreased</span> No-shows and cancelled appointments</div> </div> </div> </div> </section> <section class="cummunicate-section wrapper"> <div class="cummunicate-wrapper"> <div class="card-wrapper"> <div class="card-header"> <h1>Live Communication Tools</h1> </div> <div class="bubbles-wrapper"> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.1" cx="25" cy="25" r="25" fill="#377CFD"/> <g clip-path="url(#clip0_12_4064)"> <path d="M33.5934 15.1313L15.4879 26.0989C14.7809 26.5254 14.8707 27.559 15.5738 27.8707L19.7262 29.7L30.9488 19.3149C31.1637 19.1139 31.4684 19.4215 31.2848 19.6553L21.8746 31.6934V34.9952C21.8746 35.9631 22.9879 36.3446 23.5348 35.6432L26.0152 32.4727L30.8824 34.6137C31.4371 34.8598 32.0699 34.4948 32.1715 33.8672L34.984 16.1485C35.1168 15.32 34.2691 14.7211 33.5934 15.1313Z" fill="#377CFD"/> </g> <defs> <clipPath id="clip0_12_4064"> <rect width="20" height="21" fill="white" transform="translate(15 15)"/> </clipPath> </defs> </svg> </div> <div class="h6-semibold-typography">Direct messages to students </div> </div> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.1" cx="25.5" cy="25" r="25" fill="#FD4C5C"/> <g clip-path="url(#clip0_414_1855)"> <path d="M15.5 20.4488C15.5 19.2219 16.4965 18.2244 17.7222 18.2244H26.6111C27.8368 18.2244 28.8333 19.2219 28.8333 20.4488V29.3465C28.8333 30.5734 27.8368 31.5709 26.6111 31.5709H17.7222C16.4965 31.5709 15.5 30.5734 15.5 29.3465V20.4488ZM34.9132 19.4687C35.2743 19.6633 35.5 20.0387 35.5 20.4488V29.3465C35.5 29.7566 35.2743 30.132 34.9132 30.3266C34.5521 30.5212 34.1146 30.5004 33.7708 30.271L30.4375 28.0466L29.9444 27.7164V27.122V22.6732V22.0789L30.4375 21.7487L33.7708 19.5243C34.1111 19.2984 34.5486 19.2741 34.9132 19.4687Z" fill="#F35F44"/> </g> <defs> <clipPath id="clip0_414_1855"> <rect width="20" height="17.7953" fill="white" transform="translate(15.5 16)"/> </clipPath> </defs> </svg> </div> <div class="h6-semibold-typography">Built-in video call platform for synchronous sessions</div> </div> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <svg width="50" height="50" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="40.1669" cy="40" rx="39.598" ry="40" fill="#FFC83E"/> <path d="M40.1658 31.9981C43.4462 31.9981 46.1055 29.3123 46.1055 25.9991C46.1055 22.6859 43.4462 20 40.1658 20C36.8854 20 34.2261 22.6859 34.2261 25.9991C34.2261 29.3123 36.8854 31.9981 40.1658 31.9981Z" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40.167 59.9937V31.998" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26.3074 40.0033H20.3677C20.3677 45.3068 22.4536 50.3931 26.1667 54.1432C29.8797 57.8934 34.9157 60.0002 40.1667 60.0002C45.4177 60.0002 50.4537 57.8934 54.1667 54.1432C57.8798 50.3931 59.9657 45.3068 59.9657 40.0033H54.026" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="h6-semibold-typography">Zoom, Google Meet, and Webex integrations</div> </div> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <svg width="50" height="50" width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="40.5004" cy="40" rx="39.598" ry="40" fill="#781BFF"/> <path d="M52.1399 33.5662L43.3558 40.7089C42.5495 41.3485 41.5539 41.6962 40.5286 41.6962C39.5034 41.6962 38.5078 41.3485 37.7015 40.7089L28.8433 33.5662" stroke="#781BFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.766 22H50.1792C52.9796 22.0312 55.642 23.2272 57.5508 25.3072C58.4963 26.3393 59.2256 27.5538 59.6948 28.8777C60.164 30.2017 60.3634 31.6078 60.2812 33.0115V46.5898C60.3634 47.9935 60.164 49.3996 59.6948 50.7236C59.2256 52.0475 58.4963 53.262 57.5508 54.2941C56.6089 55.3223 55.4695 56.1458 54.2021 56.7144C52.9347 57.2831 51.5659 57.5848 50.1792 57.6013H30.766C24.7535 57.6013 20.7012 52.6613 20.7012 46.5898V33.0115C20.7012 26.94 24.7535 22 30.766 22Z" stroke="#781BFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="h6-semibold-typography">Post session reflection, feedback, and file sharing</div> </div> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <div class="mx-auto rounded-full p-4 bg-gray-700 bg-opacity-10 size-[49px] text-yellow-900"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 458 512"><path d="M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v25.4c0 45.4-15.5 89.5-43.8 124.9L5.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S14.8 416 24 416H424c9.2 0 17.6-5.3 21.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5 322.9 384 278.8 384 233.4V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm0 96c61.9 0 112 50.1 112 112v25.4c0 47.9 13.9 94.6 39.7 134.6H72.3C98.1 328 112 281.3 112 233.4V208c0-61.9 50.1-112 112-112zm64 352H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"/></svg> </div> </div> <div class="h6-semibold-typography">Customizable appointment reminders, mass emails, and student surveys</div> </div> <div class="bubble-component hover:shadow-lg transition-all duration-300"> <div class="svg-wrapper"> <svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.1" cx="25.5" cy="25" r="25" fill="#00BB98"/> <path d="M25.5 15C25.6797 15 25.8594 15.0391 26.0235 15.1133L33.3789 18.2344C34.2383 18.5977 34.8789 19.4453 34.875 20.4688C34.8555 24.3438 33.2617 31.4336 26.5313 34.6562C25.8789 34.9688 25.1211 34.9688 24.4688 34.6562C17.7383 31.4336 16.1445 24.3438 16.125 20.4688C16.1211 19.4453 16.7617 18.5977 17.6211 18.2344L24.9805 15.1133C25.1406 15.0391 25.3203 15 25.5 15ZM25.5 17.6094V32.375C30.8906 29.7656 32.3399 23.9883 32.375 20.5234L25.5 17.6094Z" fill="#34A853"/> </svg> </div> <div class="h6-semibold-typography">Secure Portal Messaging & Privacy</div> </div> </div> </div> <div class="content-wrapper" style="background-image: url('https://mywconline.com/assets/images/track-bg-shape.png');"> <div class="content-header"> <h2>Live Communication Tools</h2> <img src="https://mywconline.com/assets/images/live-communication.png" /> <p>Communicate seamlessly with students directly through your WCONLINE site. Set up automated reminders or have personalized conversations in online sessions</p> </div> <div class="content-btn-wrapper"> <a href="https://demo.mywconline.com" target="_blank" class="main-btn"> <div class="svg-wrapper"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 10.0367L8.00002 10.0367L8 16.0367L14 16.0367L14 14.0367L11.4143 14.0366L16.7438 8.7071L15.3296 7.29289L10 12.6224L10 10.0367Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="white"/> </svg> </div> <div class="links-typography">Check out our Self-Guided Demo</div> </a> </div> </div> </div> </section> <section class="feature-section wrapper"> <div class="feature-wrapper"> <div class="feature-header"> <h2>Key Features</h2> </div> <div class="feature-cards">  <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="40.1669" cy="40" rx="39.598" ry="40" fill="#FFC83E"/> <path d="M40.1658 31.9981C43.4462 31.9981 46.1055 29.3123 46.1055 25.9991C46.1055 22.6859 43.4462 20 40.1658 20C36.8854 20 34.2261 22.6859 34.2261 25.9991C34.2261 29.3123 36.8854 31.9981 40.1658 31.9981Z" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40.167 59.9937V31.998" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26.3074 40.0033H20.3677C20.3677 45.3068 22.4536 50.3931 26.1667 54.1432C29.8797 57.8934 34.9157 60.0002 40.1667 60.0002C45.4177 60.0002 50.4537 57.8934 54.1667 54.1432C57.8798 50.3931 59.9657 45.3068 59.9657 40.0033H54.026" stroke="#FFC83E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Built-in Virtual Meeting Space</div> </div> <div class="feature-body"> <p>Students & tutors can connect via the built-in video chat platform or via integrations with Zoom, Webex, or Google Meet.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="40.5004" cy="40" rx="39.598" ry="40" fill="#781BFF"/> <path d="M52.1399 33.5662L43.3558 40.7089C42.5495 41.3485 41.5539 41.6962 40.5286 41.6962C39.5034 41.6962 38.5078 41.3485 37.7015 40.7089L28.8433 33.5662" stroke="#781BFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.766 22H50.1792C52.9796 22.0312 55.642 23.2272 57.5508 25.3072C58.4963 26.3393 59.2256 27.5538 59.6948 28.8777C60.164 30.2017 60.3634 31.6078 60.2812 33.0115V46.5898C60.3634 47.9935 60.164 49.3996 59.6948 50.7236C59.2256 52.0475 58.4963 53.262 57.5508 54.2941C56.6089 55.3223 55.4695 56.1458 54.2021 56.7144C52.9347 57.2831 51.5659 57.5848 50.1792 57.6013H30.766C24.7535 57.6013 20.7012 52.6613 20.7012 46.5898V33.0115C20.7012 26.94 24.7535 22 30.766 22Z" stroke="#781BFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Survey & Feedback Forms</div> </div> <div class="feature-body"> <p>Tutors & admins can create survey questions and collect student feedback after each session.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="39.8334" cy="40" rx="39.598" ry="40" fill="#001C80"/> <g clip-path="url(#clip0_414_1181)"> <path d="M24.9841 29.5C24.9841 28.5717 25.3491 27.6815 25.9989 27.0251C26.6487 26.3687 27.53 26 28.4489 26C29.3678 26 30.2491 26.3687 30.8989 27.0251C31.5487 27.6815 31.9137 28.5717 31.9137 29.5C31.9137 30.4283 31.5487 31.3185 30.8989 31.9749C30.2491 32.6313 29.3678 33 28.4489 33C27.53 33 26.6487 32.6313 25.9989 31.9749C25.3491 31.3185 24.9841 30.4283 24.9841 29.5ZM24.4891 39.3562C23.8704 40.0562 23.4992 40.9875 23.4992 42C23.4992 43.0125 23.8704 43.9437 24.4891 44.6437V39.3562ZM33.4234 36.275C31.5858 37.9187 30.4288 40.325 30.4288 43C30.4288 45.1437 31.1713 47.1125 32.4087 48.6562V50C32.4087 51.1063 31.5239 52 30.4288 52H26.469C25.3739 52 24.4891 51.1063 24.4891 50V48.325C22.1503 47.2 20.5293 44.7938 20.5293 42C20.5293 38.1313 23.6291 35 27.459 35H29.4389C30.9238 35 32.2973 35.4688 33.4234 36.2688V36.275ZM48.2479 50V48.6562C49.4854 47.1125 50.2278 45.1437 50.2278 43C50.2278 40.325 49.0708 37.9187 47.2332 36.2688C48.3593 35.4688 49.7329 35 51.2178 35H53.1977C57.0276 35 60.1273 38.1313 60.1273 42C60.1273 44.7938 58.5063 47.2 56.1675 48.325V50C56.1675 51.1063 55.2828 52 54.1876 52H50.2278C49.1327 52 48.2479 51.1063 48.2479 50ZM48.7429 29.5C48.7429 28.5717 49.108 27.6815 49.7577 27.0251C50.4075 26.3687 51.2888 26 52.2077 26C53.1267 26 54.008 26.3687 54.6577 27.0251C55.3075 27.6815 55.6726 28.5717 55.6726 29.5C55.6726 30.4283 55.3075 31.3185 54.6577 31.9749C54.008 32.6313 53.1267 33 52.2077 33C51.2888 33 50.4075 32.6313 49.7577 31.9749C49.108 31.3185 48.7429 30.4283 48.7429 29.5ZM56.1675 39.3562V44.65C56.7863 43.9438 57.1575 43.0188 57.1575 42.0063C57.1575 40.9938 56.7863 40.0625 56.1675 39.3625V39.3562ZM40.3283 26C41.3785 26 42.3857 26.4214 43.1283 27.1716C43.8709 27.9217 44.2881 28.9391 44.2881 30C44.2881 31.0609 43.8709 32.0783 43.1283 32.8284C42.3857 33.5786 41.3785 34 40.3283 34C39.2781 34 38.2709 33.5786 37.5283 32.8284C36.7857 32.0783 36.3685 31.0609 36.3685 30C36.3685 28.9391 36.7857 27.9217 37.5283 27.1716C38.2709 26.4214 39.2781 26 40.3283 26ZM35.3786 43C35.3786 44.0125 35.7498 44.9375 36.3685 45.6437V40.3563C35.7498 41.0625 35.3786 41.9875 35.3786 43ZM44.2881 40.3563V45.65C44.9068 44.9438 45.2781 44.0188 45.2781 43.0063C45.2781 41.9938 44.9068 41.0625 44.2881 40.3625V40.3563ZM48.2479 43C48.2479 45.7938 46.6269 48.2 44.2881 49.325V52C44.2881 53.1063 43.4034 54 42.3082 54H38.3484C37.2533 54 36.3685 53.1063 36.3685 52V49.325C34.0298 48.2 32.4087 45.7938 32.4087 43C32.4087 39.1313 35.5085 36 39.3384 36H41.3183C45.1481 36 48.2479 39.1313 48.2479 43Z" fill="#001C7F"/> </g> <defs> <clipPath id="clip0_414_1181"> <rect width="39.598" height="32" fill="white" transform="translate(20.5293 24)"/> </clipPath> </defs> </svg> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Student CRM</div> </div> <div class="feature-body"> <p>Centralize student data, increase engagement, and foster stronger university relationships</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <ellipse opacity="0.1" cx="40.1669" cy="40" rx="39.598" ry="40" fill="#00BB98"/> <g clip-path="url(#clip0_414_559)"> <path d="M23.3265 20.5469C22.7449 19.8203 21.8044 19.8203 21.2228 20.5469C20.6412 21.2734 20.6474 22.4688 21.2228 23.2031L25.6776 28.8281C26.2592 29.5625 27.1996 29.5625 27.7751 28.8281C28.3505 28.0938 28.3567 26.9063 27.7751 26.1797L23.3265 20.5469ZM57.851 20.5469L53.3962 26.1719C52.8146 26.9063 52.8146 28.0938 53.3962 28.8203C53.9778 29.5469 54.9183 29.5547 55.4937 28.8203L59.9485 23.1953C60.5301 22.4609 60.5301 21.2734 59.9485 20.5469C59.3669 19.8203 58.4264 19.8125 57.851 20.5469ZM21.2228 59.4531C21.8044 60.1875 22.7449 60.1875 23.3203 59.4531L27.7751 53.8281C28.3567 53.0938 28.3567 51.9063 27.7751 51.1797C27.1935 50.4531 26.253 50.4453 25.6776 51.1797L21.2228 56.7969C20.6412 57.5313 20.6412 58.7188 21.2228 59.4453V59.4531ZM57.851 59.4531C58.4326 60.1875 59.3731 60.1875 59.9485 59.4531C60.5239 58.7188 60.5301 57.5313 59.9485 56.8047L55.4937 51.1797C54.9121 50.4453 53.9716 50.4453 53.3962 51.1797C52.8208 51.9141 52.8146 53.1016 53.3962 53.8281L57.851 59.4531ZM40.5887 40C41.6389 40 42.6461 39.4732 43.3887 38.5355C44.1314 37.5979 44.5485 36.3261 44.5485 35C44.5485 33.6739 44.1314 32.4022 43.3887 31.4645C42.6461 30.5268 41.6389 30 40.5887 30C39.5385 30 38.5313 30.5268 37.7887 31.4645C37.0461 32.4022 36.6289 33.6739 36.6289 35C36.6289 36.3261 37.0461 37.5979 37.7887 38.5355C38.5313 39.4732 39.5385 40 40.5887 40ZM33.9128 46.25C33.7457 46.8359 33.6591 47.4688 33.6591 48.125C33.6591 49.1641 34.3211 50 35.144 50H46.0335C46.8564 50 47.5184 49.1641 47.5184 48.125C47.5184 47.4688 47.4318 46.8359 47.2647 46.25C47.2338 46.1406 47.2029 46.0391 47.1657 45.9375C46.5841 44.1953 45.3219 42.8984 43.8061 42.5781C43.5648 42.5234 43.3173 42.5 43.0636 42.5H38.1139C37.8602 42.5 37.6127 42.5234 37.3714 42.5781C37.3219 42.5859 37.2662 42.6016 37.2167 42.6172C35.6761 43.0156 34.4263 44.4141 33.9128 46.25ZM31.6668 37.5C32.0568 37.5 32.443 37.403 32.8033 37.2146C33.1636 37.0261 33.491 36.7499 33.7668 36.4017C34.0426 36.0534 34.2613 35.64 34.4106 35.1851C34.5598 34.7301 34.6367 34.2425 34.6367 33.75C34.6367 33.2575 34.5598 32.7699 34.4106 32.3149C34.2613 31.86 34.0426 31.4466 33.7668 31.0984C33.491 30.7501 33.1636 30.4739 32.8033 30.2855C32.443 30.097 32.0568 30 31.6668 30C31.2768 30 30.8906 30.097 30.5303 30.2855C30.17 30.4739 29.8426 30.7501 29.5668 31.0984C29.291 31.4466 29.0723 31.86 28.923 32.3149C28.7738 32.7699 28.697 33.2575 28.697 33.75C28.697 34.2425 28.7738 34.7301 28.923 35.1851C29.0723 35.64 29.291 36.0534 29.5668 36.4017C29.8426 36.7499 30.17 37.0261 30.5303 37.2146C30.8906 37.403 31.2768 37.5 31.6668 37.5ZM30.0272 40C28.2082 40 26.7294 41.8672 26.7294 44.1641C26.7294 45.3125 27.4657 46.25 28.3814 46.25H31.8524C32.3474 43.5859 33.8818 41.4297 35.8865 40.5C35.4224 40.1797 34.8841 40 34.3211 40H30.0272ZM52.7961 46.25C53.7056 46.25 54.4481 45.3203 54.4481 44.1641C54.4481 41.8594 52.9693 40 51.1503 40H46.8564C46.2871 40 45.755 40.1797 45.291 40.5C47.2957 41.4297 48.8301 43.5859 49.3251 46.25H52.7961ZM49.4983 37.5C49.8883 37.5 50.2745 37.403 50.6348 37.2146C50.9951 37.0261 51.3225 36.7499 51.5983 36.4017C51.8741 36.0534 52.0928 35.64 52.2421 35.1851C52.3913 34.7301 52.4682 34.2425 52.4682 33.75C52.4682 33.2575 52.3913 32.7699 52.2421 32.3149C52.0928 31.86 51.8741 31.4466 51.5983 31.0984C51.3225 30.7501 50.9951 30.4739 50.6348 30.2855C50.2745 30.097 49.8883 30 49.4983 30C49.1083 30 48.7221 30.097 48.3618 30.2855C48.0015 30.4739 47.6741 30.7501 47.3983 31.0984C47.1225 31.4466 46.9038 31.86 46.7545 32.3149C46.6053 32.7699 46.5284 33.2575 46.5284 33.75C46.5284 34.2425 46.6053 34.7301 46.7545 35.1851C46.9038 35.64 47.1225 36.0534 47.3983 36.4017C47.6741 36.7499 48.0015 37.0261 48.3618 37.2146C48.7221 37.403 49.1083 37.5 49.4983 37.5Z" fill="#34A853"/> </g> <defs> <clipPath id="clip0_414_559"> <rect width="39.598" height="40" fill="white" transform="translate(20.7896 20)"/> </clipPath> </defs> </svg> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Customization Options</div> </div> <div class="feature-body"> <p>Admins can set scheduling parameters, customize appointment and registration forms, and create unique student-facing announcements.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <div class="mx-auto rounded-full p-4 bg-gray-700 bg-opacity-10 size-20 text-yellow-900"> <svg fill="gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 952 952"><path d="M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"/></svg> </div> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">SAML Single Sign On Integration</div> </div> <div class="feature-body"> <p>Students can sign into WCONLINE using their existing institutional credentials for an easy booking experience. Transfer key information via SAML into a student’s registration form.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <div class="mx-auto rounded-full p-4 bg-red-700 bg-opacity-10 size-20 text-yellow-900"> <svg stroke="red" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 42 42" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"> <rect x="3" y="3" width="7" height="7"></rect> <rect x="14" y="3" width="7" height="7"></rect> <rect x="14" y="14" width="7" height="7"></rect> <rect x="3" y="14" width="7" height="7"></rect> </svg> </div> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Multipurpose</div> </div> <div class="feature-body"> <p>In addition to one-to-one sessions, admins can create schedules for test proctoring, material and equipment reservations, and room bookings,</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <div class="mx-auto bg-purple-800 bg-opacity-10 size-20 rounded-full p-4"> <svg fill="purple" class="object-contain" viewBox="0 0 852 852"><path d="M256 48C141.1 48 48 141.1 48 256v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V256C0 114.6 114.6 0 256 0S512 114.6 512 256V400.1c0 48.6-39.4 88-88.1 88L313.6 488c-8.3 14.3-23.8 24-41.6 24H240c-26.5 0-48-21.5-48-48s21.5-48 48-48h32c17.8 0 33.3 9.7 41.6 24l110.4 .1c22.1 0 40-17.9 40-40V256c0-114.9-93.1-208-208-208zM144 208h16c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H144c-35.3 0-64-28.7-64-64V272c0-35.3 28.7-64 64-64zm224 0c35.3 0 64 28.7 64 64v48c0 35.3-28.7 64-64 64H352c-17.7 0-32-14.3-32-32V240c0-17.7 14.3-32 32-32h16z"/></svg> </div> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">24/7 Customer Support</div> </div> <div class="feature-body"> <p>Unlimited configuration support, troubleshooting help, same day phone and zoom calls, and video tutorial library.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <div class="mx-auto rounded-full bg-opacity-10 bg-orange p-4 size-20"> <svg fill="orange" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1112 952"><path d="M160 64c0-35.3 28.7-64 64-64H576c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H336.8c-11.8-25.5-29.9-47.5-52.4-64H384V320c0-17.7 14.3-32 32-32h64c17.7 0 32 14.3 32 32v32h64V64L224 64v49.1C205.2 102.2 183.3 96 160 96V64zm0 64a96 96 0 1 1 0 192 96 96 0 1 1 0-192zM133.3 352h53.3C260.3 352 320 411.7 320 485.3c0 14.7-11.9 26.7-26.7 26.7H26.7C11.9 512 0 500.1 0 485.3C0 411.7 59.7 352 133.3 352z"/></svg> </div> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Tutor Availability Management</div> </div> <div class="feature-body"> <p>Set tutor profiles and recurring weekly availability; easily change or move appointments in case of an absence. Admins can also make each tutor available for different modalities of tutoring.</p> </div> </div> <div class="feature-component transition-all duration-1000 group"> <div class="feature-header"> <div class="mx-auto rounded-full bg-green-800 bg-opacity-10 p-4 size-20"> <svg fill="green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 852 852"><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg> </div> <div class="h6-semibold-typography group-hover:-mt-3 group-hover:mb-3 transition-all duration-500">Time Clock Function</div> </div> <div class="feature-body"> <p>Students clock in and out for appointments and center activities online or via card swipe so you can track total traffic, and exact time spent for reporting purposes.</p> </div> </div>  </div> <div class="feature-details"> <h2>Check out our comprehensive product features for more details</h2> </div> <div class="btn-wrapper"> <a href="https://mywconline.com/features" class="main-btn"> <span class="links-typography">Product features</span> </a> </div> </div> </section> <section class="join-section"> <img src="/assets/images/join-shapes.png" alt=""> <div class="join-wrapper"> <div class="h2-semibold-typography">Join our community of 1,000+ leading universities and 10 million+ students </div> </div> </section> <section x-data="initPlans()" class="trial-section mt-8"> <svg class="dots-svg hidden 2xl:block" width="204" height="186" viewBox="0 0 204 186" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="3" cy="3" r="3" fill="#EB5757"/> <circle cx="21" cy="3" r="3" fill="#EB5757"/> <circle cx="39" cy="3" r="3" fill="#EB5757"/> <circle cx="57" cy="3" r="3" fill="#EB5757"/> <circle cx="75" cy="3" r="3" fill="#EB5757"/> <circle cx="93" cy="3" r="3" fill="#EB5757"/> <circle cx="111" cy="3" r="3" fill="#EB5757"/> <circle cx="129" cy="3" r="3" fill="#EB5757"/> <circle cx="147" cy="3" r="3" fill="#EB5757"/> <circle cx="165" cy="3" r="3" fill="#EB5757"/> <circle cx="183" cy="3" r="3" fill="#EB5757"/> <circle cx="201" cy="3" r="3" fill="#EB5757"/> <circle cx="3" cy="21" r="3" fill="#EB5757"/> <circle cx="21" cy="21" r="3" fill="#EB5757"/> <circle cx="39" cy="21" r="3" fill="#EB5757"/> <circle cx="57" cy="21" r="3" fill="#EB5757"/> <circle cx="75" cy="21" r="3" fill="#EB5757"/> <circle cx="93" cy="21" r="3" fill="#EB5757"/> <circle cx="111" cy="21" r="3" fill="#EB5757"/> <circle cx="129" cy="21" r="3" fill="#EB5757"/> <circle cx="147" cy="21" r="3" fill="#EB5757"/> <circle cx="165" cy="21" r="3" fill="#EB5757"/> <circle cx="183" cy="21" r="3" fill="#EB5757"/> <circle cx="201" cy="21" r="3" fill="#EB5757"/> <circle cx="3" cy="39" r="3" fill="#EB5757"/> <circle cx="21" cy="39" r="3" fill="#EB5757"/> <circle cx="39" cy="39" r="3" fill="#EB5757"/> <circle cx="57" cy="39" r="3" fill="#EB5757"/> <circle cx="75" cy="39" r="3" fill="#EB5757"/> <circle cx="93" cy="39" r="3" fill="#EB5757"/> <circle cx="111" cy="39" r="3" fill="#EB5757"/> <circle cx="129" cy="39" r="3" fill="#EB5757"/> <circle cx="147" cy="39" r="3" fill="#EB5757"/> <circle cx="165" cy="39" r="3" fill="#EB5757"/> <circle cx="183" cy="39" r="3" fill="#EB5757"/> <circle cx="201" cy="39" r="3" fill="#EB5757"/> <circle cx="3" cy="57" r="3" fill="#EB5757"/> <circle cx="21" cy="57" r="3" fill="#EB5757"/> <circle cx="39" cy="57" r="3" fill="#EB5757"/> <circle cx="57" cy="57" r="3" fill="#EB5757"/> <circle cx="75" cy="57" r="3" fill="#EB5757"/> <circle cx="93" cy="57" r="3" fill="#EB5757"/> <circle cx="111" cy="57" r="3" fill="#EB5757"/> <circle cx="129" cy="57" r="3" fill="#EB5757"/> <circle cx="147" cy="57" r="3" fill="#EB5757"/> <circle cx="165" cy="57" r="3" fill="#EB5757"/> <circle cx="183" cy="57" r="3" fill="#EB5757"/> <circle cx="201" cy="57" r="3" fill="#EB5757"/> <circle cx="3" cy="75" r="3" fill="#EB5757"/> <circle cx="21" cy="75" r="3" fill="#EB5757"/> <circle cx="39" cy="75" r="3" fill="#EB5757"/> <circle cx="57" cy="75" r="3" fill="#EB5757"/> <circle cx="75" cy="75" r="3" fill="#EB5757"/> <circle cx="93" cy="75" r="3" fill="#EB5757"/> <circle cx="111" cy="75" r="3" fill="#EB5757"/> <circle cx="129" cy="75" r="3" fill="#EB5757"/> <circle cx="147" cy="75" r="3" fill="#EB5757"/> <circle cx="165" cy="75" r="3" fill="#EB5757"/> <circle cx="183" cy="75" r="3" fill="#EB5757"/> <circle cx="201" cy="75" r="3" fill="#EB5757"/> <circle cx="3" cy="93" r="3" fill="#EB5757"/> <circle cx="21" cy="93" r="3" fill="#EB5757"/> <circle cx="39" cy="93" r="3" fill="#EB5757"/> <circle cx="57" cy="93" r="3" fill="#EB5757"/> <circle cx="75" cy="93" r="3" fill="#EB5757"/> <circle cx="93" cy="93" r="3" fill="#EB5757"/> <circle cx="111" cy="93" r="3" fill="#EB5757"/> <circle cx="129" cy="93" r="3" fill="#EB5757"/> <circle cx="147" cy="93" r="3" fill="#EB5757"/> <circle cx="165" cy="93" r="3" fill="#EB5757"/> <circle cx="183" cy="93" r="3" fill="#EB5757"/> <circle cx="201" cy="93" r="3" fill="#EB5757"/> <circle cx="3" cy="111" r="3" fill="#EB5757"/> <circle cx="21" cy="111" r="3" fill="#EB5757"/> <circle cx="39" cy="111" r="3" fill="#EB5757"/> <circle cx="57" cy="111" r="3" fill="#EB5757"/> <circle cx="75" cy="111" r="3" fill="#EB5757"/> <circle cx="93" cy="111" r="3" fill="#EB5757"/> <circle cx="111" cy="111" r="3" fill="#EB5757"/> <circle cx="129" cy="111" r="3" fill="#EB5757"/> <circle cx="147" cy="111" r="3" fill="#EB5757"/> <circle cx="165" cy="111" r="3" fill="#EB5757"/> <circle cx="183" cy="111" r="3" fill="#EB5757"/> <circle cx="201" cy="111" r="3" fill="#EB5757"/> <circle cx="3" cy="129" r="3" fill="#EB5757"/> <circle cx="21" cy="129" r="3" fill="#EB5757"/> <circle cx="39" cy="129" r="3" fill="#EB5757"/> <circle cx="57" cy="129" r="3" fill="#EB5757"/> <circle cx="75" cy="129" r="3" fill="#EB5757"/> <circle cx="93" cy="129" r="3" fill="#EB5757"/> <circle cx="111" cy="129" r="3" fill="#EB5757"/> <circle cx="129" cy="129" r="3" fill="#EB5757"/> <circle cx="147" cy="129" r="3" fill="#EB5757"/> <circle cx="165" cy="129" r="3" fill="#EB5757"/> <circle cx="183" cy="129" r="3" fill="#EB5757"/> <circle cx="201" cy="129" r="3" fill="#EB5757"/> <circle cx="3" cy="147" r="3" fill="#EB5757"/> <circle cx="21" cy="147" r="3" fill="#EB5757"/> <circle cx="39" cy="147" r="3" fill="#EB5757"/> <circle cx="57" cy="147" r="3" fill="#EB5757"/> <circle cx="75" cy="147" r="3" fill="#EB5757"/> <circle cx="93" cy="147" r="3" fill="#EB5757"/> <circle cx="111" cy="147" r="3" fill="#EB5757"/> <circle cx="129" cy="147" r="3" fill="#EB5757"/> <circle cx="147" cy="147" r="3" fill="#EB5757"/> <circle cx="165" cy="147" r="3" fill="#EB5757"/> <circle cx="183" cy="147" r="3" fill="#EB5757"/> <circle cx="201" cy="147" r="3" fill="#EB5757"/> <circle cx="3" cy="165" r="3" fill="#EB5757"/> <circle cx="21" cy="165" r="3" fill="#EB5757"/> <circle cx="39" cy="165" r="3" fill="#EB5757"/> <circle cx="57" cy="165" r="3" fill="#EB5757"/> <circle cx="75" cy="165" r="3" fill="#EB5757"/> <circle cx="93" cy="165" r="3" fill="#EB5757"/> <circle cx="111" cy="165" r="3" fill="#EB5757"/> <circle cx="129" cy="165" r="3" fill="#EB5757"/> <circle cx="147" cy="165" r="3" fill="#EB5757"/> <circle cx="165" cy="165" r="3" fill="#EB5757"/> <circle cx="183" cy="165" r="3" fill="#EB5757"/> <circle cx="201" cy="165" r="3" fill="#EB5757"/> <circle cx="3" cy="183" r="3" fill="#EB5757"/> <circle cx="21" cy="183" r="3" fill="#EB5757"/> <circle cx="39" cy="183" r="3" fill="#EB5757"/> <circle cx="57" cy="183" r="3" fill="#EB5757"/> <circle cx="75" cy="183" r="3" fill="#EB5757"/> <circle cx="93" cy="183" r="3" fill="#EB5757"/> <circle cx="111" cy="183" r="3" fill="#EB5757"/> <circle cx="129" cy="183" r="3" fill="#EB5757"/> <circle cx="147" cy="183" r="3" fill="#EB5757"/> <circle cx="165" cy="183" r="3" fill="#EB5757"/> <circle cx="183" cy="183" r="3" fill="#EB5757"/> <circle cx="201" cy="183" r="3" fill="#EB5757"/> </svg> <div class="trial-wrapper wrapper"> <div class=" text-center hidden md:block"> <h2 class='text-[49px] text-[#000B33] font-semibold leading-[58.8px] '>Interested in a trial?</h2> <p class=' my-8 mb text-[25px] text-[#2B59FF] font-normal leading-[30px] '>Try 30 days for free or book a live demo with our specialists</p> </div> <div class="trial-cards"> <div class="trial-demo-component"> <div class="trial-demo-header"> <div class="trial-demo-heading">30 Day Free Trial</div> <div class="trial-demo-text"> What can you expect during your 30 day free trial? </div> </div> <div class="trial-demo-check-item"> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> You'll have access to your site within 24 hours. </div> </div> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> One of our solution experts will work alongside you to fully configure your site. </div> </div> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> If you're happy and decide to proceed with WCONLINE, your fully configured site will go live in production. No configuration progress is lost. </div> </div> </div> <hr/> <div x-data="{openTrial : false,}" class="btn-wrapper"> <button @click="openTrial = !openTrial" class="main-btn"> <div class="svg-wrapper"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.0519 14.8285L13.4661 16.2427L17.7088 12L13.4661 7.7574L12.0519 9.17161L13.8804 11H6.34321V13H13.8803L12.0519 14.8285Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.7782 19.7782C24.0739 15.4824 24.0739 8.51759 19.7782 4.22183C15.4824 -0.0739417 8.51759 -0.0739417 4.22183 4.22183C-0.0739417 8.51759 -0.0739417 15.4824 4.22183 19.7782C8.51759 24.0739 15.4824 24.0739 19.7782 19.7782ZM18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C14.8492 2.12132 9.15076 2.12132 5.63604 5.63604C2.12132 9.15076 2.12132 14.8492 5.63604 18.364C9.15076 21.8787 14.8492 21.8787 18.364 18.364Z" fill="white" /> </svg> </div> <div class="links-typography">Start Your Trial Today</div> </button> <div x-cloak x-show="openTrial" :class="openTrial ? 'c-modal-open' : ''" class=" z-40 fixed inset-0 flex items-center justify-center bg-gray-900 overflow-y-auto bg-opacity-50 custom-scrollbar"> <div class="bg-white p-6 rounded shadow-lg w-11/12 sm:w-4/6 lg:w-3/6 xl:w-2/6 max-h-[90dvh] overflow-y-auto m-auto"> <form wire:snapshot="{"data":{"firstName":"","lastName":"","email":"","phone":"","comments":"","isSuccess":false,"message":""},"memo":{"id":"Ilehid8PNpxavRRB0Evg","name":"forms.free-trial-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c8b3c3c27669c0da7e479653c927ec3c114cb2aea6b9f009fa7c3a7ba1af227a"}" wire:effects="[]" wire:id="Ilehid8PNpxavRRB0Evg" wire:submit.prevent="handleSubmit"> <div class="flex justify-between items-center border-b pb-2"> <h3 class="text-xl" >Start your 30 days free Trial</h3> </div>   <div class="mt-4"> <div class="section-card-form mb-10"> <div class="section-card-input space-y-4 mb-6"> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="First Name" wire:model="firstName" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="Last Name" wire:model="lastName" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 6.14502C3.00977 5.59273 3.45748 5.14502 4.00977 5.14502H20C20.5523 5.14502 21 5.59273 21 6.14502V17.4692C21 18.5738 20.1046 19.4692 19 19.4692H5C3.89543 19.4692 3 18.5738 3 17.4692V6.46924C3 6.42162 3.00333 6.37478 3.00977 6.32893V6.14502ZM5 8.36877V17.4692H19V8.36912L14.1215 13.2476C12.9499 14.4192 11.0504 14.4192 9.87885 13.2476L5 8.36877ZM6.57232 7.11267H17.428L12.7073 11.8334C12.3168 12.2239 11.6836 12.2239 11.2931 11.8334L6.57232 7.11267Z" fill="#F35F44" /> </svg> </div> <input type="email" class="h6-typography" placeholder="Email Address" wire:model="email" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M22 12.3071C22 10.9939 21.7413 9.6936 21.2388 8.48022C20.7362 7.26709 19.9997 6.16455 19.0711 5.23608C18.1425 4.30737 17.0401 3.5708 15.8268 3.06836C14.6136 2.56567 13.3132 2.30713 12 2.30713V4.30713C13.0506 4.30713 14.0909 4.51416 15.0615 4.91602C16.0321 5.31812 16.914 5.90747 17.6569 6.65039C18.3997 7.39307 18.989 8.27515 19.391 9.24561C19.7931 10.2163 20 11.2566 20 12.3071H22Z" fill="#F35F44" /> <path d="M2 10.3071V5.30713C2 4.75488 2.44772 4.30713 3 4.30713H8C8.55228 4.30713 9 4.75488 9 5.30713V9.30713C9 9.85938 8.55228 10.3071 8 10.3071H6C6 14.7253 9.58173 18.3071 14 18.3071V16.3071C14 15.7549 14.4477 15.3071 15 15.3071H19C19.5523 15.3071 20 15.7549 20 16.3071V21.3071C20 21.8594 19.5523 22.3071 19 22.3071H14C7.37259 22.3071 2 16.9346 2 10.3071Z" fill="#F35F44" /> <path d="M17.5433 10.011C17.8448 10.739 18 11.5193 18 12.3071H16.2C16.2 11.7556 16.0914 11.2095 15.8803 10.7C15.6692 10.1902 15.3599 9.72729 14.9698 9.3374C14.5798 8.94727 14.1169 8.63794 13.6073 8.42676C13.0977 8.21582 12.5515 8.10718 12 8.10718V6.30713C12.7879 6.30713 13.5681 6.4624 14.2961 6.76392C15.024 7.06543 15.6855 7.50732 16.2426 8.06445C16.7998 8.62158 17.2418 9.28296 17.5433 10.011Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" placeholder="Phone" wire:model="phone" /> </div>  </div> <textarea class="h6-typography" name="" id="" cols="30" rows="2" placeholder="Add Comments" wire:model="comments" ></textarea>  </div> <div class="form-btn-wrapper w-full"> <button type="submit" class="main-btn [width:_100%_!important]"> <div class="links-typography">Submit</div> </button> </div> </div> </div>  <div class="mt-4 flex justify-end border-t pt-2"> <div @click="openTrial = !openTrial" class="main-btn ml-auto block [width:_fit-content] links-typography md:order-2 cursor-pointer"> Cancel </div> </div> </form> </div> </div> </div> <div class="trial-demo-description"> We’ll have it set up for you within 24 hours </div> </div> <div class="trial-demo-component"> <div class="trial-demo-header"> <div class="trial-demo-heading">Book a live demo</div> <div class="trial-demo-text"> Live video chat with one of our experts to walk through the platform and answer questions you may have. </div> </div> <div class="trial-demo-check-item"> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> Work with a solution specialist. </div> </div> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> See a customized demonstration of WCONLINE's features, tailored to the way your center operates </div> </div> <div class="check-item"> <div> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z" fill="#F2F2F2" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62169L11.5923 16.6834L9.37568 14.315C8.96734 13.93 8.32568 13.9067 7.85901 14.2334C7.40401 14.5717 7.27568 15.1667 7.55568 15.645L10.1807 19.915C10.4373 20.3117 10.8807 20.5567 11.3823 20.5567C11.8607 20.5567 12.3157 20.3117 12.5723 19.915C12.9923 19.3667 21.0073 9.81169 21.0073 9.81169C22.0573 8.73836 20.7857 7.79336 19.9457 8.61002V8.62169Z" fill="#F35F44" /> </svg> </div> <div class="check-item-text"> No slides, no fluff. Just a concise demonstration of WCONLINE's capabilities. </div> </div> </div> <hr/> <div x-data="{openDemo : false}" class="btn-wrapper"> <button @click="openDemo = !openDemo" class="main-outline-btn"> <div class="svg-wrapper"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M8 9C7.44772 9 7 9.44771 7 10C7 10.5523 7.44772 11 8 11H16C16.5523 11 17 10.5523 17 10C17 9.44771 16.5523 9 16 9H8Z" fill="#F35F44" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM5 18V7H19V18C19 18.5523 18.5523 19 18 19H6C5.44772 19 5 18.5523 5 18Z" fill="#F35F44" /> </svg> </div> <span class="links-typography text-hover-gradient">Book a demo</span> </button> <div x-cloak x-show="openDemo" class="z-40 fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50"> <div class="bg-white p-6 rounded shadow-lg w-11/12 sm:w-4/6 lg:w-3/6 xl:w-2/6 max-h-[90dvh] m-auto overflow-y-auto custom-scrollbar"> <form wire:snapshot="{"data":{"firstName":"","lastName":"","email":"","isSuccess":false,"message":""},"memo":{"id":"gkFsSYBkqjKCoqIsL7lE","name":"forms.demo-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d1a073a63a3022434c66f93def47a5c5bb6ad1dfe5877213ea1cde0ee0114180"}" wire:effects="[]" wire:id="gkFsSYBkqjKCoqIsL7lE" wire:submit.prevent="handleSubmit"> <div class="flex justify-between items-center border-b pb-2"> <h3 class="text-xl" >Book a live Demo</h3> </div>   <div class="mt-4"> <div class="section-card-form mb-10"> <div class="section-card-input space-y-5 mb-6"> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="firstName" placeholder="First Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.30713C8 9.51627 9.79086 11.3071 12 11.3071C14.2091 11.3071 16 9.51627 16 7.30713C16 5.09799 14.2091 3.30713 12 3.30713C9.79086 3.30713 8 5.09799 8 7.30713ZM10 7.30713C10 8.4117 10.8954 9.30713 12 9.30713C13.1046 9.30713 14 8.4117 14 7.30713C14 6.20256 13.1046 5.30713 12 5.30713C10.8954 5.30713 10 6.20256 10 7.30713Z" fill="#F35F44" /> <path d="M8 15.3071C8 14.7548 8.44772 14.3071 9 14.3071H15C15.5523 14.3071 16 14.7548 16 15.3071V21.3071H18V15.3071C18 13.6503 16.6569 12.3071 15 12.3071H9C7.34315 12.3071 6 13.6503 6 15.3071V21.3071H8V15.3071Z" fill="#F35F44" /> </svg> </div> <input type="text" class="h6-typography" wire:model="lastName" placeholder="Last Name" /> </div>  </div> <div class="text-input-group"> <div class="relative"> <div class="svg-wrapper"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 6.14502C3.00977 5.59273 3.45748 5.14502 4.00977 5.14502H20C20.5523 5.14502 21 5.59273 21 6.14502V17.4692C21 18.5738 20.1046 19.4692 19 19.4692H5C3.89543 19.4692 3 18.5738 3 17.4692V6.46924C3 6.42162 3.00333 6.37478 3.00977 6.32893V6.14502ZM5 8.36877V17.4692H19V8.36912L14.1215 13.2476C12.9499 14.4192 11.0504 14.4192 9.87885 13.2476L5 8.36877ZM6.57232 7.11267H17.428L12.7073 11.8334C12.3168 12.2239 11.6836 12.2239 11.2931 11.8334L6.57232 7.11267Z" fill="#F35F44" /> </svg> </div> <input type="email" class="h6-typography" placeholder="Email Address" wire:model="email" /> </div>  </div> </div> <div class="form-btn-wrapper w-full mt-4"> <button type="submit" class="main-btn [width:_100%_!important]"> <span class="links-typography">Submit</span> </button> </div> </div> </div>  <div class="mt-4 flex justify-end border-t pt-2"> <div @click="openDemo = !openDemo" class="main-btn links-typography md:order-2 cursor-pointer">Cancel</div> </div> </form> </div> </div> </div> <div class="trial-demo-description"> Or watch our <span class="link cursor-pointer" @click="handleSetModal(true)">Intro Video</span> for more info </div> </div> </div> </div> <div x-show="openModal" x-cloak class="fixed inset-0 z-40 flex justify-center items-center" style="background-color: rgba(0, 0, 0, 0.5)"> <div class="p-6 bg-white rounded-lg" @click.away="handleSetModal(false)"> <iframe width="1091" height="655" :src="openModal ? 'https://www.youtube.com/embed/ydHtZiuGbRM' : ''" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> </div> </section> <script> function initPlans() { return { openModal: false, handleSetModal(value) { this.openModal = value; if (value) { document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = 'auto'; } } }; } </script> <section class="customer-section wrapper"> <div class="customer-wrapper"> <div class="customer-header"> <h2>Just see what our customers have to say…</h2> </div> <div class="flex items-center justify-center overflow-hidden"> <div class="c-slider relative w-[180%]"> <div class="flex gap-6 items-center flex-nowrap w-[2100px]">  <a target="_blank" href="https://www.columbia.edu/" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/columbia-university.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.hostos.cuny.edu" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/hostos.png" alt="logo-img"> </a> <a target="_blank" href="https://www.oda.edu/visit-out-of-door-2024?gad_source=1&gclid=CjwKCAjwps-zBhAiEiwALwsVYesuW1QqQpETdPb9z4__ttFAtqYAcfOmsa28x_7Q4WabHgjePZvNzxoCxBAQAvD_BwE" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/out-of-door.png" alt="logo-img"> </a> <a target="_blank" href="https://www.swarthmore.edu" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/swarthmore.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.aub.edu.lb" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/american-university-of-Beirut.png" alt="logo-img"> </a> <a target="_blank" href="https://www.nwu.ac.za" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/NWU.png" alt="logo-img"> </a> <a target="_blank" href="https://www.utoronto.ca" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/university-of-toronto.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.stanford.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/stanford-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/purdue-university.png" alt="logo-img"> </a> <a target="_blank" href="https://umich.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/michigan-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/massachusette-institute.png" alt="logo-img"> </a> <a target="_blank" href="https://www.washington.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/washington-university.png" alt="logo-img"> </a>  </div> </div> </div> <div x-data="swiperInitialization()" x-init="mount()" class="max-w-[1300px] overflow-hidden"> <div x-ref="container" class="cards-wrapper"> <div class="swiper-wrapper"> <template x-for="(item, index) in data" :key="index"> <div class="testimonial-card swiper-slide [display:_flex_!important] flex-column justify-between"> <div class="card-body h-full justify-between"> <div class="card-text" x-text="item.comment"> </div> <div class="customer-info desktop"> <div class="customer-detail"> <div class="customer-name" x-text="item.name"></div> <div class="job-status" x-text="item.designation"> </div> </div> </div> <div class="customer-info mobile"> <div class="customer-img-name"> <div class="customer-name" x-text="item.name"></div> </div> <div class="customer-status" x-text="item.designation"> </div> </div> </div> </div> </template> </div> </div> <div class="flex items-center justify-center gap-x-[10px] mt-3 "> <template x-for="(item, index) in data" :key="index"> <div :class="{ 'h-2 rounded-lg bg-[#FD4C5C] transition-all duration-300 last:hidden': true, 'w-[17px] opacity-20': currentIndex !== index, 'opacity-100 w-[45px]': currentIndex === index, }"></div> </template> </div> </div> <script> function swiperInitialization() { return { currentIndex: 0, data: [ { name: 'Cheryl Crawford', designation: 'Medical College of Wisconsin', comment: 'I love being a valued customer of WcOnline and have been impressed with their service, expertise and support. I appreciate the periodic check-ins to ensure I am satisfied with our account and have always had immediate attention to any question or concern. I highly recommend using WcOnline for any scheduling need.' }, { name: 'Brandi Kellett', designation: 'Chair of the English and Modern Language Dept Lipscomb University', comment: 'WCOnline now provides our department with the kind of agile support we need. The WCONLINE TEAM responds quickly to every question, and helps us create a seamless process for students, tutors and professors as we help students become better writers. With their help, we know how to improve student support and retention as we track the impact of our resources. Our administrators, faculty, IT team, and tutors tell me how fabulous the WCOnline team is!' }, ], swiper: null, mount() { this.swiper = new Swiper(this.$refs.container, { loop: false, slidesPerView: 1, spaceBetween: 0, breakpoints: { 768: { slidesPerView: 1.5, spaceBetween: 24, }, 1200: { slidesPerView: 2, spaceBetween: 24, }, }, }) setInterval(() => { this.currentIndex = this.swiper.activeIndex; }, 100) } } } </script> <div class="btn-wrapper mb-[32px]"> </div> <div class="flex items-center justify-center overflow-hidden md:hidden"> <div class="c-slider relative w-[1300px]"> <div class="flex gap-6 items-center flex-nowrap w-[1600px]">  <a target="_blank" href="https://www.columbia.edu/" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/columbia-university.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.hostos.cuny.edu" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/hostos.png" alt="logo-img"> </a> <a target="_blank" href="https://www.oda.edu/visit-out-of-door-2024?gad_source=1&gclid=CjwKCAjwps-zBhAiEiwALwsVYesuW1QqQpETdPb9z4__ttFAtqYAcfOmsa28x_7Q4WabHgjePZvNzxoCxBAQAvD_BwE" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/out-of-door.png" alt="logo-img"> </a> <a target="_blank" href="https://www.swarthmore.edu" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/swarthmore.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.aub.edu.lb" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/american-university-of-Beirut.png" alt="logo-img"> </a> <a target="_blank" href="https://www.nwu.ac.za" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/NWU.png" alt="logo-img"> </a> <a target="_blank" href="https://www.utoronto.ca" class="relative group"> <img class="invert h-20 object-contain" src="assets/images/university-of-toronto.svg" alt="logo-img"> </a> <a target="_blank" href="https://www.stanford.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/stanford-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/purdue-university.png" alt="logo-img"> </a> <a target="_blank" href="https://umich.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/michigan-university.png" alt="logo-img"> </a> <a target="_blank" href="https://www.purdue.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/massachusette-institute.png" alt="logo-img"> </a> <a target="_blank" href="https://www.washington.edu/" class="relative group"> <img class="invert-0 h-20 object-contain" src="assets/images/washington-university.png" alt="logo-img"> </a>  </div> </div> </div> </div> </section> <script src="https://mywconline.com/js/particles.min.js"></script> <script> particlesJS.load('particles-js', 'https://mywconline.com/json/particles.json', () => { console.log('callback - particles.js config loaded'); }); </script> </div> <footer class="footer-section"> <div class="footer-wrapper wrapper"> <div class="wc-online grid-item"> <div class="app-logo"> <span>wc</span>online </div> <p class=' opacity-70'>1159 2nd Ave, #116<br> New York, NY 10065<br> support@26LLC.com </p> </div> <div class="grid-item"> <div class="heading">WCONLINE</div> <div class="list"> <a href="https://mywconline.com/features" wire:navigate class="menu-item opacity-70">Product Features</a> <a href="https://mywconline.com/pricing" wire:navigate class="menu-item opacity-70">Pricing & Trial</a> <a target="_blank" href="https://help8.mywconline.com" class="menu-item opacity-70">Help & Product Manual</a> </div> </div> <div class="grid-item"> <div class="heading">Company</div> <div class="list"> <a target="_blank" href="https://26llc.com/billing" class="menu-item opacity-70">Billing Portal</a> <a target="_blank" href="https://26llc.com/billing_quote" class="menu-item opacity-70">Product Quotation Form</a> <a target="_blank" href="https://26llc.com/" class="menu-item opacity-70">Company Website</a> </div> </div> <div class="grid-item"> <div class="heading">Documentation</div> <div class="list"> <a href="https://mywconline.com/tos" class="menu-item opacity-70">Terms of service</a> <a href="https://mywconline.com/tos#privacy" class="menu-item opacity-70">Privacy policy</a> <a target="_blank" href="https://26llc.com/w9.pdf" class="menu-item opacity-70">W9 Form</a> <a target="_blank" href="https://26llc.com/doc_educase.pdf" class="menu-item opacity-70">HECVAT Assessment</a> <a target="_blank" href="https://26llc.com/doc_vpat.pdf" class="menu-item opacity-70">VPAT Assessment</a> </div> </div> </div> <div class="copyright-wrapper wrapper hidden md:block "> Copyright © 2024. All rights reserved. </div> </footer> <script src="https://mywconline.com/vendor/livewire/livewire.min.js?id=cc800bf4" data-csrf="" data-update-uri="/livewire/update" data-navigate-once="true"></script> </body> </html>

CINXE.COM

WCONLINE | The Management Solution for Academic Centers