</noscript> <script> function gaEvent(path, event) { if (typeof(gtag) == "function") { gtag('set', 'page_path', path); gtag('event', event); } } </script> <nav id="navigation" class="bg-white shadow inset-x-0 z-30 flex-shrink-0 sticky top-0 transition-all duration-500" x-data="navInit"> <div class="mx-auto px-2 md:px-6 lg:px-14"> <div class="relative flex items-end justify-between py-4"> <div class="absolute inset-y-8 left-0 flex items-center md:hidden nav-side-buttons"> <button type="button" id="btn-open-mobile-menu" class="inline-flex items-center justify-center rounded-md text-primary-darker pl-2 hover:text-primary focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false" @click="toggleMobileMenu"> <span class="sr-only">Open main menu</span> <svg class="h-10 w-10" x-cloak x-show="!isMobileMenuVisible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 6h16M4 12h16M4 18h16" /> </svg> <svg class="h-10 w-10" x-cloak x-show="isMobileMenuVisible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start"> <div class="flex-shrink-0 flex items-center justify-center"> <a href="/"> <img id="nav-logo" class="w-auto h-10" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/logo/JCTH-icon.png" alt="JC Tour Heart"> </a> </div> <div class="hidden md:block md:ml-6"> <div class="flex space-x-7 h-full items-center pl-10"> <a href="/about-us" class="text-lg text-primary-darker font-bold hover:text-primary" aria-current="page">關於我們</a> <a href="/topics" class="text-lg text-primary-darker font-bold hover:text-primary" aria-current="page">與阿本聊天</a> <a href="/explore" class="text-lg text-primary-darker font-bold hover:text-primary" aria-current="page">文章及活動</a> </div> </div> </div> <div class="absolute right-0 flex items-end pr-2 md:static md:inset-auto md:ml-6 md:pr-0 inset-y-4"> <a href="?lang=en" class="hidden md:block text-lg text-primary-darker font-bold leading-10 hover:text-primary tracking-normal" aria-current="page">EN</a> <button type="button" class="hidden lg:block text-lg ml-6 text-primary-darker font-bold border-2 rounded-full border-primary-darker w-40 h-10 outline-none hover:text-primary hover:border-primary" @click="$dispatch('toggle-login-panel', '')">登入 ｜ 註冊</button> <button type="button" class="lg:hidden ml-6 w-10 h-10 outline-none" @click="$dispatch('toggle-login-panel', '')"><img class="w-full h-full" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/images/profile/profile-icon.svg" alt=""></button> </div> </div> </div> <div class="relative origin-top-left left-0 w-screen md:w-80 bg-menu flex flex-col items-stretch divide-y divide-solid divide-gray-300 md:hidden border-t border-gray-300" id="mobile-menu" x-cloak x-show="isMobileMenuVisible" x-collapse> <div class="px-8 py-6 flex flex-col space-y-4"> <a href="/about-us" class="block text-lg text-primary-darker font-medium hover:text-primary" role="menuitem" tabindex="-1">關於我們</a> <a href="/topics" class="block text-lg text-primary-darker font-medium hover:text-primary" role="menuitem" tabindex="-1">與阿本聊天</a> <a href="/explore" class="block text-lg text-primary-darker font-medium hover:text-primary" role="menuitem" tabindex="-1">文章及活動</a> </div> <div class="px-8 py-4 flex flex-col space-y-4"> <div class="text-sm text-gray-400">下載應用程式</div> <a href="https://apps.apple.com/hk/app/%E8%B3%BD%E9%A6%AC%E6%9C%83%E5%BF%83%E5%B0%8E%E9%81%8A-%E8%A8%88%E5%8A%83/id1619066368"> <img src="https://www.jcthplus.org/wp-content/themes/1.0/assets/images/home/download-badge-ios-zh.svg" class="h-10 w-auto" alt="App Store"> </a> <a href="https://play.google.com/store/apps/details?id=com.labviso.jcthplus"> <img src="https://www.jcthplus.org/wp-content/themes/1.0/assets/images/home/download-badge-android-zh.svg" class="h-10 w-auto" alt="Google play"> </a> </div> <div class="px-8 py-4 flex flex-col space-y-4" x-data="{expanded: false}"> <a href="/faq" class="block text-content font-medium hover:text-primary-darker" role="menuitem" tabindex="-1">常見問題</a> <a href="/contact-us" class="block text-content font-medium hover:text-primary-darker" role="menuitem" tabindex="-1">聯絡我們</a> <div class="flex text-content font-medium hover:text-primary-darker cursor-pointer items-center" @click="expanded = !expanded">細則及聲明<i class="fas fa-chevron-down ml-2" x-cloak x-show="!expanded"></i><i class="fas fa-chevron-up ml-2" x-cloak x-show="expanded"></i></div> <div class="space-y-4" x-show="expanded" x-collapse> <a href="/terms-and-conditions" class="block text-content font-medium hover:text-primary-darker">條款及細則</a> <a href="/personal-information-collection-statement" class="block text-content font-medium hover:text-primary-darker">個人資料收集聲明</a> <a href="/privacy-policy" class="block text-content font-medium hover:text-primary-darker">私隱政策</a> <a href="/cookie-policy" class="block text-content font-medium hover:text-primary-darker">Cookie 政策</a> </div> </div> <div class="px-8 py-4 flex flex-col space-y-4"> <div class="text-sm text-gray-400">追蹤我們</div> <div class="flex flex-row space-x-4 text-primary"> <a target="_blank" class="hover:text-primary-dark" href="https://www.facebook.com/jctourheart/"><i class="fab fa-facebook text-2xl"></i></a> <a target="_blank" class="hover:text-primary-dark" href="https://www.instagram.com/jctourheart/"><i class="fab fa-instagram text-2xl"></i></a> <a target="_blank" class="hover:text-primary-dark" href="https://www.linkedin.com/company/jctourheart/"><i class="fab fa-linkedin text-2xl"></i></a> </div> </div> <div class="px-8 py-4 flex flex-col space-y-4 items-start"> <a href="/immediate-help" class="block rounded-full py-1 px-6 bg-emergency hover:bg-emergency-dark text-content font-medium shadow-sm" role="menuitem" tabindex="-1">需要協助</a> <a href="?lang=en" class="block text-xl text-primary-darker font-bold hover:text-primary tracking-normal" role="menuitem" tabindex="-1">EN</a> </div> </div></nav> <script> let prevScrollpos = 0; let windowWidth = $(window).width(); window.onscroll = function() { let scrollTop = document.body.scrollTop == 0 ? document.documentElement.scrollTop : document.body.scrollTop; if (prevScrollpos + 4 < scrollTop && scrollTop > 72) { document.getElementById("navigation").classList.add("scroll-up"); prevScrollpos = scrollTop; } else if (prevScrollpos - 4 > scrollTop && scrollTop > 72) { document.getElementById("navigation").classList.remove("scroll-up"); prevScrollpos = scrollTop; } }; </script><div id="login-panel" class="fixed inset-0 h-screen w-screen bg-black bg-opacity-50 flex flex-col items-center justify-center z-50" x-cloak x-data="loginData" x-show="isLoginPanelVisible" @toggle-login-panel.window="toggleLoginPanel"> <div id="login-form" class="w-full sm:w-128 lg:w-auto max-w-5xl mx-8 overflow-y-scroll no-scrollbar" x-show="currentSection == 'login' || currentSection == 'register'"> <div class="w-full h-screen md:h-160 flex flex-row items-stretch sm:rounded-3xl bg-white no-scrollbar"> <div class="flex-grow h-full p-12 rounded-l-3xl hidden lg:flex flex-col items-start justify-center" style="background:#57BEC1"> <div class="flex flex-col items-start justify-center"> <h3 class="text-white font-jinxuanlatte">歡迎你來到心導遊+!</h3> <p class="text-2xl text-white mt-8">我是阿本，將會一直在平台陪著你</p> <div class="w-full flex items-center justify-center mt-12 px-8"> <img class="max-w-full max-h-full" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/images/login/boon-sign-in.webp"> </div> </div> </div> <div class="flex-shrink-0 relative w-full lg:w-1/2 px-10 py-16 sm:py-8 sm:rounded-r-3xl sm:rounded-l-3xl md:rounded-l-none flex flex-col items-stretch sm:h-auto"> <img class="w-5 h-5 absolute top-5 right-5 cursor-pointer" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close" @click="toggleLoginPanel"> <div class="relative border-b border-gray-400 flex flex-row flex-shrink-0"> <div class="inline-block text-center font-extrabold text-gray-400 text-lg cursor-pointer w-1/2 pb-1" id="selector-signin" :class="currentSection === 'login' ? 'text-primary' : 'hover:text-content'" @click="setCurrentSection('login')">登入</div> <div class="inline-block text-center font-extrabold text-gray-400 text-lg cursor-pointer w-1/2 pb-1" id="selector-register" :class="currentSection === 'register' ? 'text-primary' : 'hover:text-content'" @click="setCurrentSection('register')">註冊</div> <div class="absolute h-1 -bottom-0.5 w-1/2 bg-primary z-10 rounded-full" :class="currentSection === 'login' ? 'left-0' : 'right-0' "></div> </div> <div class="flex flex-col items-stretch pt-10" x-cloak x-show="currentSection === 'login'" id="sector-signin"> <form method="POST" class="w-full flex flex-col items-stretch" > <div id="login-error" x-show="loginForm.error" class="py-3 px-4 bg-red-100 border border-red-200 rounded-xl flex items-center"> <p class="text-content inline text-sm font-medium flex-grow" x-text="loginForm.error"></p> <img class="w-4 h-4 cursor-pointer" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close" @click.stop="$('#login-error').slideToggle()"> </div> <div class="relative mt-6"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" name="user_login" placeholder="電郵地址" x-model="loginForm.content.user_login"> <i class="fas fa-envelope absolute h-4 top-4 left-6 text-content"></i> </div> <div class="relative mt-6"> <input :type="loginForm.isPasswordVisible ? 'text' : 'password'" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" placeholder="密碼" name="user_password" x-model="loginForm.content.user_password" x-ref="loginPassword"> <i class="fas fa-lock absolute h-4 top-4 left-6 text-content"></i> <button class="absolute h-4 right-4 top-4" type="button" tabindex="-1" @click="loginForm.isPasswordVisible = !loginForm.isPasswordVisible"> <img class="h-full" x-show="loginForm.isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/hide-pwd.png" alt=""> <img class="h-full" x-show="!loginForm.isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/show-pwd.png" alt=""> </button> </div> <div class="mt-10 flex flex-col sm:flex-row items-start sm:items-center justify-between space-y-4 sm:space-y-0"> <div class="flex flex-row items-center"> <input class="h-4 w-4 border border-gray-400 text-primary" type="checkbox" name="remember" id="login-remember" value="true" x-model="loginForm.content.remember"> <label for="login-remember" class="text-content text-sm font-medium ml-3">保持登入</label> </div> <a class="text-sm font-medium text-content cursor-pointer" @click="setCurrentSection('forget-password')">忘記密碼？</a> </div> <button type="submit" name="auth-submit" value="sign-in" class="text-sm font-bold text-white rounded-full py-3 mt-8" :class="loginForm.content.user_login && loginForm.content.user_password ? 'bg-primary hover:bg-primary-dark' : 'cursor-default bg-primary-light'" :disabled="!loginForm.content.user_login || !loginForm.content.user_password" x-data="{isLoading: false}" @click="isLoading=true"> <svg x-show="isLoading" class="animate-spin h-5 w-5 text-white mx-auto" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isLoading">登入</span> </button> </form> <div class="w-full mt-8 mb-4 text-center text-sm">其他登入方法</div> <div class="w-full flex flex-row justify-center items-center space-x-6"> <div class="flex flex-col items-center space-y-2 w-16"> <button class="text-white bg-facebook rounded-full h-11 w-11 mx-auto" @click="loginWithFacebook"><img loading="lazy" class="w-5 h-5 m-3" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/facebook.png"></button> <div class="text-gray-400 text-xs">Facebook</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <button class="bg-white border border-gray-500 rounded-full h-11 w-11 flex justify-center items-center" id="btn-sso-google"><img loading="lazy" class="w-5 h-5" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/google.webp" alt=""></button> <div class="text-gray-400 text-xs">Google</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <button class="bg-black rounded-full h-11 w-11 overflow-hidden" @click="loginWithApple"><img loading="lazy" class="h-11" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/apple.png" alt=""></button> <div class="text-gray-400 text-xs">Apple</div> </div> </div> </div> <div class="flex flex-col items-stretch pt-4" x-show="currentSection === 'register' && registerForm.isConsentFormVisible"> <div class="font-extrabold text-content text-lg px-1 py-1">立即登記成為心導遊會員，享用一站式自助資源。</div> <div class="border border-gray-400 px-4 md:px-8 overflow-y-auto flex-grow space-y-4 max-h-90 leading-loose" id="consent-form-content" @scroll.self="registerForm.scrollConsentForm($el)"> <p class="text-center font-bold mt-5">混合網上和實體介入階梯式自助及支援精神健康服務計劃</p> <p class="text-center font-bold">同意書</p> <p>本研究計劃由香港中文大學心理學學系麥穎思教授主理，並由香港賽馬會慈善信託基金資助。</p> <p><strong class="font-bold">目的：</strong>評估混合網上及實體介入並以階梯式自助及支援平台提供精神健康服務之成效</p> <p><strong class="font-bold">目標：</strong>年滿十八歲及懂得上網的成人</p> <p><strong class="font-bold">詳情：</strong>參加者透過網上系統註冊，並填寫篩查評估。根據其情緒困擾的程度，系統會建議適合的精神健康支援服務。參加者可於登入系統後，使用相關的服務。系統提供的服務為混合式（網上及實體），參加者可按個人意願自由參與。使用平台期間，系統會提供各式各樣的評估，並收集用戶資料，以評估服務成效。</p> <p><strong class="font-bold">風險：</strong>根據現時的文獻顯示，本研究將不會對參加者造成任何特別不安，或任何潛在的風險。</p> <p><strong class="font-bold">保密性：</strong>所有個人資料將絕對保密，未經授權的人士不會接觸到研究資料。研究報告只會顯示整體結果，並不包括任何可辨別個人身分的資料。</p> <p>參與本研究全屬自願性質，參加者可隨時退出而無需任何理由，亦不會有任何後果。</p> <p>如您對本研究有任何查詢，歡迎聯絡我們 (<a class="underline text-primary-dark hover:text-primary-darker" href="mailto:info@jcthplus.org">info@jcthplus.org</a>)。如您想知道更多有關研究參與者的權益，請聯絡香港中文大學—新界東醫院聯網臨床研究倫理委員會 (3505 3935 / <a class="underline text-primary-dark hover:text-primary-darker" href="mailto:crec@cuhk.edu.hk">crec@cuhk.edu.hk</a>).<p> <p>本人同意參與是項研究並明白以下事項：</p> <ol class="list-decimal ml-6"> <li>是項研究之目的、程序及潛在風險</li> <li>可以隨時向是項研究人員提出問題</li> <li>參與是項研究完全屬自願性質，並可隨時終止填寫問卷及退出是項研究</li> <li>是項研究資料均絕對保密，只作研究及研究倫理檢討用途</li> <li>是項研究報告只顯示整體的結果，個別參加者的資料將不會被公開</li> <li>用戶資料會保存在伺服器作數據分析及研究用途</li> </ol> <p class="pb-5">如果您已閱讀同意書的內容，並清楚明白及同意以上說明，請剔選以下選項：</p> </div> <div class="mt-4 flex flex-row items-center"> <input class="h-4 w-4 border border-gray-400 text-primary" type="checkbox" name="agreed" value="true" id="checkbox-agree-tnc" :disabled="!registerForm.isTncCheckboxEnabled" x-model="registerForm.content.agreed_tnc" form="register_form"> <label class="text-sm font-medium ml-3" :class="registerForm.isTncCheckboxEnabled ? 'text-content' : 'text-gray-300'" for="checkbox-agree-tnc">本人同意參與是項研究</label> </div> <div class="w-full text-center mt-6"> <button class="text-sm font-bold text-white rounded-full px-12 py-3 mx-auto" :class="registerForm.content.agreed_tnc ? 'bg-primary hover:bg-primary-dark' : 'cursor-default bg-primary-light'" :disabled="!registerForm.content.agreed_tnc" @click="registerForm.isConsentFormVisible = false">開始旅程</button> </div> </div> <div class="flex flex-col items-stretch pt-4" x-show="currentSection === 'register' && !registerForm.isConsentFormVisible" id="sector-register" > <form method="POST" class="w-full flex flex-col items-stretch" id="register_form"> <div id="register-error" x-show="registerForm.error" class="py-3 px-4 bg-red-100 border border-red-200 rounded-xl flex items-center"> <p class="text-content inline text-sm font-medium flex-grow" x-text="registerForm.error"></p> <img class="w-4 h-4 cursor-pointer" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close" @click.stop="$('#register-error').slideToggle()"> </div> <div class="relative mt-6"> <input type="email" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" placeholder="電郵地址" required name="user_login" x-model="registerForm.content.user_login"> <i class="fas fa-envelope absolute h-4 top-4 left-6 text-content"></i> </div> <div class="relative mt-6"> <input :type="registerForm.isPasswordVisible ? 'text' : 'password'" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" placeholder="密碼" name="user_password" minlength="8" required x-model="registerForm.content.user_password" x-ref="registerPassword"> <i class="fas fa-lock absolute h-4 top-4 left-6 text-content"></i> <button class="absolute h-4 right-4 top-4" type="button" tabindex="-1" @click="registerForm.isPasswordVisible = !registerForm.isPasswordVisible"> <img class="h-full" x-show="registerForm.isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/hide-pwd.png" alt=""> <img class="h-full" x-show="!registerForm.isPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/show-pwd.png" alt=""> </button> </div> <div class="relative mt-6"> <input teype="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" placeholder="推薦碼（如適用）" name="company_code" x-model="registerForm.content.company_code"> <i class="far fa-building absolute h-4 top-4 left-6 text-content"></i> <button class="absolute h-4 right-4 top-4"> <img class="h-full" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/info.png" alt=""> </button> </div> <p class="text-sm font-medium mt-6 text-gray-700 leading-loose">點擊「註冊」即表示你同意我們的<a href="/terms-and-conditions" target="_blank" class="underline cursor-pointer">使用條款及細則</a>、<a href="/personal-information-collection-statement" target="_blank" class="underline cursor-pointer">個人資料收集聲明</a>、<a href="/privacy-policy" target="_blank" class="underline cursor-pointer">私隱政策</a>和<a href="/cookie-policy" target="_blank" class="underline cursor-pointer">Cookie 政策</a>。</p> <div class="mt-6 flex flex-row items-center leading-loose"> <input class="h-4 w-4 border border-gray-400 text-primary" type="checkbox" name="opt_out_update" id="checkbox_opt_out_update" x-model="registerForm.content.opt_out_update"> <label class="text-content text-sm font-medium ml-3" for="checkbox_opt_out_update">我不想接收最新消息和活動通知。</label> </div> <button type="submit" name="auth-submit" value="sign-up" class="text-sm font-bold text-white rounded-full py-3 mt-10" :class="registerForm.content.user_login && registerForm.content.user_password ? 'bg-primary hover:bg-primary-dark' : 'cursor-default bg-primary-light'" :disabled="!registerForm.content.user_login || !registerForm.content.user_password" x-data="{isLoading:false}" @click="if($('#register_form')[0].checkValidity()) {isLoading = true}"> <svg x-show="isLoading" class="animate-spin h-5 w-5 text-white mx-auto" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isLoading">註冊</span> </button> </form> <div class="w-full mt-8 mb-4 text-center text-sm">其他註冊方法</div> <div class="w-full flex flex-row justify-center items-center space-x-6"> <div class="flex flex-col items-center space-y-2 w-16"> <button class="text-white bg-facebook rounded-full h-11 w-11 mx-auto" @click="loginWithFacebook"><img loading="lazy" class="w-5 h-5 m-3" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/facebook.png"></button> <div class="text-gray-400 text-xs">Facebook</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <button class="bg-white border border-gray-500 rounded-full h-11 w-11 flex justify-center items-center" id="btn-sso-google-signup"><img loading="lazy" class="w-5 h-5" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/google.webp" alt=""></button> <div class="text-gray-400 text-xs">Google</div> </div> <div class="flex flex-col items-center space-y-2 w-16"> <button class="bg-black rounded-full h-11 w-11 overflow-hidden" @click="loginWithApple"><img loading="lazy" class="h-11" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/apple.png" alt=""></button> <div class="text-gray-400 text-xs">Apple</div> </div> </div> </div> </div> </div> </div> <div id="forget-pwd-form" class="relative flex flex-col items-stretch w-full h-screen sm:h-auto sm:w-128 bg-white px-10 py-16 sm:py-8 sm:rounded-3xl shadow no-scrollbar" x-show="currentSection == 'forget-password'"> <button class="absolute top-5 right-5" @click="toggleLoginPanel"> <img class="w-5 h-5" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close"> </button> <div class="font-extrabold text-content text-center text-lg px-1 py-1">忘記你的密碼？</div> <form method="POST" class="flex flex-col items-stretch pt-4"> <div id="reset-password-error" x-show="resetPasswordError" class="py-3 px-4 bg-red-100 border border-red-200 rounded-xl flex items-center"> <p class="text-content inline text-sm font-medium flex-grow" x-text="resetPasswordError"></p> <img class="w-4 h-4 cursor-pointer" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close" @click.stop="$('#reset-password-error').slideToggle()"> </div> <p class="text-gray-700 text-sm font-medium mt-2 text-left leading-loose">請輸入你的電郵地址。你將會收到重設密碼的電子郵件。</p> <div class="relative mt-6"> <input type="text" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" name="user_login" placeholder="電郵地址" x-model="loginForm.content.user_login"> <i class="fas fa-envelope absolute h-4 top-4 left-6 text-content"></i> </div> <div class="text-center mt-6"> <button type="submit" name="auth-submit" value="reset-password" class="text-sm font-bold text-white rounded-full py-3 w-36 mx-auto" :class="loginForm.content.user_login ? 'bg-primary hover:bg-primary-dark' : 'cursor-default bg-primary-light'" :disabled="!loginForm.content.user_login" x-data="{isLoading:false}" @click="isLoading = true"> <svg x-show="isLoading" class="animate-spin h-5 w-5 text-white mx-auto" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isLoading">重設密碼</span> </button> </div> </form> <button class="text-sm font-bold text-content mt-8 hover:text-gray-700" @click="setCurrentSection('login')">< 返回登入</button> </div> <div id="recovery-password-message-form" class="relative flex flex-col items-center w-full h-screen sm:h-auto max-w-xl bg-white px-10 py-16 sm:py-8 sm:rounded-3xl shadow no-scrollbar" x-show="currentSection == 'recovery-password-message'"> <button class="absolute top-5 right-5" @click="toggleLoginPanel"> <img class="w-5 h-5" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/cross-gray.svg" alt="close"> </button> <div class="font-extrabold text-content text-center text-lg px-1 py-1">請查看你的電子郵箱</div> <p class="text-content text-sm font-medium mt-2">請在此輸入電郵中的六位驗證碼和新密碼。</p> <form method="POST" action="/save-my-password" class="flex flex-col items-center" id='save-new-password-form'> <div class="mt-6 flex flex-nowrap space-x-1 sm:space-x-4 items-center justify-center"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[0]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[1]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[2]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[3]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[4]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> <input type="text" class="font-jinxuanlatte text-primary text-lg rounded-xl h-12 w-12 bg-gray-200 p-3 border-0 border-gray-400 text-center focus:border" name="reset_password_code[]" maxlength="1" autocomplete="null" x-model="resetPasswordForm.codes[5]" @keyup="inputKeyUp($event)" @keydown="inputKeyDown($event)" @paste="inputPaste($event)" pattern="[0-9]+"> </div> <div class="relative mt-6 w-full"> <input :type="resetPasswordForm.isNewPasswordVisible ? 'text' : 'password'" class="rounded-full w-full bg-gray-200 pl-14 pr-3 py-3 border-0" minlength="8" placeholder="新密碼" required name="new_password" x-model="resetPasswordForm.new_password" x-ref="loginPassword"> <i class="fas fa-lock absolute h-4 top-4 left-6 text-content"></i> <button class="absolute h-4 right-4 top-4" type="button" tabindex="-1" @click="resetPasswordForm.isNewPasswordVisible = !resetPasswordForm.isNewPasswordVisible"> <img class="h-full" x-show="resetPasswordForm.isNewPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/hide-pwd.png" alt=""> <img class="h-full" x-show="!resetPasswordForm.isNewPasswordVisible" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/icons/show-pwd.png" alt=""> </button> </div> <input type="hidden" name="user_login" x-model="loginForm.content.user_login"> <button type="submit" name="submit" value="save-new-password" class="text-sm font-bold text-white rounded-full py-3 mt-8 w-40" :class="resetPasswordForm.codes.includes('') ? 'cursor-default bg-primary-light' : 'bg-primary hover:bg-primary-dark'" :disabled="resetPasswordForm.codes.includes('') || !resetPasswordForm.new_password" x-data="{isLoading:false}" @click="if ($('#save-new-password-form')[0].checkValidity()) { isLoading = true; }"> <svg x-show="isLoading" class="animate-spin h-5 w-5 text-white mx-auto" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" fill="transparent" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-show="!isLoading">保存新密碼</span> </button> </form> <p class="text-gray-400 text-center text-sm font-medium mt-8 leading-loose">收不到電郵嗎？請檢查你的垃圾郵件資料夾，或<a class="underline cursor-pointer" @click="setCurrentSection('forget-password')">使用其他電郵地址</a>。</p> <button class="text-sm font-bold text-content mt-4 hover:text-gray-700" @click="setCurrentSection('login')">< 返回登入</button> </div> </div> <div class="hidden" x-data="loginData"> <form id="form-sso" method="POST"> <input type="text" name="source" id="form-sso-source" value=""> <input type="text" name="token" id="form-sso-token" value=""> <input type="text" name="first_name" id="form-sso-first-name" value=""> <input type="text" name="last_name" id="form-sso-last-name" value=""> <input type="text" name="redirect" value="/event/tourheart-mindfulness-group-practice-july"> <input type="hidden" name="agreed_tnc" :value="registerForm.content.agreed_tnc" id="form-sso-agreed-tnc"> <input type="text" name="auth-submit" value="sign-in-sso"> </form> </div> </div> <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> <script> window.fbAsyncInit = function() { FB.init({ appId : '242913894004818', cookie : true, xfbml : true, version : 'v11.0' }); FB.AppEvents.logPageView(); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); document.addEventListener('alpine:init', () => { Alpine.data('loginData', () => ({ isLoginPanelVisible: false, currentSection: "register", loginForm: { content: { user_login: "", user_password: "", remember: false, }, error: "", isPasswordVisible: false }, registerForm: { content: { agreed_tnc: false, user_login: "", user_password: "", company_code: "", opt_out_update: false }, error: "", isPasswordVisible: false, isConsentFormVisible: true, isTncCheckboxEnabled: false, scrollConsentForm(el) { if ($(el).scrollTop() >= el.scrollHeight - $(el).height() - 20) { this.isTncCheckboxEnabled = true; } }, }, resetPasswordError: "", resetPasswordForm: { codes: ["", "", "", "", "", ""], isNewPasswordVisible: false, new_password: "", }, init() { this.$nextTick(() => { if (this.loginForm.error != "") { this.$refs.loginPassword.focus(); } }) if (this.isLoginPanelVisible) { $("body").addClass("overflow-hidden"); } if (this.loginForm.error == "" && this.registerForm.error == "") { const url = location.search; console.log(url); let queryString = new URLSearchParams(url); if (queryString.get("openLogin") == "true") { this.toggleLoginPanel(); } } }, toggleLoginPanel() { this.isLoginPanelVisible = !this.isLoginPanelVisible if (this.isLoginPanelVisible) { $("body").addClass("overflow-hidden"); } if (!this.isLoginPanelVisible) { this.loginForm.error = "", this.registerForm.error = "", this.registerForm.isConsentFormVisible = true; this.registerForm.isTncCheckboxEnabled = false; this.registerForm.content.agreed_tnc = false; this.currentSection = "register"; $("body").removeClass("overflow-hidden"); } }, setCurrentSection(sectionName) { this.currentSection = sectionName }, loginWithFacebook() { FB.login(function(response) { if (response.authResponse) { const token = response.authResponse.accessToken; $("#form-sso-source").val("facebook"); $("#form-sso-token").val(token); $("#form-sso").submit(); } }, { scope: 'public_profile,email' }); }, async loginWithApple() { try { let data = await AppleID.auth.signIn(); console.log(data); let token = data.authorization.id_token; let first_name = data.user?.name?.firstName; let last_name = data.user?.name?.lastName; $("#form-sso-source").val("apple"); $("#form-sso-token").val(token); $("#form-sso-first-name").val(first_name); $("#form-sso-last-name").val(last_name); $("#form-sso").submit(); } catch (error) { console.log("Apple login error", error); } }, inputKeyUp(e) { let input = e.target; if (input.value.length == input.maxLength) { if (!$(input).is(":last-child")) { $(input).next('input').focus(); } else { $(input).blur(); } } }, inputKeyDown(e) { let input = e.target; if (event.keyCode == 8 || event.keyCode == 46) { let indexNum = $("input[name='reset_password_code[]']").index(input); if ($(input).val() == "") { if (indexNum != 0) { $("input[name='reset_password_code[]']").eq($("input[name='reset_password_code[]']").index(input) - 1).val('').focus(); } } else { this.resetPasswordForm.codes[indexNum] = ""; } } }, inputPaste(e) { let input = e.target; $(input).one("input.fromPaste", () => { const pastedValue = $(input).val(); if (pastedValue.length == 6) { this.resetPasswordForm.codes = pastedValue.split(""); } $(input).attr("maxlength", 1); $("input[name='reset_password_code[]']").blur(); }); $(input).attr("maxlength", 6); } })); }); $(document).ready(function() { let googleUser = {}; gapi.load('auth2', function(){ auth2 = gapi.auth2.init({ client_id: '721583760522-5i6srb2sp6v3uc98ju31vr9appule7s5.apps.googleusercontent.com', cookiepolicy: 'single_host_origin', }); attachSignin(document.getElementById('btn-sso-google')); attachSignin(document.getElementById('btn-sso-google-signup')); }); function attachSignin(element) { auth2.attachClickHandler(element, {}, function(googleUser) { const token = googleUser.getAuthResponse().id_token; $("#form-sso-source").val("google"); $("#form-sso-token").val(token); $("#form-sso").submit(); }, function(error) { console.log(JSON.stringify(error, undefined, 2)); } ); } }); </script> <script> const lang = "zh_CHT"; document.addEventListener('alpine:init', () => { Alpine.data('navInit', () => ({ userLoggedIn: false, isProfileMenuVisible: false, isProfileMobileMenuVisible: false, isMobileMenuVisible: false, toggleMobileMenu() { this.isProfileMenuVisible = false; this.isProfileMobileMenuVisible = false; this.isMobileMenuVisible = !this.isMobileMenuVisible; console.log(this.isMobileMenuVisible); }, toggleProfileMobileMenu() { this.isMobileMenuVisible = false; this.isProfileMobileMenuVisible = !this.isProfileMobileMenuVisible; }, showProfileMenu() { this.isMobileMenuVisible = false; this.isProfileMenuVisible = true; }, hideProfileMenu() { this.isProfileMenuVisible = false } })); }) </script><div class="w-full" x-data=""> <div class="container pt-4 pb-12 md:py-16 flex-grow flex flex-col items-center justify-center space-y-8 md:space-y-16"> <div class="grid grid-cols-1 space-y-8 md:space-y-0 md:grid-cols-2 lg:max-w-4xl md:space-x-8 mx-auto"> <div class="flex flex-col items-end justify-start"> <div class="max-h-full max-w-full"> <img class="max-h-full max-w-full w-auto h-auto" src="/wp-content/uploads/2022/06/Event-Posts-sq.jpg" alt="event poster"> </div> <div class="w-full hidden md:block"> </div> </div> <div class=""> <h5 class="text-primary-dark tracking-normal font-jinxuanlatte">心導靜觀共修（七月） </h5> <div class="text-sm flex flex-col space-y-4 mt-8"> <div class="flex items-top"> <i class="fas fa-calendar-alt fa-fw mr-2 text-primary-dark leading-5"></i> <span class="text-content">7月27日（星期三）｜ 8:00pm - 9:30pm</span> </div> <div class="flex items-top"> <i class="fas fa-map-marker-alt fa-fw mr-2 text-primary-dark leading-5"></i> <span class="text-content">網上活動</span> </div> <div class="flex items-top"> <i class="fas fa-dollar-sign fa-fw mr-2 text-primary-dark leading-5"></i> <span class="text-content">免費</span> </div> <div class="flex items-top"> <i class="fas fa-users fa-fw mr-2 text-primary-dark leading-5"></i> <span class="text-content">對象：有興趣透過靜觀修習照顧自己的會員 </span> </div> <p class="text-primary-dark tracking-normal text-lg font-medium pt-4">關於</p> <p>多項研究證實持續修習靜觀有不同的效用。例如：改善睡眠質素、提升專注力及記憶力、紓緩壓力、抑鬱、焦慮情緒、身體痛楚等等。 </p><p>心導靜觀共修將由具豐富靜觀經驗的臨床心理學家帶領，進行不同形式的靜觀練習 （包括：靜心伸展、靜觀呼吸、慈心修習等），助你平靜心靈和活得自在。 </p><p>歡迎有興趣透過靜觀修習照顧自己的會員報名，透過共修深化練習。 </p><p class="text-primary-dark tracking-normal text-lg font-medium pt-4">導師簡介</p><p>Connie 從2012年開始修習靜觀，先後完成多個靜觀導師訓練，包括美國布朗大學靜觀中心靜觀減壓療法導師基礎及進階訓練 (MBSR; Level 1) 、英國牛津靜觀中心及香港靜觀中心合辨之靜觀認知療法導師基礎訓練 (MBCT; Module 1-4) 、靜觀子女教養課程 (Mindful Parenting) 進階導師培訓和英國Mindfulness in Schools Project (MiSP) Teach Paws b 兒童靜觀課程。曾為社區大眾、專業人士、家長及學生舉辦多次八節靜觀為本課程及靜觀工作坊。<br></p><p>Connie 深信每個人內心深處都擁用讓生命轉化的力量---每個人都是自己人生的專家。透過靜觀修習，能讓我們更覺察到自身與天地萬物的連繫，以慈愛及善巧的心，平靜地看待世間的種種變化。 </p> <div class="w-full md:hidden"> </div> </div> </div> </div> </div> <div class="sticky bottom-0 w-full bg-primary py-4"> <div class="container"> <div class=" lg:max-w-4xl mx-auto flex flex-row items-center justify-between"> <div class="text-white font-medium"> <p class="text-sm">截止報名日期：</p> <p>21 / 07 / 2022</p> </div> <a target="_blank" href="https://esurvey.psy.cuhk.edu.hk/jfe/form/SV_bPkk6rwceTBLSjY" class="font-bold bg-white text-primary-dark px-8 py-2 hover:bg-primary-lightest rounded-full">立即報名</a> </div> </div> </div> </div> <div class="w-full bg-white py-16"> <div class="container md:max-w-4xl mx-auto flex flex-col items-center space-y-6 text-center md:text-left md:space-y-0 md:flex-row md:justify-between"> <div class="flex flex-col"> <div class="font-medium text-xs text-primary-dark mb-4 tracking-40">捐助機構：</div> <div> <a target="_blank" href="https://charities.hkjc.com/charities/chinese/index.aspx"><img loading="lazy" class="h-32" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/logo/HKJC_CN.webp" alt="HKJC logo"></a> </div> </div> <div class="flex flex-col"> <div class="font-medium text-xs text-primary-dark mb-4 tracking-40">主辦機構：</div> <div class="flex flex-col sm:flex-row items-center sm:space-x-4"> <a target="_blank" href="https://www.cuhk.edu.hk/chinese/index.html"><img loading="lazy" class="h-32" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/logo/CUHK.webp" alt="CUHK logo"></a> <a target="_blank" href="https://maklabdiversity.wixsite.com/maklab"><img loading="lazy" class="h-32" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/logo/DWL.webp" alt="DWL logo"></a> </div> </div> <div class="flex flex-col"> <div class="font-medium text-xs text-primary-dark mb-4 tracking-40">協辦機構：</div> <div> <a target="_blank" href="https://www.storytalerhk.org/"><img loading="lazy" class="h-32" src="https://www.jcthplus.org/wp-content/themes/1.0/assets/logo/StoryTaler.webp" alt="StoryTaler logo"></a> </div> </div> </div> </div> <footer class="w-full hidden flex-shrink-0 md:block opacity-100 z-0"> <div class="bg-primary-darker w-full"> <div class="container flex flex-row items-center py-3 justify-between text-white lg:space-y-0"> <div class="flex flex-row items-center space-x-6"> <span class="font-bold text-sm">追蹤我們</span> <a target="_blank" href="https://www.facebook.com/jctourheart/"><svg xmlns="http://www.w3.org/2000/svg" width="22.001" height="21.865" viewBox="0 0 22.001 21.865"><path d="M523,509a11,11,0,1,0-12.72,10.86v-7.68h-2.79V509h2.79v-2.43c0-2.75,1.64-4.28,4.16-4.28a16.54,16.54,0,0,1,2.46.22v2.7h-1.39a1.59,1.59,0,0,0-1.79,1.72V509h3l-.49,3.18h-2.56v7.68A11,11,0,0,0,523,509Z" transform="translate(-500.999 -497.995)"/></svg></a> <a target="_blank" href="https://www.instagram.com/jctourheart/"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path d="M12,3c2.94,0,3.29,0,4.44.07a6.22,6.22,0,0,1,2,.37,3.34,3.34,0,0,1,1.26.83,3.34,3.34,0,0,1,.83,1.26A6.22,6.22,0,0,1,21,7.56V12c0,2.94,0,3.29-.07,4.44a6.22,6.22,0,0,1-.37,2,3.74,3.74,0,0,1-2.09,2.09,6.22,6.22,0,0,1-2,.37A43.7,43.7,0,0,1,12,21H7.56a6.22,6.22,0,0,1-2-.37A3.34,3.34,0,0,1,4.3,19.8a3.34,3.34,0,0,1-.83-1.26,6.22,6.22,0,0,1-.37-2C3,15.29,3,14.94,3,12s0-3.29.07-4.44a6.22,6.22,0,0,1,.37-2A3.34,3.34,0,0,1,4.27,4.3a3.34,3.34,0,0,1,1.26-.83A6.22,6.22,0,0,1,7.58,3.1,41.922,41.922,0,0,1,12,3m0-2c-3,0-3.36,0-4.54.07a8,8,0,0,0-2.67.51A5.26,5.26,0,0,0,2.85,2.85,5.26,5.26,0,0,0,1.58,4.79a8,8,0,0,0-.51,2.67C1,8.64,1,9,1,12s0,3.36.07,4.54a8,8,0,0,0,.51,2.67,5.26,5.26,0,0,0,1.27,1.94,5.26,5.26,0,0,0,1.94,1.27,8,8,0,0,0,2.67.51C8.64,23,9,23,12,23s3.36,0,4.54-.07a8,8,0,0,0,2.67-.51,5.67,5.67,0,0,0,3.21-3.21,8,8,0,0,0,.51-2.67C23,15.36,23,15,23,12s0-3.36-.07-4.54a8,8,0,0,0-.51-2.67,5.26,5.26,0,0,0-1.27-1.94,5.26,5.26,0,0,0-1.94-1.27,8,8,0,0,0-2.67-.51C15.36,1,15,1,12,1Z" transform="translate(-1 -1)"/><path d="M12,6.35A5.65,5.65,0,1,0,17.65,12,5.65,5.65,0,0,0,12,6.35Zm0,9.32A3.67,3.67,0,1,1,15.67,12,3.67,3.67,0,0,1,12,15.67Z" transform="translate(-1 -1)"/><circle cx="1.32" cy="1.32" r="1.32" transform="translate(15.55 3.81)"/></svg></a> <a target="_blank" href="https://www.linkedin.com/company/jctourheart/"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path d="M17.417,0H4.583A4.584,4.584,0,0,0,0,4.583V17.417A4.584,4.584,0,0,0,4.583,22H17.417A4.583,4.583,0,0,0,22,17.417V4.583A4.583,4.583,0,0,0,17.417,0ZM7.333,17.417H4.583V7.333h2.75ZM5.958,6.171a1.617,1.617,0,1,1,1.6-1.617A1.611,1.611,0,0,1,5.958,6.171ZM18.333,17.417h-2.75V12.28c0-3.087-3.667-2.854-3.667,0v5.137H9.167V7.333h2.75V8.951c1.28-2.37,6.417-2.546,6.417,2.27Z"/></svg></a> </div> <div class="flex items-center space-x-6"> <a href="/immediate-help" class="block py-1 px-4 rounded-full font-bold text-sm bg-emergency hover:bg-emergency-dark text-content">需要協助</a> <!-- <a href="" class="font-bold text-sm hover:text-primary-light-hover">下載應用程式</a> --> <a href="/contact-us" class="font-bold text-sm hover:text-primary-light-hover">聯絡我們</a> <a href="/faq" class="font-bold text-sm hover:text-primary-light-hover">常見問題</a> </div> </div> </div> <div class="bg-primary-darkest w-full py-4"> <div class="container bg-primary-darkest flex items-center flex-row justify-center text-gray-200 text-xs space-x-6"> <a href="/terms-and-conditions" class="hover:text-primary-light-hover">條款及細則</a> <a href="/personal-information-collection-statement" class="hover:text-primary-light-hover">個人資料收集聲明</a> <a href="/privacy-policy" class="hover:text-primary-light-hover">私隱政策</a> <a href="/cookie-policy" class="hover:text-primary-light-hover">Cookie 政策</a> </div> </div> </footer> </body> </html>