{"id":1611,"date":"2024-07-03T17:29:12","date_gmt":"2024-07-03T17:29:12","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/e-commerce\/"},"modified":"2024-07-03T17:29:12","modified_gmt":"2024-07-03T17:29:12","slug":"e-commerce","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hans\/e-commerce\/","title":{"rendered":"E-commerce"},"content":{"rendered":"\n<div block-name=\"bbmsl-home-landing\" class=\"py-10 xl:pb-[68px] bg-white overflow-hidden\" x-data=\"landing_banner\">\n  <div class=\"container\">\n    <div class=\"xl:flex items-center\">\n      <div class=\"xl:max-w-[700px] 3xl:max-w-[848px] xl:mr-5\" x-ref=\"landing_content\">\n                  <p class=\"text-body text-black000 font-bold leading-5 mb-5\">CASE STUDY: E-COMMERCE<\/p>\n        \n                  <div class=\"max-w-[230px] mb-5\">\n            <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/emperor.png\" alt=\"\" \/>\n          <\/div>\n        \n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          Experience The Future of Cinema with BBMSL at Emperor Cinema.                  <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>Our payment terminals are user-friendly and offer fast and secure transactions. Additionally, our portal provides easy access to sales records, giving you peace of mind and freeing you up to focus on delighting your customers.<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 md:mt-10 md:flex\">\n                          <a href=\"https:\/\/bbmsl.com\/zh-hans\/contact-us\/\"\n                                class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mr-5 last:mr-0 text-white border bg-primary border-primary hover:bg-secondary hover:border-secondary\">\n                Open an account for free              <\/a>\n            \n                      <\/div>\n              <\/div>\n\n      <div\n        class=\"mx-auto xl:mr-[unset] xl:ml-auto max-w-[480px] xl:max-w-[660px] mt-5 md:mt-[60px] xl:mt-0 w-full aspect-square flex items-center\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cinema-landing.png\" alt=\"\" x-ref=\"content_img\"\n            class=\"transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] rounded-xl\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('landing_banner', () => ({\n        imgLoaded: false,\n        contentObserved: false,\n        imgObserved: false,\n        init() {\n          \/\/ this.observe(this.$refs.landing_content, 'contentObserved');\n          const img = this.$refs.content_img;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            }, 1);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            });\n          }\n        },\n        observe(ele, observedKey) {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this[`${observedKey}`] = true;\n                ele.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(ele);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-case-study-three-cols\" class=\"bg-lightBlue py-10 md:py-[60px] overflow-hidden\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n              <div class=\"-m-5\">\n          <div class=\"flex flex-wrap justify-center\">\n                          <div class=\"w-full md:w-1\/2 xl:w-1\/3 p-5 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"cs_three_col_0\">\n                <div class=\"flex flex-col\">\n                  <div class=\"mb-6\">\n                                          <img decoding=\"async\" class=\"size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/moved-from.png\" alt=\"\" \/>\n                                      <\/div>\n\n                  <div class=\"text-center\">\n                    <h5 class=\"text-24 leading-7 text-black000 mb-2.5\">Moved from 3 providers<\/h5>\n                    <p class=\"text-body leading-5 md:leading-7 font-noto-sans text-[#616567]\">to an all-in-one financial platform<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_three_col_0', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                          <div class=\"w-full md:w-1\/2 xl:w-1\/3 p-5 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"cs_three_col_1\">\n                <div class=\"flex flex-col\">\n                  <div class=\"mb-6\">\n                                          <img decoding=\"async\" class=\"size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cost-savings.png\" alt=\"\" \/>\n                                      <\/div>\n\n                  <div class=\"text-center\">\n                    <h5 class=\"text-24 leading-7 text-black000 mb-2.5\">Cost savings<\/h5>\n                    <p class=\"text-body leading-5 md:leading-7 font-noto-sans text-[#616567]\">on SWIFT transfer and forex fees<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_three_col_1', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                          <div class=\"w-full md:w-1\/2 xl:w-1\/3 p-5 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"cs_three_col_2\">\n                <div class=\"flex flex-col\">\n                  <div class=\"mb-6\">\n                                          <img decoding=\"async\" class=\"size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/save-hours.png\" alt=\"\" \/>\n                                      <\/div>\n\n                  <div class=\"text-center\">\n                    <h5 class=\"text-24 leading-7 text-black000 mb-2.5\">Save hours<\/h5>\n                    <p class=\"text-body leading-5 md:leading-7 font-noto-sans text-[#616567]\">with streamlined accounting on employee expenses, bill payments and more<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_three_col_2', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                      <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-case-study-detail-block\" class=\"bg-white py-10 md:py-[60px] xl:py-[120px] overflow-hidden\" id=\"csDetailBlock\">\n  <div class=\"container\">\n    <div class=\"lg:flex items-start\">\n      <div class=\"flex-1 max-w-[1100px] lg:mr-10 xl:mr-20 4xl:mr-[100px]\">\n                    <div\n              class=\"content-wrapper py-5 md:py-10 xl:py-20 first:pt-0 last:pb-0 border-black800 detail-content transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-12 border-b\"\n              x-data=\"cs_detail_block_0\">\n\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_detail_block_0', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.1 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n\n                        <div\n              class=\"content-wrapper py-5 md:py-10 xl:py-20 first:pt-0 last:pb-0 border-black800 detail-content transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-12 border-b\"\n              x-data=\"cs_detail_block_1\">\n\n              <p><span style=\"color: #121212;\"><strong>&#8220;When your business is growing quickly, you need reliable partners you can trust. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\u201d<\/strong><\/span><\/p>\n\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_detail_block_1', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.1 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n\n                        <div\n              class=\"content-wrapper py-5 md:py-10 xl:py-20 first:pt-0 last:pb-0 border-black800 detail-content transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-12 border-b\"\n              x-data=\"cs_detail_block_2\">\n\n              <h3>Eliminating the Pain Points of Cinema<\/h3>\n<p>&nbsp;<\/p>\n<ol>\n<li>Saved hours by streamlining accounting, employee expenses, and bill payments<\/li>\n<li>Saved on SWIFT fees and forex fees for overseas transfers<\/li>\n<li>Reduced from 3 providers to an all-in-1 financial platform<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"Digital Agency - Visible One\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/zzPfllLQ5_8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_detail_block_2', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.1 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n\n                        <div\n              class=\"content-wrapper py-5 md:py-10 xl:py-20 first:pt-0 last:pb-0 border-black800 detail-content transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-12 border-b-0\"\n              x-data=\"cs_detail_block_3\">\n\n              <h3>Challenge 1: Eliminating the Pain Points of Cinema<\/h3>\n<p>&nbsp;<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n<p>&nbsp;<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>&nbsp;<\/p>\n<h4>Solution: Eliminating the Pain Points of Cinema<\/h4>\n<p>&nbsp;<\/p>\n<p>Credit card incentives and promotions constantly change, requiring manual intervention and longer customer wait times. This is where BBMSL and Golden Dynamic come in. Our goal is to create a seamless and hassle-free cinema experience by using available technology to eliminate long lines and the need for cash transactions. Join us in revolutionizing the cinema experience in Hong Kong.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-577\" src=\"http:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cinema-1-300x169.png\" alt=\"\" width=\"890\" height=\"500\" srcset=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cinema-1-300x169.png 300w, https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cinema-1-768x431.png 768w, https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/cinema-1.png 890w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/p>\n\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_detail_block_3', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.1 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n\n                  <\/div>\n\n      <div\n        class=\"border border-black800 lg:max-w-[360px] bg-white rounded-xl transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-12 lg:relative mt-5 lg:mt-0\"\n        x-data=\"cs_detail_block_sidebar\">\n        <div class=\"p-5 md:p-6 border-b border-black800\">\n      <div class=\"mb-5 md:mb-6\">\n      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/emperor.png\" alt=\"\" \/>\n    <\/div>\n  \n  <p class=\"text-body font-bold leading-5 mb-2 text-black000\">Emperor Cinemas<\/p>\n  <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Emperor Cinemas, a core business under Emperor Motion Pictures, was introduced in 2015 and has spread across various cities in Mainland China and Hong Kong.<\/p>\n<\/div>\n\n<div class=\"p-5 md:p-6 border-b border-black800\">\n      <div class=\"flex mb-6 last:mb-0\">\n      <div class=\"size-6 shrink-0 mr-4\">\n        <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-business-icon.svg\" alt=\"Business icon\"\n          class=\"size-full object-contain mx-auto\" \/>\n      <\/div>\n\n      <div>\n        <h5 class=\"uppercase text-body font-bold leading-5 mb-2 text-tertiary\">\n          \u884c\u4e1a        <\/h5>\n        <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Cinema<\/p>\n      <\/div>\n    <\/div>\n  \n      <div class=\"flex mb-6 last:mb-0\">\n      <div class=\"size-6 shrink-0 mr-4\">\n        <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-portrait-icon.svg\" alt=\"Portrait icon\"\n          class=\"size-full object-contain mx-auto\" \/>\n      <\/div>\n\n      <div>\n        <h5 class=\"uppercase text-body font-bold leading-5 mb-2 text-tertiary\">\n          company size        <\/h5>\n        <p class=\"text-body font-noto-sans leading-7 text-tertiary\">10 &#8211; 50 employees<\/p>\n      <\/div>\n    <\/div>\n  \n      <div class=\"flex mb-6 last:mb-0\">\n      <div class=\"size-6 shrink-0 mr-4\">\n        <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-location-icon.svg\" alt=\"location icon\"\n          class=\"size-full object-contain mx-auto\" \/>\n      <\/div>\n\n      <div>\n        <h5 class=\"uppercase text-body font-bold leading-5 mb-2 text-tertiary\">\n          \u5730\u70b9        <\/h5>\n        <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Hong Kong and China<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<div class=\"p-5 md:p-6\">\n    <a href=\"\"     class=\"block text-btn leading-5 py-4 px-6 rounded-[100px] text-center text-white transition bg-primary hover:bg-secondary\">\n    Open an account for free  <\/a>\n<\/div>      <\/div>\n      <script>\n        document.addEventListener('alpine:init', function () {\n          Alpine.data('cs_detail_block_sidebar', () => ({\n            parent: document.querySelector('#csDetailBlock'),\n            init() {\n              this.observe();\n              this.handleSidebar();\n\n              window.addEventListener('scroll', () => {\n                this.handleSidebar();\n              });\n\n              window.addEventListener('resize', () => {\n                if(window.innerWidth < 1024) {\n                  this.$el.style.removeProperty('top');\n                } else {\n                  this.handleSidebar();\n                }\n              });\n            },\n            observe() {\n              const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                  if (entry.isIntersecting && !this.observed) {\n                    this.observed = true;\n                    this.$el.classList.remove('before');\n                    observer.disconnect();\n                  }\n                });\n              }, { threshold: 0.1 });\n              observer.observe(this.$el);\n            },\n            handleSidebar() {\n              if (window.innerWidth > 1023) {\n                const parentHeight = this.getElementContentHeight(this.parent);\n                const parentTop = this.getOffsetTop(this.parent) + this.getPY(this.parent).pt;\n                const parentBottom = parentTop + parentHeight;\n                const windowTop = window.scrollY;\n                const topValue = windowTop - parentTop + Alpine.store('header').height;\n\n                const sideBar = this.$el;\n                const sideBarTop = this.getOffsetTop(this.sideBarTop);\n                const sideBarBottom = topValue + sideBar.offsetHeight + parentTop;\n                const maxTopValue = parentHeight - sideBar.offsetHeight;\n\n                if (windowTop > (parentTop - Alpine.store('header').height)) {\n                  if (sideBarBottom < parentBottom) {\n                    sideBar.style.setProperty('top', `${topValue}px`);\n                  } else {\n                    sideBar.style.setProperty('top', `${maxTopValue}px`);\n                  }\n                } else {\n                  sideBar.style.setProperty('top', 0);\n                }\n              }\n            },\n            getOffsetTop(element) {\n              let offsetTop = 0;\n              while (element) {\n                offsetTop += element.offsetTop;\n                element = element.offsetParent;\n              }\n              return offsetTop;\n            },\n            getPY(ele) {\n              const style = getComputedStyle(ele);\n              const pt = parseFloat(style.paddingTop);\n              const pb = parseFloat(style.paddingBottom);\n              return {\n                pt,\n                pb\n              }\n            },\n            getElementContentHeight(ele) {\n              const { pt, pb } = this.getPY(ele);\n              return ele.clientHeight - pt - pb;\n            }\n          }));\n        });\n      <\/script>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"testimonialSlider\" block-name=\"bbmsl-testimonial-slider\"\n  class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\" x-data=\"testimonial_slider\">\n  <div class=\"container\">\n    <div class=\"text-center \">\n      <p class=\"text-body leading-5 mb-5 text-tertiary font-bold\"><\/p>\n      <h2 class=\"heading2 leading-[48px] text-black000\"><\/h2>\n    <\/div>\n\n    <div class=\"container-md\">\n      <div class=\"logo-slider swiper transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"logo_slider\">\n        <div class=\"swiper-wrapper pointer-events-none\">\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"max-w-[1800px] md:px-10 px-5 mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] \" x-ref=\"t_slider\">\n    <div class=\"testimonial-slider swiper\">\n      <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 0 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 0 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>More and more people are using e-payments these days, and since installing the BBPOS* machine, I can accommodate customers with different payment habits. My business has even seen a 20% increase!(*BBMSL was previously known as BBPOS MSL)<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 0 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/jennifer.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Jennifer<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">Flower Bouquet Owner<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 1 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 1 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL credit card machine is easy to use! Since switching to BBMSL&#8217;s e-payment solution, the payment process is faster and more stable. The wireless device allows me to accept payments even in the corner of my store, making it convenient for both staffs and customers and providing a better dining experience!<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 1 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/jenny.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Jenny<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">Coffee Shop Owner<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 2 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 2 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL system can be integrated with the existing restaurant system, eliminating the need for re-adaptation. The portable card machine can be used anywhere in the store, improving security by allowing transactions to be completed in front of customers.<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 2 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/juno.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Juno<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">Restaurant Manager<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n\n      <div class=\"swiper-button-prev group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"29.5\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <g clip-path=\"url(#clip0_6006_24635)\">\n    <path\n      d=\"M34.1883 39.7337C34.5433 39.3788 34.5434 38.8031 34.1883 38.4481L25.7402 30.0002L34.1883 21.5519C34.5433 21.1969 34.5434 20.6213 34.1883 20.2663C33.8333 19.9112 33.2577 19.9112 32.9027 20.2663L23.8117 29.3574C23.6413 29.5279 23.5455 29.7591 23.5455 30.0002C23.5455 30.2413 23.6413 30.4726 23.8118 30.643L32.9027 39.7337C33.2577 40.0888 33.8333 40.0888 34.1883 39.7337Z\"\n      class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_6006_24635\">\n      <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(40 20) rotate(90)\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-button-next group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"59.5\" y=\"59.5\" width=\"59\" height=\"59\" rx=\"29.5\" transform=\"rotate(-180 59.5 59.5)\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <path\n    d=\"M25.8117 20.2663C25.4567 20.6212 25.4566 21.1969 25.8117 21.5519L34.2598 29.9998L25.8117 38.4481C25.4567 38.8031 25.4566 39.3787 25.8117 39.7337C26.1667 40.0888 26.7423 40.0888 27.0974 39.7337L36.1883 30.6426C36.3587 30.4721 36.4545 30.2409 36.4545 29.9998C36.4545 29.7587 36.3587 29.5274 36.1882 29.357L27.0973 20.2663C26.7423 19.9112 26.1667 19.9112 25.8117 20.2663Z\"\n    class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-pagination\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('testimonial_slider', () => ({\n        logoSlider: null,\n        testimonialSlider: null,\n        currentTestimonialIndex: 1,\n        observedLogo: false,\n        observedTestimonial: false,\n        init() {\n          if (window.innerWidth < 1280) {\n            this.currentTestimonialIndex = 0;\n          }\n\n          this.logoSlider = new Swiper('.logo-slider', {\n            autoplay: {\n              delay: 0,\n            },\n            speed: 5000,\n            loop: true,\n            slidesPerView: 'auto',\n            spaceBetween: 32,\n            allowTouchMove: false,\n          });\n\n          this.testimonialSlider = new Swiper('.testimonial-slider', {\n            slidesPerView: 1,\n            centeredSlides: true,\n            initialSlide: this.currentTestimonialIndex,\n            spaceBetween: 20,\n            pagination: {\n              el: '.swiper-pagination',\n              clickable: true\n            },\n            navigation: {\n              nextEl: '.swiper-button-next',\n              prevEl: '.swiper-button-prev',\n            },\n            breakpoints: {\n              768: {\n                slidesPerView: 'auto',\n                spaceBetween: 20,\n              },\n              1280: {\n                slidesPerView: 3,\n                spaceBetween: 80,\n              }\n            },\n          });\n\n          this.testimonialSlider.on('slideChange', ({ activeIndex }) => {\n            this.currentTestimonialIndex = activeIndex;\n          });\n\n          this.observe(this.$refs.logo_slider, 'observedLogo');\n          this.observe(this.$refs.t_slider, 'observedTestimonial');\n        },\n        observe(ele, observedKey) {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this[`${observedKey}`] = true;\n                ele.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(ele);\n        }\n      }));\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"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-1611","page","type-page","status-publish","hentry"],"acf":[],"rankMath":{"parentDomain":"bbmsl.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":true,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"e-commerce","permalinkFormat":"https:\/\/bbmsl.com\/zh-hans\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/bbmsl.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":false,"primaryTaxonomy":false,"serpData":{"title":"","description":"","focusKeywords":"","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":false},"homeUrl":"https:\/\/bbmsl.com\/zh-hans\/","objectID":1611,"objectType":"post","locale":"zh","localeFull":"zh_CN","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fbbmsl.com%2Fzh-hans%2F&r=https%3A%2F%2Fbbmsl.com%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1611%3Fnonce%3D6c2f22c34d","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/favicon.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=1611"}],"version-history":[{"count":0,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1611\/revisions"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}