{"id":1606,"date":"2024-07-03T16:48:06","date_gmt":"2024-07-03T16:48:06","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/case-study\/"},"modified":"2025-03-12T04:35:18","modified_gmt":"2025-03-12T04:35:18","slug":"case-study","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hant\/case-study\/","title":{"rendered":"Case Study"},"content":{"rendered":"\n<div block-name=\"bbmsl-service-landing\" class=\"bg-white pt-10 xl:pt-[100px] overflow-hidden\"\n  x-data=\"bbmsl_service_landing\">\n  <div class=\"container\">\n    <p class=\"text-center text-body text-tertiary font-bold leading-5 mb-2.5\">\n      \u6848\u4f8b\u5206\u4eab    <\/p>\n    <div class=\"heading1 text-center max-w-[1000px] mx-auto leading-10 2xl:leading-[65px] mb-5\"><p>\u4e86\u89e3BBMSL\u96fb\u5b50\u652f\u4ed8\u65b9\u6848\u5982\u4f55\u5e6b\u52a9\u5404\u5927\u5546\u6236<\/p>\n<\/div>\n    <div class=\"text-tertiary text-body font-noto-sans leading-7 text-center\">\n      <p>\u67e5\u770b\u6211\u5011\u7684\u6848\u4f8b\u5206\u4eab\uff0c\u4e86\u89e3\u5404\u5927\u5546\u6236\u5982\u4f55\u5229\u7528\u6211\u5011\u7684\u6280\u8853\u548c\u89e3\u6c7a\u65b9\u6848\u4f86\u61c9\u5c0d\u71df\u904b\u6311\u6230\u3002<\/p>\n    <\/div>\n\n    \n    <div class=\"mt-10 lg:mt-20 xl:mt-[120px] max-w-[1322px] mx-auto aspect-[1322\/425]\">\n              <img decoding=\"async\" class=\"m-auto hidden\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/casestudy_cover-1.png\" alt=\"\" x-ref=\"landing_image\"\n          x-show=\"imgLoaded\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n          x-transition:enter-start=\"opacity-0 translate-y-[10%]\" x-transition:enter-end=\"opacity-100 translate-y-0\" \/>\n          <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_landing', () => ({\n        imgLoaded: false,\n        observed: false,\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.handleAnimation();\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$el);\n        },\n        handleAnimation() {\n          const img = this.$refs.landing_image;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n              img.classList.remove('hidden');\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n              img.classList.remove('hidden');\n            });\n          }\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-case-study-trusted-org\" class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\">\n  <div class=\"container\">\n    <h2 class=\"text-center heading2 text-black000 leading-8 xl:leading-[54px] mb-10\">\u672c\u5730\u548c\u570b\u969b\u5ba2\u6236\u4fe1\u8cf4<\/h2>\n\n    <div class=\"max-w-[1360px] mx-auto\">\n      <div class=\"-m-[5px] md:-m-2.5 xl:-mx-4 xl:-my-5 flex flex-wrap justify-center\">\n                      <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant1.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_0\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_0', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant2.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_1\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_1', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant3.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_2\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_2', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant4.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_3\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_3', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant5.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_4\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_4', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant6.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_5\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_5', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant7.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_6\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_6', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant8.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_7\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_7', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant9.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_8\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_8', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant10.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_9\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_9', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant11.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_10\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_10', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant12.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_11\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_11', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant13.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_12\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_12', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant14.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_13\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_13', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant15.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_14\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_14', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant16.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_15\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_15', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant17.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_16\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_16', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant18.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_17\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_17', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant20.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_18\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_18', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                            <div class=\"w-1\/3 md:w-1\/4 lg:w-1\/6 p-[5px] md:p-2.5 xl:px-4 xl:py-5\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/merchant21.png\" alt=\"\"\n                  class=\"aspect-[5\/2] mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                  x-data=\"cs_logo_img_19\" \/>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('cs_logo_img_19', () => ({\n                    imgLoaded: false,\n                    init() {\n                      const img = this.$el;\n                      if (img.complete) {\n                        setTimeout(() => {\n                          this.observe();\n                        }, 300);\n                      } else {\n                        img.addEventListener('load', () => {\n                          this.observe();\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.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n                    <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-case-study-block\" class=\"bg-white py-10 md:py-[60px] xl:py-[120px] overflow-hidden\">\n  <div class=\"container\">\n    <h2 class=\"text-center heading2 text-black000 leading-8 xl:leading-[54px] mb-10\">\u6211\u5011\u7684\u6210\u529f\u6848\u4f8b<\/h2>\n\n    <div class=\"max-w-[1360px] mx-auto\">\n      <div class=\"-m-2.5 lg:-m-4 flex flex-wrap justify-center\">\n                    <div class=\"md:w-1\/2 xl:w-1\/3 p-2.5 lg:p-4 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] group flex flex-col\" x-data=\"cs_block_0\">\n              <a href=\"https:\/\/bbmsl.com\/zh-hant\/event\/\"\n                class=\"flex-1 flex flex-col rounded-xl border border-black800 transition hover:border-primary overflow-hidden bg-white\">\n                <div class=\"p-5 xl:p-[30px] 2xl:p-10\">\n                  <p class=\"text-body font-bold uppercase leading-5 text-tertiary mb-5\">\u6d3b\u52d5<\/p>\n                  <h3 class=\"heading3 leading-7 xl:leading-10 text-black000 mb-5\">\u5229\u7528BBMSL\u7684\u5275\u65b0\u89e3\u6c7a\u65b9\u6848\uff0c\u512a\u5316\u4f60\u7684\u6236\u5916\u6d3b\u52d5\u696d\u52d9<\/h3>\n\n                  <p class=\"font-noto-sans text-body leading-5 xl:leading-7 text-tertiary\"><\/p>\n\n                  <div class=\"mt-5 md:mt-[30px] xl:mt-10\">\n                    <div class=\"inline-flex mt-3 items-center relative\">\n                      <span\n                        class=\"text-btn transition lg:opacity-0 lg:group-hover:opacity-100 duration-300 leading-5 text-primary mr-2.5\">\u4e86\u89e3\u66f4\u591a<\/span>\n                      <span\n                        class=\"shrink-0 size-4 absolute transition-all duration-300 left-full lg:left-0 lg:group-hover:left-full top-1\/2 -translate-y-1\/2\">\n                        <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-right-caret-primary.svg\"\n                          alt=\"Right Caret\" \/>\n                      <\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"mt-auto\">\n                                      <img decoding=\"async\" class=\"w-full object-cover\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/AIA.png\" alt=\"\" \/>\n                                  <\/div>\n              <\/a>\n            <\/div>\n            <script>\n              document.addEventListener('alpine:init', function () {\n                Alpine.data('cs_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.5 });\n                    observer.observe(this.$el);\n                  }\n                }));\n              });\n            <\/script>\n                        <div class=\"md:w-1\/2 xl:w-1\/3 p-2.5 lg:p-4 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] group flex flex-col\" x-data=\"cs_block_1\">\n              <a href=\"https:\/\/bbmsl.com\/zh-hant\/retail\/\"\n                class=\"flex-1 flex flex-col rounded-xl border border-black800 transition hover:border-primary overflow-hidden bg-white\">\n                <div class=\"p-5 xl:p-[30px] 2xl:p-10\">\n                  <p class=\"text-body font-bold uppercase leading-5 text-tertiary mb-5\">\u96f6\u552e\u696d<\/p>\n                  <h3 class=\"heading3 leading-7 xl:leading-10 text-black000 mb-5\">BBMSL\u96fb\u5b50\u652f\u4ed8\u89e3\u6c7a\u96f6\u552e\u5546\u75db\u9ede\uff0c\u6539\u5584\u5ba2\u6236\u9ad4\u9a57\u4fc3\u9032\u92b7\u552e<\/h3>\n\n                  <p class=\"font-noto-sans text-body leading-5 xl:leading-7 text-tertiary\"><\/p>\n\n                  <div class=\"mt-5 md:mt-[30px] xl:mt-10\">\n                    <div class=\"inline-flex mt-3 items-center relative\">\n                      <span\n                        class=\"text-btn transition lg:opacity-0 lg:group-hover:opacity-100 duration-300 leading-5 text-primary mr-2.5\">\u4e86\u89e3\u66f4\u591a<\/span>\n                      <span\n                        class=\"shrink-0 size-4 absolute transition-all duration-300 left-full lg:left-0 lg:group-hover:left-full top-1\/2 -translate-y-1\/2\">\n                        <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-right-caret-primary.svg\"\n                          alt=\"Right Caret\" \/>\n                      <\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"mt-auto\">\n                                      <img decoding=\"async\" class=\"w-full object-cover\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/Case-Study-Retail.png\" alt=\"\" \/>\n                                  <\/div>\n              <\/a>\n            <\/div>\n            <script>\n              document.addEventListener('alpine:init', function () {\n                Alpine.data('cs_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.5 });\n                    observer.observe(this.$el);\n                  }\n                }));\n              });\n            <\/script>\n                  <\/div>\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>BBMSL\u4fe1\u7528\u5361\u6a5f\u597d\u7528\uff01\u81ea\u5f9e\u8f49\u7528\u4e86BBMSL\u7684\u96fb\u5b50\u652f\u4ed8\u7cfb\u7d71\u5f8c\uff0c\u4ed8\u6b3e\u904e\u7a0b\u66f4\u5feb\u901f\u7a69\u5b9a\u3002\u7121\u7dda\u88dd\u7f6e\u8b93\u4f60\u5728\u5e97\u92ea\u89d2\u843d\u4e5f\u80fd\u6536\u6b3e\uff0c\u65b9\u4fbf\u54e1\u5de5\u53ca\u5ba2\u4eba\uff0c\u63d0\u4f9b\u66f4\u597d\u7684\u7528\u9910\u9ad4\u9a57\uff01<\/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\/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\">\u5496\u5561\u5e97\u5e97\u4e3b<\/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>\u73fe\u5728\u8d8a\u4f86\u8d8a\u591a\u4eba\u4f7f\u7528\u96fb\u5b50\u652f\u4ed8\uff0c\u5b89\u88dd\u4e86BBPOS*\u5361\u6a5f\u5f8c\u53ef\u8fce\u5408\u4e0d\u540c\u4ed8\u6b3e\u7fd2\u6163\u7684\u5ba2\u4eba\uff0c\u751f\u610f\u984d\u9084\u589e\u52a0\u4e8620%\uff01BBPOS\u5361\u6a5f\u597d\u7528\uff0c\u63a8\u85a6\u7d66\u5927\u5bb6\uff01(*BBMSL\u524d\u8eab\u70baBBPOS 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 == 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\/jennifer.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Jennfier <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u82b1\u5e97\u5e97\u4e3b<\/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\u96fb\u5b50\u652f\u4ed8\u7cfb\u7d71\u53ef\u8207\u5e97\u92ea\u73fe\u6709\u7684\u9910\u98f2\u7cfb\u7d71\u6574\u5408\uff0c\u7121\u9700\u91cd\u65b0\u9069\u61c9\u7cfb\u7d71\u3002\u6d41\u52d5\u5361\u6a5f\u4e5f\u53ef\u5728\u5e97\u8216\u4efb\u4f55\u89d2\u843d\u4f7f\u7528\uff0c\u96a8\u6642\u96a8\u5730\u5728\u5ba2\u4eba\u9762\u524d\u5b8c\u6210\u6536\u6b3e\u7a0b\u5e8f\uff0c\u4fe1\u7528\u5361\u4e0d\u7528\u96e2\u958b\u5ba2\u7684\u8996\u7dda\uff0c\u63d0\u9ad8\u5b89\u5168\u6027\u3002<\/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\">\u9910\u5ef3\u7d93\u7406<\/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 == 3 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 3 ? '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>\u6211\u5011\u5df2\u7d93\u4f7f\u7528BBMSL\u4fe1\u7528\u5361\u6a5f\u8d85\u904e3\u5e74\u4e86\uff0c\u70ba\u9910\u5ef3\u63d0\u9ad8\u71df\u904b\u6548\u7387\u548c\u6e1b\u4f4e\u6703\u8a08\u6210\u672c\u3002\u4ea4\u6613\u8cbb\u7528\u4ea6\u6bd4\u5176\u4ed6\u516c\u53f8\u4f4e\uff0c\u800c\u4e14\u6536\u6b3e\u904e\u7a0b\u5feb\u6377\uff0c\u5361\u6a5f\u6613\u7528\u3002<\/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 == 3 ? '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\/07\/CM_Mr.-Chan.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Mr. Chan<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u9910\u5ef3\u8001\u95c6<\/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 == 4 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 4 ? '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\u7684\u5831\u544a\u529f\u80fd\u975e\u5e38\u5168\u9762\uff0c\u53ef\u4ee5\u96a8\u6642\u5728\u7cfb\u7d71\u7ffb\u67e5\u4ea4\u6613\u7d00\u9304\u53ca\u4e0b\u8f09\u5831\u544a\uff0c\u65b9\u4fbf\u5831\u7a05\u53ca\u6838\u6578\u3002<\/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 == 4 ? '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\/07\/CM_Christy.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Christy<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u6703\u8a08\u5e2b<\/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 == 5 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 5 ? '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\u4fe1\u7528\u5361\u6a5f\u5e6b\u52a9\u6211\u7bc0\u7701\u53bb\u9280\u884c\u5165\u6578\u7684\u6642\u9593\u3002\u5361\u6a5f\u4f7f\u7528\u904e\u7a0b\u7c21\u55ae\uff0c\u5ba2\u670d\u652f\u63f4\u90fd\u975e\u5e38\u597d\u540c\u7d30\u5fc3\u3002\u9ad8\u5ea6\u63a8\u85a6\u7d66\u4efb\u4f55\u60f3\u5b89\u88dd\u4fe1\u7528\u5361\u6a5f\u7684\u8001\u95c6\uff01<\/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 == 5 ? '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\/07\/CM_Angus.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Angus<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u96f6\u552e\u5546\u5e97\u7d93\u7406<\/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 == 6 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 6 ? '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>\u5361\u6a5f\u7c21\u55ae\u6613\u7528\uff0c\u9084\u63d0\u4f9b\u6559\u5b78\u5f71\u7247\u5e6b\u6211\u8a13\u7df4\u54e1\u5de5\uff0c\u652f\u4ed8\u901f\u5ea6\u4ea6\u5f88\u5feb\uff01<\/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 == 6 ? '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\/07\/CM_Sam.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Sam<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u9910\u5ef3\u8001\u95c6<\/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 == 7 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 7 ? '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>\u9069\u5408\u4e2d\u5c0f\u4f01\u696d\u7d93\u71df\u696d\u52d9\uff0c\u4ed8\u6b3e\u901f\u5ea6\u5feb\u901f\u3002<\/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 == 7 ? '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\/07\/CM_Kristina.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Kristina <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u96f6\u552e\u5e97\u8001\u95c6<\/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 == 8 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 8 ? '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>\u5361\u6a5f\u53ef\u4ee5\u6536\u53d6\u5e02\u9762\u4e3b\u8981\u652f\u4ed8\u65b9\u5f0f\uff0c\u7c21\u55ae\u6613\u7528\uff0c\u800c\u4e14\u4ffe\u9322\u901f\u5ea6\u597d\u5feb\u3002<\/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 == 8 ? '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\/07\/CM_Phoebus-and-Nicole.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Phoebus and Nicole<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u5496\u5561\u5e97\u8001\u95c6<\/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 == 9 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 9 ? '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 online payment solution can seamlessly integrated with our existing e-shop. It is simple and easy to use, and helps us boost sales.<\/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 == 9 ? '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\/07\/CM_\u674e\u751f.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">\u674e\u751f<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u7db2\u5e97\u5e97\u4e3b<\/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 == 10 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 10 ? '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>\u8655\u7406\u7533\u8acb\u5361\u6a5f\u6548\u7387\u597d\u5feb\uff0c\u5361\u6a5f\u53ef\u4ee5\u63a5\u53d7\u5927\u90e8\u5206\u652f\u4ed8\u65b9\u5f0f\uff0c\u5305\u62ec\u6d77\u5916\u5361\uff0c\u66f4\u65b9\u4fbf\u904a\u5ba2\uff0c\u5e6b\u52a9\u6211\u5011\u6709\u6548\u7387\u7d44\u7e54\u6d3b\u52d5\u3002<\/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 == 10 ? '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\/07\/CM_Adam.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\"> Adam<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u6d3b\u52d5\u4e3b\u8fa6\u65b9<\/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 == 11 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 11 ? '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>\u300c\u4ed8\u6b3e\u9023\u7d50\u300d\u529f\u80fd\u5e6b\u5230\u6211\u505a\u751f\u610f\uff0c\u6253\u9020\u5230Chat and Pay \u5605\u8cfc\u7269\u9ad4\u9a57\u6bd4\u5ba2\u4eba\uff0c\u6211\u53ef\u4ee5\u81ea\u884c\u8a2d\u5b9a\u4ed8\u6b3e\u8a73\u7d30\u8a0a\u606f\uff0c\u900f\u904eWhatsapp\u3001\u96fb\u90f5\u3001\u793e\u4ea4\u5a92\u9ad4\u76f4\u63a5\u767c\u9001\u9023\u7d50\uff0c\u7c21\u55ae\u65b9\u4fbf\u3002<\/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 == 11 ? '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\/07\/CM_\u5f35\u751f-2.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">\u5f35\u751f<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u7db2\u5e97\u5e97\u4e3b<\/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-1606","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":"case-study","permalinkFormat":"https:\/\/bbmsl.com\/zh-hant\/%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":"\u5ba2\u6236\u6210\u529f\u6848\u4f8b | BBMSL\u96fb\u5b50\u652f\u4ed8\u65b9\u6848","description":"\u4e86\u89e3BBMSL\u96fb\u5b50\u652f\u4ed8\u65b9\u6848\u5982\u4f55\u5e6b\u52a9\u4e2d\u5c0f\u4f01\u5546\u6236\u7c21\u5316\u71df\u904b\u3001\u63d0\u5347\u9867\u5ba2\u9ad4\u9a57\uff0c\u4e26\u589e\u52a0\u92b7\u552e\u984d\u3002\u7121\u8ad6\u662f\u4fe1\u7528\u5361\u6a5f\u3001POS\u7cfb\u7d71\u6216\u5546\u696d\u5bec\u983b\uff0c\u6211\u5011\u7684\u670d\u52d9\u6db5\u84cb\u60a8\u696d\u52d9\u7684\u6bcf\u500b\u74b0\u7bc0\uff0c\u52a9\u60a8\u5be6\u73fe\u696d\u52d9\u6210\u9577\u3002","focusKeywords":"\u96fb\u5b50\u652f\u4ed8,BBMSL","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-hant\/","objectID":1606,"objectType":"post","locale":"zh","localeFull":"zh_TW","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-hant%2F&r=https%3A%2F%2Fbbmsl.com%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1606%2F%3Fnonce%3Ddbc7257e1c","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-hant\/wp-json\/wp\/v2\/pages\/1606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=1606"}],"version-history":[{"count":13,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1606\/revisions"}],"predecessor-version":[{"id":5251,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1606\/revisions\/5251"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}