{"id":529,"date":"2026-05-05T06:48:41","date_gmt":"2026-05-05T06:48:41","guid":{"rendered":"https:\/\/mbti-dev.visibleone.dev\/visionary-leader\/"},"modified":"2026-05-05T06:48:41","modified_gmt":"2026-05-05T06:48:41","slug":"visionary-leader","status":"publish","type":"page","link":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/visionary-leader\/","title":{"rendered":"Visionary Leader"},"content":{"rendered":"<section block-name=\"uni-type\" class=\"relative py-10 md:py-20 lg:pt-[125px] lg:pb-[100px] background-line-image\">\n    <div class=\"container\">\n        <div class=\"container-lg\">\n            <div class=\"js-pdf-hidden pb-6 px-10 flex gap-3 social-links flex-wrap\">\n                <a href=\"#\" onclick=\"downloadPDF()\" class=\"js-download-page-pdf flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Download this page as PDF\" title=\"Download PDF\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/download.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"#\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient share-link\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/link.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F529\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Facebook\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/fb.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"#\" data-share-ig data-share-text=\"I discovered my personality type: Visionary Leader! Take the quiz: https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/529\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Instagram\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/ig.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"https:\/\/twitter.com\/intent\/tweet?text=I+discovered+my+personality+type%3A+Visionary+Leader%21+Take+the+quiz%3A&#038;url=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F529\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on X (Twitter)\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/twitter.svg\" alt=\"\">\n                <\/a>\n            <\/div>\n\n            <!-- this bg-light-blue class name will change on mbti type -->\n            <div class=\"bg-light-blue rounded-[32px] p-5 md:p-10 lg:p-20 5xl:px-[100px] flex flex-col-reverse xl:flex-row gap-7 xl:gap-10 max-xl:mt-28 #dbf7ff\" style=\"background-color: #dbf7ff !important;\">\n                <div class=\"xl:flex-[0_1_50%] xl:max-w-[50%]\">\n                    <h5 class=\"js-pdf-title heading5 text-white bg-primary-magenta px-3 py-1 inline-block rounded-[100px]\">\n                        Your UNI-Type is                    <\/h5>\n                \n                    <h1 class=\"heading1 text-primary py-3\">\n                        Visionary Leader                    <\/h1>\n\n                    <div class=\"text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10 lg:pb-[60px]\">\n                        <p>\n                            A Visionary Leader is driven by purpose and big-picture thinking, with the ability to inspire and guide others toward meaningful goals. They thrive in dynamic environments, embrace challenges, and turn ideas into impactful outcomes. With strong leadership instincts and a forward-looking mindset, they are motivated to create change, influence others, and shape the future with confidence and clarity.                        <\/p>\n                    <\/div>\n\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Group-47642367.svg\" alt=\"\" class=\"aspect-[577\/267] object-contain\" \/>\n\n                    <!-- show only for mobile -->\n                    <div class=\"mt-[27px] max-xl:grid sm:grid-cols-2 items-center gap-5 p-3 rounded-[80px] 6xl:rounded-[200px] border-[3px] border-dashed xl:hidden\" style=\"border-color: #bae8f7;\">\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/leadership_18224842-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Team-leading                                <\/h6>\n                            <\/div>\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/solution_18224811-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Convincing                                <\/h6>\n                            <\/div>\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/success_18224738-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Adventurous                                <\/h6>\n                            <\/div>\n                        \n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                        <!-- <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/solution.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Convincing\n                            <\/h6>\n                        <\/div> -->\n\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                        <!-- <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/success.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Adventurous\n                            <\/h6>\n                        <\/div> -->\n                    <\/div>\n                <\/div>\n\n                <div class=\"xl:flex-[0_1_50%] xl:max-w-[50%]\">\n                    <div class=\"relative -mt-44 xl:-mt-48\">\n                        <div class=\"p-10 xl:px-20 4xl:pr-[120px] bg-item-yellow rounded-bl-[80px] min-h-[150px] 4xl:min-h-[200px] shadow-[12px_12px_0px_rgba(0,0,0,0.25)] lg:absolute lg:-top-8 lg:right-0 max-xl:translate-y-[2rem] lg:translate-x-[-12rem] xl:translate-x-[-17rem] 3xl:translate-x-[-20rem] z-[3]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/quote.svg\" alt=\"\" class=\"max-w-[34px] object-contain -translate-y-1 -translate-x-5\" \/>\n                            <h4 class=\"heading4 italic text-primary text-center\">\n                                I explore possibilities beyond the boundaries.                            <\/h4>\n                        <\/div>\n\n                        <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Avatar-Image.png\" alt=\"\" class=\"aspect-[418\/643] object-contain max-w-[200px] lg:max-w-[240px] xl:max-w-[418px] ml-auto relative z-[4]\" \/>\n                    <\/div>\n\n                    <!-- show only for desktop -->\n                    <div class=\"mt-[27px] hidden xl:grid sm:grid-cols-2 6xl:grid-cols-3 items-center gap-5 p-3 rounded-[80px] 6xl:rounded-[200px] border-[3px] border-dashed\" style=\"border-color: #bae8f7;\">\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/leadership_18224842-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Team-leading                            <\/h6>\n                        <\/div>\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/solution_18224811-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Convincing                            <\/h6>\n                        <\/div>\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #bae8f7;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/success_18224738-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Adventurous                            <\/h6>\n                        <\/div>\n                                            \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n <div id=\"share-popup\" class=\"fixed top-0 left-0 w-full h-full bg-black\/75 flex items-center justify-center z-20 hidden\">\n    <div class=\"bg-white w-[90%] md:w-[748px] p-5 sm:p-10 xl:px-[60px] xl:py-20 relative\">\n        <button type=\"button\" id=\"share-popup-close\" class=\"absolute right-3 top-3 xl:right-10 xl:top-10\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M24.4003 7.61363C24.2769 7.49003 24.1304 7.39196 23.9691 7.32505C23.8078 7.25815 23.6349 7.22371 23.4603 7.22371C23.2857 7.22371 23.1128 7.25815 22.9515 7.32505C22.7902 7.39196 22.6436 7.49003 22.5203 7.61363L16.0003 14.1203L9.4803 7.6003C9.35686 7.47686 9.21031 7.37894 9.04902 7.31213C8.88774 7.24532 8.71487 7.21094 8.5403 7.21094C8.36572 7.21094 8.19286 7.24532 8.03157 7.31213C7.87029 7.37894 7.72374 7.47686 7.6003 7.6003C7.47686 7.72374 7.37894 7.87029 7.31213 8.03157C7.24532 8.19286 7.21094 8.36572 7.21094 8.5403C7.21094 8.71487 7.24532 8.88774 7.31213 9.04902C7.37894 9.21031 7.47686 9.35686 7.6003 9.4803L14.1203 16.0003L7.6003 22.5203C7.47686 22.6437 7.37894 22.7903 7.31213 22.9516C7.24532 23.1129 7.21094 23.2857 7.21094 23.4603C7.21094 23.6349 7.24532 23.8077 7.31213 23.969C7.37894 24.1303 7.47686 24.2769 7.6003 24.4003C7.72374 24.5237 7.87029 24.6217 8.03157 24.6885C8.19286 24.7553 8.36572 24.7897 8.5403 24.7897C8.71487 24.7897 8.88774 24.7553 9.04902 24.6885C9.21031 24.6217 9.35686 24.5237 9.4803 24.4003L16.0003 17.8803L22.5203 24.4003C22.6437 24.5237 22.7903 24.6217 22.9516 24.6885C23.1129 24.7553 23.2857 24.7897 23.4603 24.7897C23.6349 24.7897 23.8077 24.7553 23.969 24.6885C24.1303 24.6217 24.2769 24.5237 24.4003 24.4003C24.5237 24.2769 24.6217 24.1303 24.6885 23.969C24.7553 23.8077 24.7897 23.6349 24.7897 23.4603C24.7897 23.2857 24.7553 23.1129 24.6885 22.9516C24.6217 22.7903 24.5237 22.6437 24.4003 22.5203L17.8803 16.0003L24.4003 9.4803C24.907 8.97363 24.907 8.1203 24.4003 7.61363Z\" fill=\"#27353C\"\/>\n            <\/svg>\n        <\/button>\n\n        \t<div class=\"pb-8 last:pb-0 copy-text-container\">\n\t\t\t\t<h6 class=\"heading6 text-dark !font-normal pb-2\">\n\t\t\tShare Result\t\t<\/h6>\n\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t<div class=\"bg-grey-light px-3 py-5 w-[calc(100%-95px)] rounded-xl\">\n\t\t\t\t<p class=\"text-body-md text-dark truncate copy-text\">\n\t\t\t\t\thttps:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/529\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t<button\n\t\ttype=\"button\"\n\t\tclass=\"bg-grey-light px-3 py-5 rounded-xl flex items-center gap-1 hover:bg-light-cyan copy-button\"\n\t\tdata-copied-label=\"Copy\"\n\t\taria-label=\"Copy\"\n\t>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M15 1H4C2.9 1 2 1.9 2 3V16C2 16.55 2.45 17 3 17C3.55 17 4 16.55 4 16V4C4 3.45 4.45 3 5 3H15C15.55 3 16 2.55 16 2C16 1.45 15.55 1 15 1ZM15.59 5.59L20.42 10.42C20.79 10.79 21 11.3 21 11.83V21C21 22.1 20.1 23 19 23H7.99C6.89 23 6 22.1 6 21L6.01 7C6.01 5.9 6.9 5 8 5H14.17C14.7 5 15.21 5.21 15.59 5.59ZM15 12H19.5L14 6.5V11C14 11.55 14.45 12 15 12Z\" fill=\"#1A237E\"\/>\n\t\t<\/svg>\n\t\t<p class=\"text-body-md text-dark copy-button-label\">\n\t\t\tCopy\t\t<\/p>\n\t<\/button>\n\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"pb-8 last:pb-0 copy-text-container\">\n\t\t\t\t<h6 class=\"heading6 text-dark !font-normal pb-2\">\n\t\t\tShare link to test\t\t<\/h6>\n\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t<div class=\"bg-grey-light px-3 py-5 w-[calc(100%-95px)] rounded-xl\">\n\t\t\t\t<p class=\"text-body-md text-dark truncate copy-text\">\n\t\t\t\t\thttps:\/\/mbti-dev.visibleone.dev\/zh-hant\/\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t<button\n\t\ttype=\"button\"\n\t\tclass=\"bg-grey-light px-3 py-5 rounded-xl flex items-center gap-1 hover:bg-light-cyan copy-button\"\n\t\tdata-copied-label=\"Copy\"\n\t\taria-label=\"Copy\"\n\t>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M15 1H4C2.9 1 2 1.9 2 3V16C2 16.55 2.45 17 3 17C3.55 17 4 16.55 4 16V4C4 3.45 4.45 3 5 3H15C15.55 3 16 2.55 16 2C16 1.45 15.55 1 15 1ZM15.59 5.59L20.42 10.42C20.79 10.79 21 11.3 21 11.83V21C21 22.1 20.1 23 19 23H7.99C6.89 23 6 22.1 6 21L6.01 7C6.01 5.9 6.9 5 8 5H14.17C14.7 5 15.21 5.21 15.59 5.59ZM15 12H19.5L14 6.5V11C14 11.55 14.45 12 15 12Z\" fill=\"#1A237E\"\/>\n\t\t<\/svg>\n\t\t<p class=\"text-body-md text-dark copy-button-label\">\n\t\t\tCopy\t\t<\/p>\n\t<\/button>\n\t\t\t<\/div>\n\t<\/div>\n\t    <\/div>\n<\/div>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/js\/html2canvas.min.js\"><\/script>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/js\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/blocks\/uni-type\/download-pdf.js\"><\/script>\n<script>\ndocument.querySelector('[data-share-ig]')?.addEventListener('click', function (e) {\n    e.preventDefault();\n    var text = this.dataset.shareText || '';\n    if (navigator.share) {\n        navigator.share({ text: text, url: window.location.href });\n    } else {\n        window.open('https:\/\/www.instagram.com\/', '_blank', 'noopener,noreferrer');\n    }\n});\n<\/script>\n\n<section block-name=\"img-txt\" class=\"bg-ground-magenta py-10 md:py-20 lg:py-[100px]\" style=\"background-color: #f7dfff;\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 items-center gap-10 lg:gap-20 3xl:gap-[160px] transition-all duration-500 ease-out img-txt-grid\">\n                <div class=\"img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/IMAGE.png\" alt=\"\" class=\"aspect-[680\/482] object-cover rounded-tr-[40px] rounded-bl-[40px] xl:rounded-tr-[80px] xl:rounded-bl-[80px] shadow-[12px_12px_0_#C874B4]\" \/>\n                <\/div>\n\n                <div>\n                    <h3 class=\"heading3 text-dark-magenta pb-1\">\n                        Your University Milestones                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>Important academic and personal milestones to guide your journey and help you stay on track throughout university life.<\/p>\n                        <\/p>\n                    <\/div>\n\n                    <div>\n                                                                        <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&#038;.active]:bg-primary-magenta [&#038;.active]:text-white [&#038;.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                    Entrepreneurship Competition                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                <!-- <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p> -->\n                                <p>\n                                    <p>The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.<\/p>\n<p>&nbsp;<\/p>\n<p>The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!<\/p>\n                                <\/p>\n                                <br\/>\n                                                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Image-2-1.png\" alt=\"\" \/>\n                                                            <\/div>\n                        <\/div>\n                                                <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&#038;.active]:bg-primary-magenta [&#038;.active]:text-white [&#038;.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                    Startup &#038; Incubator Visits                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                <!-- <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p> -->\n                                <p>\n                                    <p>The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.<\/p>\n<p>&nbsp;<\/p>\n<p>The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!<\/p>\n                                <\/p>\n                                <br\/>\n                                                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Image-3-1.png\" alt=\"\" \/>\n                                                            <\/div>\n                        <\/div>\n                                                                        <!-- <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&.active]:bg-primary-magenta [&.active]:text-white [&.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"w-[calc(100%-30px)] text-left\">\n                                    Startup & Incubator Visits\n                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out my-5 px-3 text-body-md text-dark [&_*]:text-body-md [&_*]:text-dark [&_ul]:pl-4 [&_ol]:pl-4 [&_ul]:list-disc [&_ol]:list-decimal [&_img]:aspect-[560\/356] [&_img]:object-cover [&_img]:mx-auto overflow-hidden\">\n                                <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p>\n                                <br\/>\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/question\/group.png\" alt=\"\" \/>\n                            <\/div>\n                        <\/div> -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- if background color change you can add inline style like this <section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: red;\"> -->\n<section block-name=\"img-txt-orange\" class=\"bg-ground-orange py-10 md:py-20 lg:py-[100px] img-txt-orange\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 items-center gap-10 lg:gap-20 3xl:gap-[160px] transition-all duration-500 ease-out img-txt-grid\">\n                <div>\n                    <h3 class=\"heading3 text-dark-orange pb-1\">\n                        Your Campus Habitat                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>The campus spaces and learning environments where your personality and strengths are most likely to thrive.<\/p>\n                        <\/p>\n                    <\/div>\n\n                    <div>\n                                                                            <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                                <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-web-orange bg-light-orange flex items-center gap-10 hover:border-dark-orange hover:bg-web-orange heading5 text-dark-orange hover:text-white [&#038;.active]:bg-web-orange [&#038;.active]:text-white [&#038;.active]:border-dark-orange accordion-btn\">\n                                    <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                        Entrepreneurship Center                                    <\/p>\n\n                                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                                <\/button>\n\n                                <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                    <p>\n                                        <p>The annual Nova Innovation Competition is a campus-wide initiative that promotes the spirit of entrepreneurship. Students from all backgrounds are invited to present their transformative ideas to a panel of judges comprising industry specialists, venture capitalists, and accomplished entrepreneurs. This is an exceptional opportunity to obtain valuable input, connect with potential backers, and secure seed funding to launch your startup.<\/p>\n<p>&nbsp;<\/p>\n<p>The Competition culminates in a Demo Day where finalists showcase their prototypes and comprehensive business strategies. Past winners have gone on to secure substantial funding, launch thriving businesses, and make a significant impact in their respective fields. Apply now and turn your vision into reality!<\/p>\n                                    <\/p>\n                                    <br\/>\n                                                                        <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Image-4-1.png\" alt=\"\" \/>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                                <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-web-orange bg-light-orange flex items-center gap-10 hover:border-dark-orange hover:bg-web-orange heading5 text-dark-orange hover:text-white [&#038;.active]:bg-web-orange [&#038;.active]:text-white [&#038;.active]:border-dark-orange accordion-btn\">\n                                    <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                        Career Centre                                    <\/p>\n\n                                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                                <\/button>\n\n                                <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                    <p>\n                                        <p>The annual Nova Innovation Competition is a campus-wide initiative that promotes the spirit of entrepreneurship. Students from all backgrounds are invited to present their transformative ideas to a panel of judges comprising industry specialists, venture capitalists, and accomplished entrepreneurs. This is an exceptional opportunity to obtain valuable input, connect with potential backers, and secure seed funding to launch your startup.<\/p>\n<p>&nbsp;<\/p>\n<p>The Competition culminates in a Demo Day where finalists showcase their prototypes and comprehensive business strategies. Past winners have gone on to secure substantial funding, launch thriving businesses, and make a significant impact in their respective fields. Apply now and turn your vision into reality!<\/p>\n                                    <\/p>\n                                    <br\/>\n                                                                        <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Image-5-1.png\" alt=\"\" \/>\n                                                                    <\/div>\n                            <\/div>\n                                                                    <\/div>\n                <\/div>\n\n                <div class=\"img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/IMAGE-1.png\" alt=\"\" class=\"aspect-[680\/482] object-cover rounded-tr-[40px] rounded-bl-[40px] xl:rounded-tr-[80px] xl:rounded-bl-[80px] shadow-[12px_12px_0_#FE8260]\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section block-name=\"chill-card\" class=\"container py-10 md:py-20 lg:py-[100px] img-txt-orange\" style=\"background-color: ;\">\n    <div class=\"container-md\">\n        <div class=\"text-center pb-10 lg:pb-[60px]\">\n            <h3 class=\"heading3 text-primary pb-3\">\n                Where to Chill &#038; Relax            <\/h3>\n            <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal\">\n                <p>\n                    <p>Based on your personality, These are your best places to chill and recharge on campus:<\/p>\n                <\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-cols md:flex-row justify-center flex-wrap gap-5 4xl:gap-10 5xl:px-20\">\n                                                <div class=\"md:flex-[0_1_48%] md:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] group\">\n                <div class=\"overflow-hidden mb-5 rounded-tr-[40px] rounded-bl-[40px]\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Rectangle-19.png\" alt=\"\" class=\"aspect-[426\/271] object-cover group-hover:scale-[1.05] transition-all duration-300 ease-out\" \/>\n                <\/div>\n                <h6 class=\"heading6 text-primary text-center\">\n                    <p>Lunch Gathering @ UniBistro and Bar<\/p>\n                <\/h6>\n            <\/div>\n                                                <div class=\"md:flex-[0_1_48%] md:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] group\">\n                <div class=\"overflow-hidden mb-5 rounded-tr-[40px] rounded-bl-[40px]\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Rectangle-19-1.png\" alt=\"\" class=\"aspect-[426\/271] object-cover group-hover:scale-[1.05] transition-all duration-300 ease-out\" \/>\n                <\/div>\n                <h6 class=\"heading6 text-primary text-center\">\n                    <p>Relax and recharge @Tsang Shiu Tim Art Hall<\/p>\n                <\/h6>\n            <\/div>\n                                                <div class=\"md:flex-[0_1_48%] md:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] group\">\n                <div class=\"overflow-hidden mb-5 rounded-tr-[40px] rounded-bl-[40px]\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Rectangle-19-2.png\" alt=\"\" class=\"aspect-[426\/271] object-cover group-hover:scale-[1.05] transition-all duration-300 ease-out\" \/>\n                <\/div>\n                <h6 class=\"heading6 text-primary text-center\">\n                    <p>Library : A peaceful spot to concentrate, revise, and get work done efficiently.<\/p>\n                <\/h6>\n            <\/div>\n                                            <\/div>\n    <\/div>\n<\/section>\n\n<!-- if background color change you can add inline style like this <section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: red;\"> -->\n<section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: ;\">\n    <div class=\"container py-10 md:py-20 lg:py-[100px]\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-20 2xl:gap-[120px]\">\n                <div>\n                    <h3 class=\"heading3 text-dark pb-1\">\n                        Explore your study options                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal\">\n                        <p>\n                            <p>Programs aligned with your personality and strengths, highlighting pathways where you are most likely to thrive.<\/p>\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div>\n                                                                                <a href=\"https:\/\/www.facebooks.com\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Industrial Engineering and Decision Analytics                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                            <a href=\"#\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Business and Management                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section block-name=\"next-step\" class=\"js-pdf-hidden py-10 md:py-20 lg:pt-[125px] lg:pb-[100px]\">\n    <div class=\"container\">\n        <div class=\"container-lg\">\n            <div class=\"5xl:px-[60px]\">\n                <div class=\"text-center lg:max-w-[900px] mx-auto\">\n                    <h3 class=\"heading3 text-primary pb-1\">\n                        Take the Next Step                    <\/h3>\n                    <div class=\"text-body-lg text-primary [&#038;_*]:text-body-lg [&#038;_*]:text-primary [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>Ready to move forward? Explore your matched programs and continue your application journey directly on the university\u2019s official website.<\/p>\n                        <\/p>\n                    <\/div>\n                    \n                    <a href=\"\" class=\"block sm:max-w-[591px] mx-auto w-full px-5 lg:px-8 py-3 rounded-xl bg-primary-yellow hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                        Apply Now                    <\/a>\n                    \n                    <div class=\"grid sm:grid-cols-2 lg:flex lg:flex-wrap lg:justify-center gap-5 pt-5\">\n                                                                                                                        <a href=\"\" class=\"block max-md:w-full px-5 3xl:whitespace-nowrap lg:px-11 py-3 rounded-xl border border-primary hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                            Visit Official Website                        <\/a>\n                                                                                                                        <a href=\"\" class=\"block max-md:w-full px-5 3xl:whitespace-nowrap lg:px-11 py-3 rounded-xl border border-primary hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                            View Programme Details                        <\/a>\n                                                                                            <\/div>\n\n                    <div class=\"pt-[60px]\">\n                        <p class=\"text-body-sm text-center text-primary !font-bold uppercase pb-3\">\n                                                    <\/p>\n                        <div class=\"flex items-center justify-center gap-3 social-links flex-wrap\">\n                            <a href=\"#\" onclick=\"downloadPDF()\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/download.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"#\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient share-link\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/link.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F529\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Facebook\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/fb.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"#\" data-share-ig data-share-text=\"Take the Next Step - Take the quiz: https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/529\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Instagram\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/ig.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"https:\/\/twitter.com\/intent\/tweet?text=Take+the+Next+Step+-+Take+the+quiz%3A&#038;url=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F529\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on X (Twitter)\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/twitter.svg\" alt=\"\">\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.querySelector('[data-share-ig]')?.addEventListener('click', function (e) {\n    e.preventDefault();\n    var text = this.dataset.shareText || '';\n    if (navigator.share) {\n        navigator.share({ text: text, url: window.location.href });\n    } else {\n        window.open('https:\/\/www.instagram.com\/', '_blank', 'noopener,noreferrer');\n    }\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-529","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":0,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/529\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hant\/wp-json\/wp\/v2\/media?parent=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}