{"id":8628,"date":"2024-10-23T12:07:14","date_gmt":"2024-10-23T12:07:14","guid":{"rendered":"https:\/\/visibleone.com\/?page_id=8628"},"modified":"2024-12-21T10:06:16","modified_gmt":"2024-12-21T02:06:16","slug":"blog-search","status":"publish","type":"page","link":"https:\/\/visibleone.com\/blog-search\/","title":{"rendered":"Blog Search"},"content":{"rendered":"\n<div block-name=\"BlogSearchFilter\"  x-data=\"blog_search_filter\">\n  <div class=\"relative z-30 pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px]\">\n    <div class=\"px-4 md:px-8 lg:px-24 2xl:px-36 max-w-screen-2xl mx-auto pt-6 md:pt-8 xl:pt-12\">\n      \n<div class=\"lg:flex items-center relative z-10\" x-data=\"blog_search_filter_filter\">\n  <h1 class=\"font-semibold text-[#2e475d] fs-5xl\" x-text=\"searched_text\">\n    Blog  <\/h1>\n    <div class=\"lg:ml-auto mt-5 lg:mt-auto\">\n    <form method=\"get\" action=\"https:\/\/visibleone.com\/blog-search\/\"\n      class=\"flex border rounded bg-white relative md:position-[unset] lg:max-w-max transition duration-300 border-[#7691AD]\"\n      x-ref=\"searchFormRef\">\n      <fieldset>\n        <legend class=\"h-full\">\n          <label for=\"search\" class=\"hidden\">Terms<\/label>\n          <input id=\"search\" type=\"text\" name=\"search\"\n            class=\"h-full min-w-0 px-4 outline-none lg:max-w-md bg-transparent flex-1\" value=\"\" x-model=\"search\"\n            placeholder=\"Search...\" aria-label=\"Search Keyword\" \/>\n        <\/legend>\n      <\/fieldset>\n      <fieldset>\n        <legend>\n          <label for=\"category\" class=\"hidden\">c id<\/label>\n          <input id=\"category\" type=\"text\" name=\"category\" hidden aria-hidden=\"true\" :value=\"category\" \/>\n        <\/legend>\n      <\/fieldset>\n      <div class=\"md:relative flex items-stretch md:border-l transition duration-300 border-[#7691AD]\">\n        <button tabindex=\"0\" title=\"Category Filter\" class=\"px-3 flex items-center cursor-pointer md:ml-3 searchFilterIcon\" @click=\"toggleDropdown\">\n        <img decoding=\"async\" alt=\"\" aria-hidden=\"true\" src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/blog\/hamburger-icon.svg\"\n              class=\"size-full object-contain mr-2.5 max-w-3\" \/>\n\n          <span class=\"fs-base md:min-w-[15ch] max-w-[15ch] whitespace-nowrap overflow-hidden text-ellipsis pointer-events-none hidden md:block pr-2 font-medium text-[#516F90]\"\n            x-text=\"c_text\">\n            All Categories          <\/span>\n        <\/button>\n        <ul x-ref=\"dropdown\"\n          class=\"searchFilterContent absolute -bottom-px right-0 md:right-[unset] min-w-[15ch] md:left-0 translate-y-full w-full bg-white py-3 px-5 shadow-lg hidden transition-opacity\">\n          <li class=\"mb-3 last:mb-0\">\n            <button tabindex=\"0\" aria-label='All Categories'\n            class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n            :class=\"category == '' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n            @click=\"changeCategory('', 'All Categories')\">\n            All Categories            <\/button>\n            \n          <\/li>\n\n                      <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"360 Virtual Tour\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == '360-virtual-tour' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('360-virtual-tour', '360 Virtual Tour')\">\n              360 Virtual Tour              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"3CX\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == '3cx' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('3cx', '3CX')\">\n              3CX              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"AI\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ai' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ai', 'AI')\">\n              AI              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"AI News\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ai-news' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ai-news', 'AI News')\">\n              AI News              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Awards\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'awards' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('awards', 'Awards')\">\n              Awards              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Branding\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'branding' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('branding', 'Branding')\">\n              Branding              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Chatbots\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'chatbots' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('chatbots', 'Chatbots')\">\n              Chatbots              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Cloud Services\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'cloud-services' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('cloud-services', 'Cloud Services')\">\n              Cloud Services              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"CMS\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'cms' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('cms', 'CMS')\">\n              CMS              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Content Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'content-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('content-marketing', 'Content Marketing')\">\n              Content Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"DevOps\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'devops' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('devops', 'DevOps')\">\n              DevOps              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Digital Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'digital-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('digital-marketing', 'Digital Marketing')\">\n              Digital Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"E-Commerce\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'e-commerce' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('e-commerce', 'E-Commerce')\">\n              E-Commerce              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Email Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'email-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('email-marketing', 'Email Marketing')\">\n              Email Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Google Ads\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'google-ads' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('google-ads', 'Google Ads')\">\n              Google Ads              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Google Services\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'google-services' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('google-services', 'Google Services')\">\n              Google Services              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Guidelines &amp; Tips\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'guidelines-tips' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('guidelines-tips', 'Guidelines &amp; Tips')\">\n              Guidelines &amp; Tips              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Inbound Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'inbound-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('inbound-marketing', 'Inbound Marketing')\">\n              Inbound Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"IT Solutions\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'it-solutions' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('it-solutions', 'IT Solutions')\">\n              IT Solutions              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"latest\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'latest' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('latest', 'latest')\">\n              latest              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Lead Generation\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'lead-generation' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('lead-generation', 'Lead Generation')\">\n              Lead Generation              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Local SEO\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'local-seo' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('local-seo', 'Local SEO')\">\n              Local SEO              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('marketing', 'Marketing')\">\n              Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"New Post\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'new-post-2' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('new-post-2', 'New Post')\">\n              New Post              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"News\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'news-2' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('news-2', 'News')\">\n              News              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"SEM\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'sem' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('sem', 'SEM')\">\n              SEM              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"SEO\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'seo' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('seo', 'SEO')\">\n              SEO              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Social Media\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'social-media' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('social-media', 'Social Media')\">\n              Social Media              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Social Media Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'social-media-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('social-media-marketing', 'Social Media Marketing')\">\n              Social Media Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"SSL Certificate\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ssl-certificate' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ssl-certificate', 'SSL Certificate')\">\n              SSL Certificate              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"steroid\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'steroid-15' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('steroid-15', 'steroid')\">\n              steroid              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"steroids\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'steroids-23' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('steroids-23', 'steroids')\">\n              steroids              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"UI Design\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ui-design' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ui-design', 'UI Design')\">\n              UI Design              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"UX Design\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ux-design' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ux-design', 'UX Design')\">\n              UX Design              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Video Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'video-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('video-marketing', 'Video Marketing')\">\n              Video Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"VoIP\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'voip' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('voip', 'VoIP')\">\n              VoIP              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Web Design\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'web-design' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('web-design', 'Web Design')\">\n              Web Design              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Web Hosting\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'web-hosting' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('web-hosting', 'Web Hosting')\">\n              Web Hosting              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Website Development\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'website-development' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('website-development', 'Website Development')\">\n              Website Development              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Website Security\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'website-security' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('website-security', 'Website Security')\">\n              Website Security              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"\u672a\u5206\u7c7b\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == '%e6%9c%aa%e5%88%86%e7%b1%bb' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('%e6%9c%aa%e5%88%86%e7%b1%bb', '\u672a\u5206\u7c7b')\">\n              \u672a\u5206\u7c7b              <\/button>\n              \n            <\/li>\n                    <\/ul>\n      <\/div>\n\n      <button type=\"submit\" title=\"form submit\"\n        class=\"bg-[#00DB92] p-3 rounded-tr-sm rounded-br-sm transition-colors duration-300 hover:bg-themePrimary\/80\">\n        <div class=\"size-6\">\n          <img decoding=\"async\" alt=\"\" aria-hidden=\"true\" class=\"size-full object-contain\"\n            src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/blog\/search-icon.svg\" \/>\n        <\/div>\n      <\/button>\n    <\/form>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('blog_search_filter_filter', () => ({\n        c_text: 'All Categories',\n        dropdown: null,\n        clickawayHandler: null,\n        showDropdown: false,\n        init() {\n          if (this.blockShowResult) {\n            this.$refs.searchFormRef.addEventListener(\"submit\", (e) => {\n              e.preventDefault();\n              this.getPosts();\n            });\n          }\n\n          this.dropdown = this.$refs.dropdown;\n          this.clickawayHandler = (e) => { this.clickaway(e) };\n        },\n        clickaway(e) {\n          if (e.target !== this.dropdown && !this.dropdown.contains(e.target)) {\n            this.toggleDropdown();\n          }\n        },\n        toggleDropdown() {\n          if (this.showDropdown) {\n            this.showDropdown = false;\n            this.dropdown.style.removeProperty('opacity');\n            setTimeout(() => {\n              this.dropdown.classList.add('hidden');\n            }, 150);\n            document.removeEventListener('click', this.clickawayHandler);\n          } else {\n            this.showDropdown = true;\n            this.dropdown.classList.remove('hidden');\n            void this.dropdown.clientHeight;\n            this.dropdown.style.setProperty('opacity', 1);\n            setTimeout(() => {\n              document.addEventListener('click', this.clickawayHandler);\n            }, 1);\n          }\n        },\n        changeCategory(id, text) {\n          this.category = id; \/\/ update parent variable\n          this.c_text = text;\n          this.toggleDropdown();\n          if (this.blockShowResult) {\n            this.getPosts();\n          }\n        }\n      }));\n    });\n  })();\n<\/script>        <div class=\"relative\">\n          <template x-if=\"loading\">\n            <div class=\"absolute size-full top-0 left-0 z-[1] bg-[#ffffff55]\">\n            <\/div>\n          <\/template>\n          <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-x-7 gap-y-9 py-8 xl:py-16 result-wrapper\">\n              <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67216\">\n    <a href=\"https:\/\/visibleone.com\/blog\/shift-to-shorter-ssl-validity\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/02\/The-Shift-to-Shorter-SSL-Validity-1.jpg\" alt=\"The Shift to Shorter SSL Validity\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"IT Solutions\" href=\"https:\/\/visibleone.com\/blog-search\/?category=it-solutions\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              IT Solutions            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SSL Certificate\" href=\"https:\/\/visibleone.com\/blog-search\/?category=ssl-certificate\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SSL Certificate            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/shift-to-shorter-ssl-validity\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          The Shift to Shorter SSL Validity: What the New 199\u2011Day Limit Means for Your Business (and Why You Shouldn\u2019t Panic)        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Learn about the upcoming 199-day SSL certificate validity limit, how it impacts your business, and why you shouldn&#8217;t panic. Discover the importance of SSL automation and renewal practices to ensure your website stays secure.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          26\/02\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67061\">\n    <a href=\"https:\/\/visibleone.com\/blog\/beyond-meta-using-structured-data-for-better-search-visibility\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Beyond-Meta-Using-Structured-Data-for-Better-Search-Visibility.jpg\" alt=\"Beyond-Meta-Using-Structured-Data-for-Better-Search-Visibility\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Digital Marketing\" href=\"https:\/\/visibleone.com\/blog-search\/?category=digital-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Digital Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/beyond-meta-using-structured-data-for-better-search-visibility\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Beyond Meta: Using Structured Data for Better Search Visibility        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Go beyond meta tags. Learn how structured data improves search visibility, rich results, and CTR with practical SEO strategies.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          26\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66996\">\n    <a href=\"https:\/\/visibleone.com\/blog\/visible-one-techbehemoths-global-awards-hk-2025\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Website-Award-Frame.jpg\" alt=\"Visible One Wins the 2025 TechBehemoths Global Awards for Hong Kong\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Awards\" href=\"https:\/\/visibleone.com\/blog-search\/?category=awards\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Awards            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/visible-one-techbehemoths-global-awards-hk-2025\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Visible One Wins the 2025 TechBehemoths Global Awards for Hong Kong        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Visible One has been recognised at the 2025 TechBehemoths Global Awards for Hong Kong, winning in WordPress, ReactJS, and Web Design for outstanding digital solutions.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          20\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67069\">\n    <a href=\"https:\/\/visibleone.com\/blog\/beyond-e-e-a-t-quality-signals-for-content\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Beyond-E-E-A-T-New-Quality-Signals-for-Content-in-2026.jpg\" alt=\"Beyond-E-E-A-T-New-Quality-Signals-for-Content-in-2026\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Content Marketing\" href=\"https:\/\/visibleone.com\/blog-search\/?category=content-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Content Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Digital Marketing\" href=\"https:\/\/visibleone.com\/blog-search\/?category=digital-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Digital Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/beyond-e-e-a-t-quality-signals-for-content\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Beyond E-E-A-T: New Quality Signals for Content in 2026        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          360\u00b0 virtual tours are transforming retail and real estate by boosting engagement, increasing dwell time, and improving conversion rates through immersive digital experiences.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          19\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66899\">\n    <a href=\"https:\/\/visibleone.com\/blog\/360-virtual-tour-revolutionising-retail-real-estate\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/12\/How-360-Virtual-Tours-Are-Revolutionizing-Retail-and-Real-Estate.jpg\" alt=\"How-360-Virtual-Tours-Are-Revolutionizing-Retail-and-Real-Estate\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"360 Virtual Tour\" href=\"https:\/\/visibleone.com\/blog-search\/?category=360-virtual-tour\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              360 Virtual Tour            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/360-virtual-tour-revolutionising-retail-real-estate\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          The Immersive Advantage: How 360\u00b0 Virtual Tours Are Revolutionizing Retail and Real Estate        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          360\u00b0 virtual tours are transforming retail and real estate by boosting engagement, increasing dwell time, and improving conversion rates through immersive digital experiences.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          29\/12\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67011\">\n    <a href=\"https:\/\/visibleone.com\/blog\/seo-trends-for-2026\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/SEO-Trends-for-2026.jpg\" alt=\"SEO-Trends-for-2026\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"AI\" href=\"https:\/\/visibleone.com\/blog-search\/?category=ai\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              AI            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Digital Marketing\" href=\"https:\/\/visibleone.com\/blog-search\/?category=digital-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Digital Marketing            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/seo-trends-for-2026\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          SEO Trends for 2026: What Businesses Need to Know        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          SEO in 2026 goes beyond keywords, driven by AI, user experience, and trust signals. Discover the key trends businesses need to grow organic visibility and rankings.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          15\/12\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66685\">\n    <a href=\"https:\/\/visibleone.com\/blog\/building-trust-for-ai-search\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/12\/Building-Trust-for-AI-Search.jpg\" alt=\"Why Content Authority Matters More Than Ever\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"AI\" href=\"https:\/\/visibleone.com\/blog-search\/?category=ai\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              AI            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/building-trust-for-ai-search\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Building Trust for AI Search: Why Content Authority Matters More Than Ever        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Discover why content authority is crucial for SEO, trust-building, and audience engagement. Learn practical tips for improving content credibility in today\u2019s digital landscape.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          8\/12\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66676\">\n    <a href=\"https:\/\/visibleone.com\/blog\/top-ai-seo-trends-2026\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/12\/Top-AI-SEO-Trends-to-Watch-in-2026.jpg\" alt=\"Top AI &#038; SEO Trends to Watch in 2026\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"AI\" href=\"https:\/\/visibleone.com\/blog-search\/?category=ai\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              AI            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/top-ai-seo-trends-2026\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Top AI &amp; SEO Trends to Watch in 2026        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Discover the top AI and SEO trends set to revolutionise digital marketing in 2026. Learn how AI will transform content creation, search algorithms, voice search, and more.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          2\/12\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66645\">\n    <a href=\"https:\/\/visibleone.com\/blog\/official-alibaba-cloud-partner-hong-kong\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/11\/Visible-One-is-Now-an-Official-Alibaba-Cloud-Partner-in-Hong-Kong.jpg\" alt=\"Visible One is Now an Official Alibaba Cloud Partner in Hong Kong\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Cloud Services\" href=\"https:\/\/visibleone.com\/blog-search\/?category=cloud-services\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Cloud Services            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"IT Solutions\" href=\"https:\/\/visibleone.com\/blog-search\/?category=it-solutions\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              IT Solutions            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"News\" href=\"https:\/\/visibleone.com\/blog-search\/?category=news-2\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              News            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/official-alibaba-cloud-partner-hong-kong\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          \ud83c\udded\ud83c\uddf0 Triple Threat Cloud: Visible One is Now an Official Alibaba Cloud Partner in Hong Kong!        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Visible One always stands for clients to get the best fit for cloud solutions. We are here to guide you through AliCloud&#8217;s promotional offers and structure a powerful, cost-optimized solution that sets you up for long-term success.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          27\/11\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66624\">\n    <a href=\"https:\/\/visibleone.com\/blog\/responsive-vs-adaptive-web-design-2\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/11\/Responsive-vs-Adaptive-Web-Design.jpg\" alt=\"Responsive-vs-Adaptive-Web-Design\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Web Design\" href=\"https:\/\/visibleone.com\/blog-search\/?category=web-design\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Web Design            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/responsive-vs-adaptive-web-design-2\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Responsive vs. Adaptive Web Design: What\u2019s the Difference        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Discover the key differences between Responsive vs. Adaptive Web Design in this guide. Discover the approach that optimises SEO, user experience, and performance for modern websites.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          24\/11\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66665\">\n    <a href=\"https:\/\/visibleone.com\/blog\/cms-for-ecommerce\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/11\/CMS-for-eCommerce.jpg\" alt=\"CMS-for-eCommerce\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"CMS\" href=\"https:\/\/visibleone.com\/blog-search\/?category=cms\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              CMS            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/cms-for-ecommerce\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          CMS for eCommerce: How to Choose the Right Platform        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Learn how to choose the right CMS for your eCommerce store. From multi-currency support to performance optimization, discover key features, security, and scalability factors to grow your online business efficiently.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          10\/11\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"66601\">\n    <a href=\"https:\/\/visibleone.com\/blog\/cybersecurityessentials-for-smes\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/11\/Cybersecurity-Essentials-for-SMEs-in-Hong-Kong.jpg\" alt=\"Cybersecurity-Essentials-for-SMEs-in-Hong-Kong\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"IT Solutions\" href=\"https:\/\/visibleone.com\/blog-search\/?category=it-solutions\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              IT Solutions            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Website Security\" href=\"https:\/\/visibleone.com\/blog-search\/?category=website-security\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Website Security            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/blog\/cybersecurityessentials-for-smes\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Cybersecurity Essentials for SMEs in Hong\u202fKong        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Cybersecurity Essentials for SMEs in Hong\u202fKong: learn key steps to protect your business against rising digital threats.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          3\/11\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n            <\/div>\n\n          <div class=\"flex items-center justify-center mt-5 md:mt-10 xl:mt-[60px]\" :class=\"showPagination ? '' : 'hidden'\"\n  x-data=\"vo_blog_paginations\">\n  <button\n    class=\"h-8 px-2 flex items-center justify-center bg-[#f3f6f9] disabled:opacity-50 disabled:bg-[#f3f6f9] hover:bg-[#71FFD226] mr-3\"\n    :disabled=\"current == 1\" @click=\"onPrev\">\n    <span>\n      <svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.4 0.5L8 2.125L3.2 7L8 11.875L6.4 13.5L0 7L6.4 0.5Z\"\n          fill=\"#516F90\" class=\"transition-all duration-300\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"inline-block ml-2 text-[#516f90]\">Prev<\/span>\n  <\/button>\n\n  <div class=\"flex items-center\">\n    <template x-for=\"pageNumber in visiblePages\">\n      <button class=\"fs-base mr-2.5 lg:mr-5 last:mr-0 transition hover:text-[#516f90] hover:opacity-100\"\n        :class=\"pageNumber === current ? 'text-[#516f90]' : 'text-[#5A5A5A] opacity-90'\"\n        x-text=\"pageNumber\" @click=\"onPaginate(pageNumber)\" :disabled=\"!parseInt(pageNumber)\">\n      <\/button>\n    <\/template>\n  <\/div>\n\n  <button\n    class=\"h-8 px-2 flex items-center justify-center bg-[#f3f6f9]  disabled:opacity-50 disabled:bg-[#f3f6f9] hover:bg-[#71FFD226] ml-3\"\n    :disabled=\"current == totalPages\" @click=\"onNext\">\n    <span class=\"inline-block mr-2 text-[#516f90]\">Next<\/span>\n    <span>\n      <svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M1.6 0.5L-1.19209e-07 2.125L4.8 7L-1.19209e-07 11.875L1.6 13.5L8 7L1.6 0.5Z\" fill=\"#516F90\"\n          class=\"transition-all duration-300\"><\/path>\n      <\/svg>\n    <\/span>\n  <\/button>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('vo_blog_paginations', () => ({\n        onPrev: function () {\n          if (this.current - 1) {\n            this.current -= 1;\n          } else {\n            this.current = 1;\n          }\n          this.getPosts(false);\n        },\n        onNext: function () {\n          if (this.current + 1 <= this.totalPages) {\n            this.current += 1;\n          } else {\n            this.current = this.totalPages;\n          }\n          this.getPosts(false);\n        },\n        onPaginate: function (index) {\n          this.current = index;\n          this.getPosts(false);\n        },\n        get visiblePages() {\n          const range = 2;\n          const visible = [];\n\n          if (this.totalPages <= 7) {\n            for (let i = 1; i <= this.totalPages; i++) {\n              visible.push(i);\n            }\n          } else {\n            if (this.current <= 4) {\n              for (let i = 1; i <= 5; i++) {\n                visible.push(i);\n              }\n              visible.push('...');\n              visible.push(this.totalPages);\n            } else if (this.current > this.totalPages - 4) {\n              visible.push(1);\n              visible.push('...');\n              for (let i = this.totalPages - 4; i <= this.totalPages; i++) {\n                visible.push(i);\n              }\n            } else {\n              visible.push(1);\n              visible.push('...');\n              for (let i = this.current - 1; i <= this.current + 1; i++) {\n                visible.push(i);\n              }\n              visible.push('...');\n              visible.push(this.totalPages);\n            }\n          }\n\n          return visible;\n        }\n      }));\n    })\n  })();\n<\/script>        <\/div>\n            <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    function formatToDDMMYY(date) {\n      const day = String(date.getDate()).padStart(2, '0');\n      const month = String(date.getMonth() + 1).padStart(2, '0'); \n      const year = String(date.getFullYear()).slice(-2); \n\n      return `${day}\/${month}\/${year}`;\n    }\n\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('blog_search_filter', () => ({\n        category: '',\n        search: '',\n        searched_text: `Blog`,\n        posts: [],\n        loading: false,\n        per_page: 12,\n        current: 1,\n        showPagination: Math.ceil(211 \/ 12),\n        totalPages: Math.ceil(211 \/ 12),\n        lang: 'ICL_LANGUAGE_CODE',\n        blockShowResult: Boolean('1'),\n        formatDate: (date) => formatToDDMMYY(new Date(date)),\n        updateSearchedText() {\n          if (!this.search) {\n            this.searched_text = 'Blog';\n            return;\n          }\n\n          const prefix = 'Search Results for' + ' \"';\n          const suffix = '\"';\n          this.searched_text = prefix + `${this.search}` + suffix;\n        },\n        getPosts: async function (resetCurrent = true) {\n          this.updateSearchedText();\n          \/\/ clean up paged\n          if (resetCurrent) this.current = 1;\n          this.loading = true;\n\n          \/\/ fetch\n          const baseUrl = 'https:\/\/visibleone.com\/wp-json\/wp\/v2\/posts';\n          const param = {\n            category: this.category,\n            search: this.search,\n            page: this.current,\n            per_page: this.per_page\n          }\n          if (this.lang) {\n            param.lang = this.lang;\n          }\n          const fetchURL = baseUrl + \"?\" + this.objectToQueryString(param);\n\n          try {\n            const res = await fetch(fetchURL);\n            const fetchPosts = await res.json();\n            const totalPost = res.headers.get('X-WP-Total');\n            this.posts = fetchPosts;\n            this.totalPages = Math.ceil(totalPost \/ 12);\n            this.showPagination = Math.ceil(totalPost \/ 12);\n\n            \/\/ render\n            const content = document.querySelector('[block-name=\"BlogSearchFilter\"] .result-wrapper');\n            if (content) {\n              if (!content.querySelector('template')) {\n                const template = `<template x-for=\"post in posts\" :key=\"post.id\">\n    <div class=\"w-full group overflow-hidden flex flex-col false \" :id=\"post.id\">\n      <a :href=\"post.link\" class=\"block w-full\">\n        <div class=\"text-center\">\n          <img :src=\"post.img\"\n            class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n        <\/div>\n      <\/a>\n\n      <div class=\"py-4\">\n        <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n          <template x-for=\"category in post.categories\" :key=\"category.term_id\">\n            <div class=\"block pr-2\">\n              <a :href=\"'https:\/\/visibleone.com\/blog-search\/?category=' + category.term_id\"\n                class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \" x-text=\"category.name\">\n              <\/a>\n            <\/div>\n          <\/template>\n        <\/div>\n\n        <a :href=\"post.link\">\n          <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\" x-text=\"post.title\">\n          <\/div>\n          <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\" x-text=\"post.excerpt\">\n          <\/p>\n          <p class=\"fs-sm text-[#516f90] font-light\" x-text=\"formatDate(post.date)\">\n          <\/p>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/template>`;\n                Alpine.morph(content, `\n                  <div class=\"${content.className}\">\n                    ${template}\n                  <\/div>\n                `)\n              }\n            }\n\n            \/\/ update url\n            const hrefParams = {\n              category: this.category,\n              search: this.search,\n              current: this.current,\n            }\n            const newUrl = window.location.href.split(\"?\")[0] + \"?\" + this.objectToQueryString(hrefParams);\n            window.history.replaceState({}, document.title, newUrl);\n          } catch (e) {\n            console.log(e);\n          } finally {\n            this.loading = false;\n          }\n        },\n        objectToQueryString: function (obj) {\n          for (let key in obj) {\n            if (!obj[key]) delete obj[key];\n          }\n\n          return Object.keys(obj).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(obj[key])).join('&');\n        }\n      }));\n    })\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-8628","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/pages\/8628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/comments?post=8628"}],"version-history":[{"count":0,"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/pages\/8628\/revisions"}],"wp:attachment":[{"href":"https:\/\/visibleone.com\/wp-json\/wp\/v2\/media?parent=8628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}