{"version":3,"mappings":";muDAMMA,EAAW,4DACXC,EACJ,sOAEFC,EAAQ,CACN,MAAOF,EACP,QAASA,EACT,KAAM,CACJ,CAAE,KAAM,WAAY,QAAS,iBAAmB,EAChD,CAAE,KAAM,WAAY,QAASA,CAAU,EACvC,CAAE,KAAM,gBAAiB,QAASA,CAAU,EAC5C,CAAE,KAAM,cAAe,QAASC,CAAgB,EAChD,CAAE,KAAM,iBAAkB,QAASA,CAAgB,EACnD,CAAE,KAAM,sBAAuB,QAASA,CAAgB,CACzD,CACH,CAAC,EAED,MAAME,EAAW,CACf,CACE,MAAO,8BACP,YACE,kJACF,MAAO,2CACP,IAAK,qDACN,EACD,CACE,MAAO,gCACP,YAAa,gGACb,MAAO,4CACP,IAAK,qDACN,EACD,CACE,MAAO,wCACP,YACE,oKACF,MAAO,uCACP,IAAK,uEACN,EACD,CACE,MAAO,uBACP,YACE,6MACF,MAAO,2CACP,IAAK,6DACN,EACD,CACE,MAAO,6BACP,YACE,oKACF,MAAO,0CACP,IAAK,8DACN,CACH,EAEMC,EAAgBC,EAAI,CAAC,EAErBC,EAAW,CACf,CACE,MAAO,uBACP,YACE,yJACF,SAAU,CACR,CACE,MAAO,uCACP,SAAU,mBACV,YACE,8PACH,EACD,CACE,MAAO,gCACP,SAAU,YACV,YACE,0HACH,EACD,CACE,MAAO,uCACP,SAAU,oBACV,YACE,iMACH,CACF,CACF,EACD,CACE,MAAO,uBACP,YAAa,8FACb,SAAU,CACR,CACE,MAAO,gCACP,SAAU,UACV,YACE,uIACH,EACD,CACE,MAAO,mCACP,SAAU,YACV,YACE,sHACH,EACD,CACE,MAAO,mDACP,SAAU,mCACV,YACE,2LACH,CACF,CACF,EACD,CACE,MAAO,gBACP,YACE,8GACF,SAAU,CACR,CACE,MAAO,wCACP,SAAU,yBACV,YACE,sLACH,EACD,CACE,MAAO,mCACP,SAAU,YACV,YAAa,kGACd,EACD,CACE,MAAO,8CACP,SAAU,sBACV,YACE,2LACH,CACF,CACF,EACD,CACE,MAAO,mBACP,YACE,qJACF,SAAU,CACR,CACE,MAAO,yCACP,SAAU,+BACV,YACE,+NACH,EACD,CACE,MAAO,iCACP,SAAU,YACV,YACE,wKACH,EACD,CACE,MAAO,4CACP,SAAU,oBACV,YACE,+NACH,CACF,CACF,EACD,CACE,MAAO,sBACP,YACE,sIACF,SAAU,CACR,CACE,MAAO,sCACP,SAAU,oBACV,YACE,wGACH,EACD,CACE,MAAO,wCACP,SAAU,qBACV,YACE,sGACH,EACD,CACE,MAAO,yCACP,SAAU,oBACV,YACE,4OACH,CACF,CACF,EACD,CACE,MAAO,uBACP,YACE,+HACF,SAAU,CACR,CACE,MAAO,+CACP,SAAU,yBACV,YACE,0HACH,EACD,CACE,MAAO,uCACP,SAAU,qBACV,YACE,+KACH,EACD,CACE,MAAO,kCACP,SAAU,SACV,YACE,kIACH,CACF,CACF,CACH,EAEMC,EAAoB,CACxB,KAAM,CACJ,cAAe,CAChB,EACD,KAAM,CACJ,cAAe,CAChB,CACH,EAEMC,EAAkB,CACtB,CACE,MAAO,MACP,gBAAiB,eACjB,MAAO,wCACR,EACD,CACE,MAAO,OACP,gBAAiB,eACjB,MAAO,kEACR,EACD,CACE,MAAO,MACP,gBAAiB,eACjB,MAAO,iCACR,EACD,CACE,MAAO,OACP,gBAAiB,eACjB,MAAO,0DACR,CACH,EAEMC,EAAiB,MAAM,KAAK,CAAE,OAAQ,CAAG,GAAE,IAAI,CAACC,EAAGC,KAAW,CAClE,KAAM,8BAA8BA,EAAQ,CAAC,OAC7C,IAAK,sBAAsBA,CAAK,EAClC,EAAE,EAEI,CAAE,cAAAC,CAAe,EAAGC,EAAQ,GAAI","names":["seoTitle","seoDescription","useHead","features","activeProduct","ref","products","breakpointsSwiper","digitalSignages","picDeployItems","_","index","isVisibleBlog","useBlog"],"ignoreList":[],"sources":["../../../../pages/giai-phap/digital-signage.vue"],"sourcesContent":["<script setup>\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/css\";\nimport WhyChooseMrw from \"../../components/WhyChooseMrw\";\nimport { useBlog } from \"~/composables/useBlog\";\n\nconst seoTitle = \"Digital Signage - Hệ thống quản lý màn hình số thông minh\";\nconst seoDescription =\n  \"Giải pháp Digital Signage Miraway cung cấp quản lý tập trung tất cả các màn hình, lập lịch, điều khiển nội dung nhất quán, tương thích với tất cả các model thiết bị màn hình trên thị trường\";\n\nuseHead({\n  title: seoTitle,\n  ogTitle: seoTitle,\n  meta: [\n    { name: \"keywords\", content: \"digital signage\" },\n    { name: \"og:title\", content: seoTitle },\n    { name: \"twitter:title\", content: seoTitle },\n    { name: \"description\", content: seoDescription },\n    { name: \"og:description\", content: seoDescription },\n    { name: \"twitter:description\", content: seoDescription },\n  ],\n});\n\nconst features = [\n  {\n    title: \"Quản trị nội dung quảng cáo\",\n    description:\n      \"Quản lý nội dung quản cáo, tùy biến nội dung hiển thị, hỗ trợ nhiều định dạng: ảnh, video, chữ, html/ website, video clip, audio, slideshow,...\",\n    image: \"/images/solution/advertising-content.png\",\n    alt: \"quan-tri-noi-dung-quang-cao-digital-signage-miraway\",\n  },\n  {\n    title: \"Quản trị chiến dịch quảng cáo\",\n    description: \"Quản lý các danh sách chiến dịch quảng cáo khung giờ phát sóng, địa điểm, thời gian hiển thị.\",\n    image: \"/images/solution/advertising-campaign.png\",\n    alt: \"quan-tri-noi-dung-quang-cao-digital-signage-miraway\",\n  },\n  {\n    title: \"Giám sát cảnh báo theo thời gian thực\",\n    description:\n      \"Giám sát theo thời gian thực trạng thái kết nối của các thiết bị tập trung trên toàn hệ thống, trạng thái hoạt động của các chiến dịch và tải nội dung quảng cáo.\",\n    image: \"/images/solution/real-time-alert.png\",\n    alt: \"he-thong-giam-sat-canh-bao-noi-dung-quang-cao-digital-signage-miraway\",\n  },\n  {\n    title: \"Báo cáo và phân tích\",\n    description:\n      \"Hỗ trợ đa dạng các loại báo cáo: hiệu quả thiết bị, tổng quan và chi tiết các chiến dịch thống kê quá trình hoạt động, hiệu quả thu được, các sự cố phát sinh, phân tích dữ liệu chi tiết từng chiến dịch.\",\n    image: \"/images/solution/report-and-analysis.png\",\n    alt: \"he-thong-bao-cao-man-hinh-quang-cao-digital-signage-miraway\",\n  },\n  {\n    title: \"Quản lý hệ thống tập trung\",\n    description:\n      \"Giám sát theo thời gian thực trạng thái kết nối của các thiết bị tập trung trên toàn hệ thống, trạng thái hoạt động của các chiến dịch và tải nội dung quảng cáo.\",\n    image: \"/images/solution/centralized-system.png\",\n    alt: \"quan-ly-tap-trung-man-hinh-quang-cao-digital-signage-miraway\",\n  },\n];\n\nconst activeProduct = ref(0);\n\nconst products = [\n  {\n    title: \"Màn hình trên 32inch\",\n    description:\n      \"Màn hình dài của Miraway cung cấp giải pháp bảng hiệu linh hoạt để đáp ứng mọi nhu cầu, đồng thời cung cấp nội dụng hiệu quả và tối đa hóa không gian.\",\n    children: [\n      {\n        image: \"/images/solution/high-resolution.png\",\n        subtitle: \"Hình ảnh sắc nét\",\n        description:\n          \"Sử dụng để trình chiếu nội dung quảng cáo, có thể dùng màn hình chuyên dụng có độ sáng cao (trên 1000 Nit) để sử dụng ngoài trời cho đến các loại màn hình chuyên dụng trong nhà (độ sáng dưới 500 Nit) hoặc các loại Tivi phổ thông sẵn có trên thị trường.\",\n      },\n      {\n        image: \"/images/solution/flexible.png\",\n        subtitle: \"Linh hoạt\",\n        description:\n          \"Màn hình có thể được bố trí gắn tường, hoặc treo thả trần hoặc được tích hợp bên trong các loại Kiosk Indoor, Outdoor,..\",\n      },\n      {\n        image: \"/images/solution/high-resolution.png\",\n        subtitle: \"Hiển thị hiệu quả\",\n        description:\n          \"Kiosk, màn hình có thể được bố trí tại các vị trí nhiều người qua lại, có thể thu hút khách hàng như sảnh các tòa nhà, trung tâm thương mại, cửa hàng thời trang, trung tâm tổ chức sự kiện,...\",\n      },\n    ],\n  },\n  {\n    title: \"Màn hình dưới 32inch\",\n    description: \"Cho phép giao tiếp được cá nhân hóa và hiệu quả hơn thông qua thiết kế nhỏ gọn và linh hoạt\",\n    children: [\n      {\n        image: \"/images/solution/suitable.png\",\n        subtitle: \"Phù hợp\",\n        description:\n          \"Sử dụng quảng cáo tại các khu vực phù hợp với các không gian như Sảnh thang máy, trong thang máy, chỉ dẫn hành lang, cửa phòng họp,..\",\n      },\n      {\n        image: \"/images/solution/versatile-3.png\",\n        subtitle: \"Linh hoạt\",\n        description:\n          \"Màn hình có thể được bố trí gắn tường, treo thả trần hoặc được tích hợp bên trong các loại Kiosk có kích thước nhỏ. \",\n      },\n      {\n        image: \"/images/solution/efficient-touch-sensitivity.png\",\n        subtitle: \"Khả năng cảm ứng nhanh, hiệu quả\",\n        description:\n          \"Trải nghiệm xem phong phú và đáng tin cậy, 24/7. Đảm bảo hình ảnh hiển thị cao và thông điệp rõ ràng ở nhiều vị trí từ trung tâm mua sắm đến hành lang, phòng họp, phòng điều khiển, v.v.\",\n      },\n    ],\n  },\n  {\n    title: \"Màn hình ghép\",\n    description:\n      \"Màn hình ghép của Miraway mang đến trải nghiệm xem liền mạch chất lượng, hoạt động hiệu quả và đáng tin cậy\",\n    children: [\n      {\n        image: \"/images/solution/space-experience.png\",\n        subtitle: \"Trải nghiệm không gian\",\n        description:\n          \"Sử dụng các Module màn hình chuyên dụng có kích thước 55” ghép lại với nhau thành 1 màn hình có kích thước rất lớn, phù hợp làm các mục đích như quảng cáo, trung tâm điều khiển,...\",\n      },\n      {\n        image: \"/images/solution/versatile-2.png\",\n        subtitle: \"Linh hoạt\",\n        description: \"Màn hình có thể được bố trí ốp tường, gắn lên hệ khung giá chuyên dụng và được bố trí trong nhà.\",\n      },\n      {\n        image: \"/images/solution/efficient-and-reliable.png\",\n        subtitle: \"Hiệu quả và tin cậy\",\n        description:\n          \"Trải nghiệm xem phong phú và đáng tin cậy, 24/7. Đảm bảo hình ảnh hiển thị cao và thông điệp rõ ràng ở nhiều vị trí từ trung tâm mua sắm đến hành lang, phòng họp, phòng điều khiển, v.v.\",\n      },\n    ],\n  },\n  {\n    title: \"Màn hình cảm ứng\",\n    description:\n      \"Màn hình cảm ứng của Miraway điều chỉnh hình ảnh tiên tiến với công nghệ cảm ứng mang lại trải nghiệm khách hàng nhiều thông tin và tương tác hơn.\",\n    children: [\n      {\n        image: \"/images/solution/comprehensive-all.png\",\n        subtitle: \"Toàn diện cho mọi môi trường\",\n        description:\n          \"Kiosk, màn hình có thể được bố trí tại các vị trí nhiều người qua lại, có thể thu hút khách hàng tương tác như sảnh các tòa nhà, trung tâm thương mại, cửa hàng thời trang, trung tâm tổ chức sự kiện, phòng họp, lớp học,...\",\n      },\n      {\n        image: \"/images/solution/versatile.png\",\n        subtitle: \"Linh hoạt\",\n        description:\n          \"Màn hình có thể được bố trí gắn tường, khung giá đỡ hoặc được tích hợp bên trong các loại Kiosk tra cứu thông tin, Kiosk quảng cáo thông tin có tương tác người dùng,…\",\n      },\n      {\n        image: \"/images/solution/effective-showcasing.png\",\n        subtitle: \"Hiển thị hiệu quả\",\n        description:\n          \"Kiosk, màn hình có thể được bố trí tại các vị trí nhiều người qua lại, có thể thu hút khách hàng tương tác như sảnh các tòa nhà, trung tâm thương mại, cửa hàng thời trang, trung tâm tổ chức sự kiện, phòng họp, lớp học,...\",\n      },\n    ],\n  },\n  {\n    title: \"Màn hình LED indoor\",\n    description:\n      \"Màn hình LED indoor của Miraway mang chất lượng hình ảnh tuyệt đẹp và có thể tùy chỉnh phù hợp với các yêu cầu về không gian cụ thể\",\n    children: [\n      {\n        image: \"/images/solution/perfect-design.png\",\n        subtitle: \"Thiết kế hoàn hảo\",\n        description:\n          \"Sử dụng để trình chiếu nội dung quảng cáo dùng cho các không gian có kích thước lớn, bố trí trong nhà.\",\n      },\n      {\n        image: \"/images/solution/versatile-design.png\",\n        subtitle: \"Thiết kế linh động\",\n        description:\n          \"Màn hình có thể được bố trí ốp tường, hệ khung giá chuyên dụng cố định hoặc có thể tháo lắp di động.\",\n      },\n      {\n        image: \"/images/solution/effective-display.png\",\n        subtitle: \"Hiển thị hiệu quả\",\n        description:\n          \"Màn hình có thể được bố trí tại các vị trí nhiều người qua lại, có thể thu hút khách hàng như sảnh các tòa nhà, trung tâm thương mại, cửa hàng thời trang, màn hình sân khấu, trung tâm tổ chức sự kiện, trung tâm chi huy, điều khiển,...\",\n      },\n    ],\n  },\n  {\n    title: \"Màn hình LED outdoor\",\n    description:\n      \"Màn hình LED outdoor của Miraway lý tưởng cho nhiều ứng dụng ngoài trời, có khả năng hiển thị rõ ràng và độ tin cậy cao hơn.\",\n    children: [\n      {\n        image: \"/images/solution/flexible-in-arrangement.png\",\n        subtitle: \"Linh động trong bố trí\",\n        description:\n          \"Màn hình có thể được bố trí ốp tường, cột cao ngoài trời, hệ khung giá chuyên dụng cố định hoặc có thể tháo lắp di động.\",\n      },\n      {\n        image: \"/images/solution/flexible-design.png\",\n        subtitle: \"Thiết kế linh động\",\n        description:\n          \"Ngoài ra với các màn hình kích thước lớn và không phẳng (Chữ L, Cong, Vuông góc,..) có thể bố trí loại LED 3D giúp tăng hiệu ứng và tạo điểm nhấn rất mạnh đối với người xem.\",\n      },\n      {\n        image: \"/images/solution/persistent.png\",\n        subtitle: \"Bền bỉ\",\n        description:\n          \"Hoạt động liên tục với hiệu suất mạnh mẽ dù cho tiếp xúc với nhiệt độ, độ ẩm cao hay một số điều kiện tự nhiên khắc nghiệt khác.\",\n      },\n    ],\n  },\n];\n\nconst breakpointsSwiper = {\n  1023: {\n    slidesPerView: 1,\n  },\n  1024: {\n    slidesPerView: 4,\n  },\n};\n\nconst digitalSignages = [\n  {\n    count: \"89%\",\n    backgroundClass: \"bg-[#0066E6]\",\n    title: \"Tăng độ nhận diện thương hiệu & Recall\",\n  },\n  {\n    count: \"400%\",\n    backgroundClass: \"bg-[#E15E50]\",\n    title: \"Thu hút sự chú ý của người xem hơn 400% so với bảng truyền thống\",\n  },\n  {\n    count: \"55%\",\n    backgroundClass: \"bg-[#E15E50]\",\n    title: \"55% người xem ghi nhớ quảng cáo\",\n  },\n  {\n    count: \"x100\",\n    backgroundClass: \"bg-[#0066E6]\",\n    title: \"Tăng tỷ lệ chuyển đổi quảng cáo so với bảng truyền thống\",\n  },\n];\n\nconst picDeployItems = Array.from({ length: 7 }).map((_, index) => ({\n  path: `pic-deploy/digital-signage/${index + 1}.png`,\n  alt: `picture-deployment-${index}`,\n}));\n\nconst { isVisibleBlog } = useBlog(2000);\n</script>\n\n<template>\n  <div>\n    <section id=\"miraway-solution-marketing\" class=\"bg-[url(/images/bg-digital-signage.png)] bg-no-repeat bg-cover\">\n      <div\n        class=\"2xl:container px-[120px] py-[70px] max-lg:px-5 max-lg:pt-4 max-lg:pb-[60px] lg:flex items-center gap-x-[52px]\"\n      >\n        <div>\n          <h1 class=\"text-white heading-3\">Digital Signage - Hệ thống quản lý màn hình truyền thông tập trung</h1>\n          <div class=\"pt-4 text-white\">\n            Giải pháp đột phá về nhận diện thương hiệu và tiếp cận khách hàng mục tiêu. Truyền tải thông điệp đến đúng\n            khách hàng, đúng thời điểm.\n          </div>\n\n          <div class=\"lg:flex lg:gap-3 mt-6\">\n            <nuxt-link to=\"/lien-he\">\n              <button class=\"secondary border-2 max-lg:w-full max-lg:mt-4\">Liên hệ</button>\n            </nuxt-link>\n          </div>\n        </div>\n\n        <div class=\"shrink-0 max-lg:mt-[60px]\">\n          <nuxt-picture\n            preload\n            src=\"/images/solution/digital-singage.png\"\n            width=\"378\"\n            :img-attrs=\"{\n              class: 'mx-auto',\n              alt: 'he-thong-quan-ly-noi-dung-man-hinh-quang-cao-digital-signage-miraway',\n            }\"\n          />\n        </div>\n      </div>\n    </section>\n\n    <div class=\"2xl:container px-[120px]\">\n      <section id=\"miraway-benefits-delivered\" class=\"py-[80px] max-lg:py-5\">\n        <h2 class=\"text-center\">\n          <span class=\"heading-3 text-[#0066E6]\">Lợi ích </span>\n          <span class=\"heading-3 text-[#00295C]\">mang lại</span>\n        </h2>\n\n        <div class=\"flex max-lg:flex-col lg:gap-x-8 mt-20 max-lg:mt-5\">\n          <ul class=\"flex lg:flex-1 flex-col justify-between max-lg:list-disc lg:pl-0 max-lg:order-2\">\n            <li class=\"text-extra-large text-primary\">Tích hợp một cách linh hoạt với các hệ thống khác</li>\n            <li class=\"text-extra-large text-primary\">Tương tác đa chiều giữa doanh nghiệp và khách hàng</li>\n            <li class=\"text-extra-large text-primary\">Truyền tải thông điệp bằng hình ảnh và âm thanh sống động</li>\n          </ul>\n\n          <nuxt-picture\n            src=\"/images/solution/feature-kiosk-mobile.png\"\n            :img-attrs=\"{ class: 'w-full', alt: 'he-thong-man-hinh-quang-cao-digital-signage-miraway' }\"\n            loading=\"lazy\"\n            class=\"shrink-0 max-lg:pb-5\"\n          />\n\n          <ul class=\"flex lg:flex-1 flex-col justify-between max-lg:list-disc\">\n            <li class=\"text-extra-large text-primary lg:text-right\">Trở thành kênh truyền thông đắc lực, hiệu quả</li>\n            <li class=\"text-extra-large text-primary lg:text-right\">\n              Tiết kiệm chi phí vận hành, tăng doanh thu và giảm thiểu rủi ro khi triển khai lắp đặt.\n            </li>\n            <li class=\"text-extra-large text-primary lg:text-right\">Hoạt động 24/7</li>\n          </ul>\n        </div>\n      </section>\n\n      <section id=\"miraway-feature\" class=\"py-[80px] max-lg:py-5\">\n        <h2 class=\"text-center\">\n          <span class=\"heading-3 text-[#0066E6]\">Tính năng </span>\n          <span class=\"heading-3 text-[#00295C]\">vượt trội</span>\n        </h2>\n\n        <div\n          v-for=\"(feature, index) in features\"\n          :key=\"index\"\n          :class=\"{ 'lg:flex-row-reverse': index % 2 != 0 }\"\n          class=\"flex max-lg:flex-col-reverse items-center gap-10 mt-5\"\n        >\n          <div>\n            <h3 class=\"heading-4\">{{ feature.title }}</h3>\n            <div class=\"pt-4 text-[#777E90]\">{{ feature.description }}</div>\n          </div>\n\n          <nuxt-picture\n            :src=\"feature.image\"\n            :img-attrs=\"{ class: 'w-full', alt: feature.alt }\"\n            loading=\"lazy\"\n            class=\"shrink-0 w-1/2 max-lg:w-full\"\n          />\n        </div>\n      </section>\n    </div>\n\n    <section id=\"miraway-product\" class=\"max-lg:py-5\">\n      <div class=\"2xl:container px-[120px]\">\n        <div class=\"pt-20 pb-10\">\n          <h3 class=\"max-lg:text-center\">\n            <span class=\"heading-3 text-[#0066E6]\">Sản phẩm </span>\n            <span class=\"heading-3 text-[#00295C]\">của chúng tôi</span>\n          </h3>\n\n          <Swiper class=\"swiper mt-10 max-lg:mt-6\" :grab-cursor=\"true\" :breakpoints=\"breakpointsSwiper\">\n            <SwiperSlide\n              v-for=\"(product, index) in products\"\n              :key=\"'product' + index\"\n              class=\"slide cursor-pointer\"\n              @click=\"activeProduct = index\"\n            >\n              <div :class=\"!index ? 'lg:border-l-4' : 'pl-0'\" class=\"border-[#E6E8EC] px-5\">\n                <h3 class=\"heading-6 lg:h-[68px]\">{{ product.title }}</h3>\n\n                <div class=\"mt-4 lg:border-r-4 border-[#E6E8EC] pr-5 h-[144px] max-lg:h-[72px]\">\n                  {{ product.description }}\n                </div>\n\n                <div class=\"flex justify-end mt-5 pr-5\">\n                  <div\n                    class=\"flex justify-center items-center rounded-[50%] w-[40px] h-[40px]\"\n                    :class=\"activeProduct === index ? 'bg-[#0066E6]' : 'border-2 border-[#777E90]'\"\n                  >\n                    <nuxt-picture\n                      loading=\"lazy\"\n                      src=\"/images/icons/ic-arrow-left.svg\"\n                      width=\"14\"\n                      :class=\"{ 'filter-white': activeProduct === index }\"\n                      :img-attrs=\"{ alt: 'screen-miraway', class: 'rotate-[-90deg]' }\"\n                    />\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          </Swiper>\n        </div>\n      </div>\n\n      <div class=\"bg-[#F4F5F6]\">\n        <div class=\"2xl:container px-[120px]\">\n          <template v-for=\"(product, index) in products\" :key=\"'product-content-' + index\">\n            <div v-show=\"activeProduct === index\" class=\"flex max-lg:flex-col gap-10 px-[120px] mx-[-120px] py-10\">\n              <div v-for=\"(item, index) in product.children\" :key=\"'detail-product-' + index\" class=\"flex-1\">\n                <nuxt-picture\n                  :src=\"item.image\"\n                  :img-attrs=\"{\n                    class: 'w-full rounded-xl',\n                    alt: 'he-thong-man-hinh-quang-cao-digital-signage-miraway',\n                  }\"\n                  loading=\"lazy\"\n                />\n\n                <h4 class=\"font-semibold mt-5\">{{ item.subtitle }}</h4>\n\n                <div class=\"text-[#777E90] mt-5\">{{ item.description }}</div>\n              </div>\n            </div>\n          </template>\n        </div>\n      </div>\n    </section>\n\n    <section\n      id=\"miraway-solution-digital-signage\"\n      class=\"bg-[url('/images/solution/bg-digital-signage-solution.png')] bg-no-repeat bg-cover mt-24 pt-10 pb-[128px]\"\n    >\n      <div class=\"2xl:container px-[120px]\">\n        <h2 class=\"text-center\">\n          <span class=\"heading-3 text-[#0066E6]\">Giải pháp </span>\n          <span class=\"heading-3 text-[#00295C]\">Digital Signage</span>\n        </h2>\n\n        <div class=\"flex max-lg:flex-col gap-6 relative\">\n          <div v-for=\"(digitalSignage, index) in digitalSignages\" :key=\"'digital-' + index\" class=\"flex-1\">\n            <div class=\"sm:mt-6 relative z-[2]\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/luc-giac.png\"\n                :img-attrs=\"{ class: 'mx-auto', alt: digitalSignage.count }\"\n                width=\"173\"\n              />\n\n              <div\n                class=\"w-[88px] h-[88px] text-extra-large flex-center absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-[50%] rounded-full text-white\"\n                :class=\"digitalSignage.backgroundClass\"\n              >\n                {{ digitalSignage.count }}\n              </div>\n            </div>\n\n            <div class=\"text-medium text-center mt-6\">{{ digitalSignage.title }}</div>\n          </div>\n\n          <div\n            class=\"max-lg:hidden w-[80%] absolute border-2 border-dashed border-white top-[120px] left-1/2 translate-x-[-50%] z-[1]\"\n          />\n        </div>\n      </div>\n    </section>\n\n    <WhyChooseMrw />\n\n    <PictureDeloyment :items=\"picDeployItems\" class=\"2xl:container px-[120px]\" />\n\n    <LazyBlog v-if=\"isVisibleBlog\" :categoryId=\"145\" />\n  </div>\n</template>\n"],"file":"_nuxt/BahrQKpq.js"}