{"version":3,"file":"dmXFOrVw.js","sources":["../../../../components/ContactLink.vue","../../../../pages/gioi-thieu.vue"],"sourcesContent":["<template>\n  <section\n    class=\"bg-[url('/images/blue-flower-background.png')] bg-[#00295C] bg-no-repeat bg-contain bg-center flex-center flex-col py-12\"\n  >\n    <h3 class=\"text-white\">Liên hệ với chúng tôi</h3>\n\n    <div class=\"text-white mt-3\">Để Miraway có thể tư vấn chi tiết cho bạn</div>\n\n    <nuxt-link to=\"/lien-he\">\n      <button class=\"secondary mt-8\">Xem chi tiết</button>\n    </nuxt-link>\n  </section>\n</template>\n","<script setup>\nimport { ref } from \"@vue/reactivity\";\n\nconst seoTitle = \"Về chúng tôi - Miraway\";\nconst seoDescription =\n  \"Thành lập từ 2007, MIRAWAY cung cấp giải pháp Quản trị trải nghiệm khách hàng đa kênh cho ngành Ngân hàng, Chính phủ, Y tế…\";\n\nuseHead({\n  title: seoTitle,\n  meta: [\n    { name: \"keywords\", content: \"Giới thiệu\" },\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 responsibilities = [\n  {\n    tab: \"người lao động\",\n    image: \"/images/office/for-the-workers.png\",\n    description:\n      'Miraway tập trung phát triển nguồn nhân lực có phẩm chất và tiềm năng, biến họ trở thành \"Tiêu chuẩn nhân sự chất lượng cao\" trong ngành công nghệ chuyển đổi số trong nước.',\n  },\n  {\n    tab: \"khách hàng\",\n    image: \"/images/office/for-customer.png\",\n    description:\n      \"Miraway luôn coi trọng việc thiết lập mối quan hệ gắn kết với khách hàng. Không chỉ dừng lại ở việc kinh doanh giải pháp công nghệ hàng đầu, Miraway còn tập trung vào việc xây dựng trải nghiệm người dùng và an toàn cho dữ liệu khách hàng. Đồng hành với khách hàng, Miraway mong muốn vun đắp những giá trị nhân văn và cống hiến cho sự phát triển vững bền, lợi ích lâu dài.\",\n  },\n  {\n    tab: \"đối tác\",\n    image: \"/images/office/for-the-partners.png\",\n    description:\n      \"Miraway hiểu rằng thành công không thể đạt được một mình, chính sự đồng lòng và cống hiến của đối tác đã đóng góp quan trọng vào sự phát triển của chúng tôi. Với cam kết tôn trọng, đồng hành và chia sẻ giá trị, chúng tôi hân hạnh bổ trợ đối tác trong việc xây dựng tương lai cấp tiến và hạnh phúc cho cộng đồng, tạo dựng lợi ích chung vững mạnh và cùng nhau khám phá những tiềm năng không giới hạn trong kỷ nguyên số.\",\n  },\n  {\n    tab: \"cộng đồng\",\n    image: \"/images/office/for-the-community.png\",\n    description:\n      \"Miraway luôn không ngừng cải tiến và nâng cao trải nghiệm nhằm đạt mục tiêu đáp ứng và vượt qua sự mong đợi của cộng đồng. Đồng thời, chúng tôi không quên trách nhiệm xã hội trong việc thúc đẩy chia sẻ kiến thức, khả năng và cơ hội. Miraway tin rằng, chỉ khi cộng đồng được phát triển bền vững và văn minh, chúng tôi mới thực sự thành công.\",\n  },\n  {\n    tab: \"chính phủ\",\n    image: \"/images/office/for-the-government.png\",\n    description:\n      'Quyết liệt hành động theo kim chỉ nam \"Sáng tạo công nghệ - Kiến tạo đất nước\", Miraway trân trọng mối quan hệ hợp tác với chính phủ Việt Nam không chỉ là kinh doanh, mà còn là cơ hội để cống hiến cho sự phát triển xã hội và cộng đồng. Chúng tôi cam kết cùng chính phủ tạo ra một Việt Nam hiện đại, tiên phong trong công nghệ và sẵn lòng hỗ trợ cộng đồng vươn tới một tương lai tươi sáng, tiến bộ và thịnh vượng.',\n  },\n];\n\nconst responsibilityIndex = ref(0);\nconst isShowResponsibilityDetail = reactive(Array.from({ length: 5 }, () => false));\n</script>\n\n<template>\n  <div class=\"bg-[#EDF4FF]\">\n    <div\n      class=\"bg-intro bg-[#EDF4FF] bg-[url('/images/introduce-background.png')]\"\n      style=\"background-position: top -140px center\"\n    >\n      <section class=\"2xl:container pt-[80px] px-[120px]\">\n        <div class=\"xl:flex items-center justify-between max-sm:py-4 relative\">\n          <div class=\"md:w-1/2 md:py-[40px] lg:py-[90px] lg:relative lg:z-[1]\">\n            <nuxt-picture\n              loading=\"lazy\"\n              src=\"/images/sang-tao-cong-nghe-kien-tao-dat-nuoc.png\"\n              :img-attrs=\"{\n                class: 'w-3/4 h-auto max-md:w-full max-md:max-h-[250px] object-contain',\n                alt: 'sang-tao-cong-nghe-kien-tao-dat-nuoc',\n                width: 270,\n                height: 207,\n              }\"\n            />\n            <h1 class=\"text-primary heading-3 mt-6\">SÁNG TẠO CÔNG NGHỆ- KIẾN TẠO ĐẤT NƯỚC</h1>\n\n            <div class=\"text-medium mt-4\">\n              Miraway ra đời với sứ mệnh thúc đẩy mạnh mẽ công cuộc chuyển đổi số trong nước và các quốc gia\n              trên đà phát triển.\n            </div>\n          </div>\n\n          <nuxt-picture\n            preload\n            src=\"/images/group-mrw.png\"\n            class=\"mobile-group-mrw\"\n            :imgAttrs=\"{\n              class: 'max-lg:h-[380px] max-h-[590px] w-full',\n              alt: 'phuong-cham-doanh-nghiep-miraway',\n              width: 540,\n              height: 590,\n            }\"\n          />\n        </div>\n      </section>\n\n      <section class=\"2xl:container px-[120px] xl:flex items-center gap-8 md:mt-[170px]\">\n        <div class=\"xl:w-1/2\">\n          <h2 class=\"text-primary heading-3\">Câu chuyện thương hiệu</h2>\n          <div class=\"mt-4 text-justify\">\n            Được thành lập từ năm 2007, Công ty Cổ phần MIRAWAY Giải pháp Công nghệ là nhà cung cấp giải pháp Quản trị\n            trải nghiệm khách hàng Đa kênh hàng đầu Việt Nam cho khách hàng trong các lĩnh vực Ngân hàng - Tài Chính,\n            Viễn thông, Hành chính công, Y tế, Bán lẻ và nhiều lĩnh vực khác… Với tôn chỉ “Sáng tạo công nghệ - Kiến tạo\n            đất nước” Miraway đã đóng góp tích cực vào công cuộc chuyển đổi số của Việt Nam và khu vực.\n          </div>\n        </div>\n\n        <nuxt-picture\n          src=\"/images/cau-chuyen-thuong-hieu.png\"\n          class=\"xl:w-1/2\"\n          :imgAttrs=\"{ class: 'w-full', alt: 'hinh-anh-hoat-dong-miraway', width: 584, height: 584 }\"\n        />\n      </section>\n\n      <section class=\"2xl:container px-[120px] history-mrw mt-20\">\n        <h2 class=\"text-primary text-center heading-3\">Lịch sử hình thành</h2>\n\n        <div class=\"timeline-history-mrw my-[70px]\">\n          <div class=\"timeline-item\">\n            <div class=\"mrw-description max-lg:order-3\">\n              <h3 class=\"title heading-4\">Miraway 1.0 (2007-2014)</h3>\n              <ul class=\"content list-disc\">\n                <li>Thành lập CÔNG TY CỔ PHẦN MIRAWAY GIẢI PHÁP CÔNG NGHỆ (ngày 30.08.2007)</li>\n                <li class=\"mt-4\">\n                  Tập trung phát triển và cung cấp dịch vụ công nghệ thông tin cho khối khách hàng doanh nghiệp vừa và\n                  lớn\n                </li>\n                <li class=\"mt-4\">Đạt giải thưởng Top 30 doanh nghiệp công nghệ hàng đầu Việt Nam</li>\n              </ul>\n            </div>\n\n            <h4 class=\"mark-text\">1.0</h4>\n\n            <div class=\"max-lg:order-2 max-lg:mt-10\">\n              <nuxt-picture\n                src=\"/images/logo-v2.png\"\n                :imgAttrs=\"{ class: 'w-full sm:max-lg:w-1/2 sm:max-lg:mx-auto', alt: 'logo', width: 481, height: 291 }\"\n              />\n            </div>\n          </div>\n\n          <div class=\"timeline-item\">\n            <div class=\"mrw-description max-lg:order-3\">\n              <h3 class=\"title heading-4\">Miraway 2.0 (2014-2021)</h3>\n              <ul class=\"content list-disc\">\n                <li>Chuyển giao đội ngũ lãnh đạo và đưa ra định hướng phát triển mới.</li>\n                <li class=\"mt-4\">\n                  Định hướng tập trung làm chủ công nghệ & đón đầu xu hướng công nghệ, phát triển sâu về bộ giải pháp\n                  quản trị trải nghiệm khách hàng toàn trình\n                </li>\n                <li class=\"mt-4\">\n                  Mở rộng phát triển công nghệ trong lĩnh vực dữ liệu lớn big data (Thành lập công ty con Datanomics)\n                </li>\n                <li class=\"mt-4\">Nghiên cứu phát triển và sở hữu 8 bản quyền phát triển phần mềm.</li>\n                <li class=\"mt-4\">\n                  Mở rộng kinh doanh ra các thị trường ngoài Việt Nam như thị trường Đông Nam Á, Châu Mỹ…\n                </li>\n                <li class=\"mt-4\">\n                  Liên tiếp đạt được các giải thưởng danh tiếng như: Top 10 thương hiệu dẫn đầu Việt Nam, Best Solution\n                  Awards - Giải pháp tốt nhất, Top 10 thương hiệu tiêu biểu châu Á - Thái Bình Dương, Giải pháp tiếp thị\n                  truyền thông số hiệu quả, Top 20 thương hiệu nổi tiếng hàng đầu Việt Nam\n                </li>\n              </ul>\n            </div>\n\n            <h4 class=\"mark-text\">2.0</h4>\n\n            <div class=\"max-lg:order-2 max-lg:mt-10\">\n              <nuxt-picture\n                src=\"/images/giai-thuong.png\"\n                :imgAttrs=\"{\n                  class: 'w-full sm:max-lg:w-1/2 sm:max-lg:mx-auto',\n                  alt: 'giai-thuong',\n                  width: 480,\n                  height: 339,\n                }\"\n              />\n            </div>\n          </div>\n\n          <div class=\"timeline-item\">\n            <div class=\"mrw-description max-lg:order-3\">\n              <h3 class=\"title heading-4\">Miraway 3.0 (2022-nay)</h3>\n              <div class=\"content\">\n                <li>\n                  Tự hào trở thành doanh nghiệp công nghệ VN đầu tiên nằm trong top 20 doanh nghiệp toàn cầu trong lĩnh\n                  vực công nghệ trải nghiệm khách hàng do tổ chức Grandview Research - Mỹ bình chọn năm 2022.\n                </li>\n                <li class=\"mt-4\">\n                  Mở rộng phát triển hệ sinh thái giải pháp trải nghiệm khách hàng đa kênh và mở rộng thị trường kinh\n                  doanh, sáp nhập công ty Gobysend (2022).\n                </li>\n                <li class=\"mt-4\">\n                  Định hướng mở rộng phát triển, hướng tới mô hình tập đoàn công nghệ hàng đầu Việt Nam và trong khu vực\n                </li>\n              </div>\n            </div>\n\n            <h4 class=\"mark-text\">3.0</h4>\n\n            <div class=\"max-lg:order-2 max-lg:mt-10\">\n              <nuxt-picture\n                src=\"/images/logo.png\"\n                :imgAttrs=\"{ class: 'w-full sm:max-lg:w-1/2 sm:max-lg:mx-auto', alt: 'logo', width: 481, height: 121 }\"\n              />\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <WhyChooseMrw />\n\n      <section class=\"2xl:container px-[120px]\">\n        <div\n          class=\"mt-[80px] max-xl:mx-[-60px] max-md:mx-[-16px] bg-white p-[100px] max-xl:p-[60px] max-sm:p-4 xl:rounded-3xl\"\n        >\n          <h2 class=\"text-primary text-center heading-3\">Năng lực triển khai toàn cầu</h2>\n          <div class=\"text-medium text-center mt-4 mb-[85px]\">\n            Với văn phòng đặt tại Hà Nội và TP Hồ Chí Minh cũng như mạng lưới hệ thống triển khai trên toàn quốc -\n            Miraway tự tin về năng lực cung cấp và triển khai các giải pháp CNTT tại Việt Nam và quốc tế.\n          </div>\n\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/map-global.png\"\n            :img-attrs=\"{ alt: 'nang-luc-trien-khai-toan-cau-miraway' }\"\n          />\n        </div>\n      </section>\n\n      <section class=\"mt-[80px] lg:bg-white p-[100px] max-xl:p-[60px] max-sm:p-4\">\n        <h2 class=\"text-primary text-center heading-3\">Trách nhiệm xã hội</h2>\n\n        <div class=\"2xl:container px-[120px] flex gap-10 max-lg:hidden mt-[84px]\">\n          <ul class=\"timeline-responsibilities\">\n            <li\n              v-for=\"(item, index) in responsibilities\"\n              :key=\"index\"\n              :class=\"{ active: responsibilityIndex === index }\"\n              class=\"event gap-2 cursor-pointer\"\n              @click=\"responsibilityIndex = index\"\n            >\n              <h6 :class=\"responsibilityIndex === index ? 'text-[#141416]' : 'text-[#B1B5C3]'\">Đối với</h6>\n              <h6 :class=\"responsibilityIndex === index ? 'text-secondary' : 'text-[#B1B5C3]'\">{{ item.tab }}</h6>\n            </li>\n          </ul>\n\n          <div>\n            <nuxt-picture\n              loading=\"lazy\"\n              :src=\"responsibilities[responsibilityIndex].image\"\n              class=\"rounded-xl overflow-hidden\"\n              :img-attrs=\"{ class: 'w-full', alt: 'office', width: 687, height: 305 }\"\n            />\n\n            <h6 class=\"text-medium mt-5\">{{ responsibilities[responsibilityIndex].description }}</h6>\n          </div>\n        </div>\n\n        <div class=\"lg:hidden mt-[20px]\">\n          <div\n            v-for=\"(item, index) in responsibilities\"\n            class=\"py-[20px]\"\n            :class=\"index < responsibilities.length - 1 ? 'border-b border-b-[#CCE0FA] border-solid' : ''\"\n            :key=\"index + 1\"\n          >\n            <nuxt-picture\n              loading=\"lazy\"\n              :src=\"item.image\"\n              class=\"rounded-xl overflow-hidden\"\n              :img-attrs=\"{ class: 'w-full', alt: 'miraway', width: 687, height: 305 }\"\n            />\n\n            <div class=\"flex py-5\">\n              <h6 class=\"text-[#141416] pr-1 !font-semibold\">Đối với</h6>\n              <h6 class=\"text-[#0066E6] !font-semibold\">{{ item.tab }}</h6>\n            </div>\n\n            <h6 v-show=\"isShowResponsibilityDetail[index]\" class=\"text-medium mb-4\">\n              {{ item.description }}\n            </h6>\n            <h6\n              class=\"text-medium !text-[#0066E6] !font-semibold\"\n              @click=\"isShowResponsibilityDetail[index] = !isShowResponsibilityDetail[index]\"\n            >\n              {{ isShowResponsibilityDetail[index] ? \"Thu gọn\" : \"Tìm hiểu thêm\" }}\n            </h6>\n          </div>\n        </div>\n      </section>\n\n      <ContactLink />\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createVNode","_component_nuxt_link","_withCtx","seoTitle","seoDescription","useHead","responsibilities","responsibilityIndex","ref","isShowResponsibilityDetail","reactive"],"mappings":"uYAII,OAAAA,EAAA,EAAAC,EAAA,UAAIC,EAAM,CAEVC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAA4E,KAAvE,CAAA,MAAM,YAAA,EAAA,wBAA2D,EAAA,GAEtED,EAEY,CAAA,IAAAA,EAAA,CAAA,EAAAC,EAFY,MAAA,CAAA,MAAA,iBAAA,EAAA,4CAAA,EAAA,GAR5BC,EAAAC,EAS0D,CAAA,GAAA,UAAA,EAAA,CAApD,QAAAC,EAAA,IAAQJ,EAAA,CAAA,IAAAA,EAAM,CAAA,EAAA,yDATpB,kuCCGMK,EAAW,yBACXC,EACJ,+JAEFC,EAAQ,CACN,MAAOF,EACP,KAAM,CACJ,CAAE,KAAM,WAAY,QAAS,YAAc,EAC3C,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,EAAmB,CACvB,CACE,IAAK,iBACL,MAAO,qCACP,YACE,8KACH,EACD,CACE,IAAK,aACL,MAAO,kCACP,YACE,qXACH,EACD,CACE,IAAK,UACL,MAAO,sCACP,YACE,maACH,EACD,CACE,IAAK,YACL,MAAO,uCACP,YACE,sVACH,EACD,CACE,IAAK,YACL,MAAO,wCACP,YACE,8ZACH,CACH,EAEMC,EAAsBC,EAAI,CAAC,EAC3BC,EAA6BC,EAAS,MAAM,KAAK,CAAE,OAAQ,CAAG,EAAE,IAAM,EAAK,CAAC"}