{"version":3,"file":"ZOfXPxPN.js","sources":["../../../../pages/qrcode-bao-hanh.vue"],"sourcesContent":["<script setup>\nconst seoTitle = \"QRX - Qr Bảo hành\";\nconst seoDescription =\n  \"QR Bảo hành QRX - Giải quyết vấn nạn truy xuất bảo hành, Tiết kiệm chi phí in ấn QR, Cải thiện hiệu quả quy trình bảo hành.\";\n\nuseHead({\n  title: seoTitle,\n  meta: [\n    { name: \"description\", content: seoDescription },\n    { name: \"og:title\", content: seoTitle },\n    { name: \"og:description\", content: seoDescription },\n    { name: \"keywords\", content: \"QR Bảo hành\" },\n  ],\n});\n\nconst windowQrIcon = \"/images/icons/window-qr.png\";\nconst image7 = \"/images/icons/7.png\";\nconst codeBokIcon = \"/images/icons/code-box.png\";\nconst image2 = \"/images/icons/2.png\";\nconst userIcon = \"/images/icons/user.png\";\nconst imageBlackPhone = \"/images/iPhone-12-Pro-Mockup-Front-View2.png\";\n\nconst benefitData = [\n  [\n    {\n      imageUrL: windowQrIcon,\n      text: \"Tem QR Code thay thế giấy bảo hành để giảm chi phí in ấn, thiết kế và quản lý lưu trữ.\",\n    },\n    {\n      imageUrL: image7,\n      text: \"Up-sell sản phẩm khác hoặc gói gia hạn bảo hành thông qua tính năng nhắc nhở lịch bảo hành.\",\n    },\n    {\n      imageUrL: codeBokIcon,\n      text: \"Hệ thống đồng bộ dữ liệu giúp giảm thời gian và công sức triển khai quy trình bảo hành.\",\n    },\n  ],\n  imageBlackPhone,\n  [\n    {\n      imageUrL: image2,\n      text: \"Tối ưu hoá chăm sóc khách hàng và tăng cường remarketing thông qua việc hệ thống tổng hợp dữ liệu chi tiết về khách hàng.\",\n    },\n    {\n      imageUrL: windowQrIcon,\n      text: \"Tối ưu quản lý toàn trình  sản phẩm bằng việc tích hợp tính năng chống giả và bảo hành trên cùng 1 tem.\",\n    },\n    {\n      imageUrL: userIcon,\n      text: \"Tiếp nhận dữ liệu khách hàng mà không đòi hỏi quá trình nghiên cứu hay triển khai phức tạp.\",\n    },\n  ],\n];\n</script>\n\n<template>\n  <section\n    class=\"py-[120px] px-[40px] max-lg:p-10 max-md:p-4 bg-white lg:h-[576px] rounded-[48px] max-lg:rounded-[25px] relative max-lg:flex max-lg:flex-row-reverse max-lg:justify-between max-lg:items-center max-md:flex-col\"\n  >\n    <div class=\"absolute max-lg:static max-lg:mb-3 right-[-20px] bottom-[-30px] z-10\">\n      <nuxt-picture\n        loading=\"lazy\"\n        src=\"/images/qrwarranty.png\"\n        :imgAttrs=\"{ alt: 'qrwarranty', width: 565, height: 580 }\"\n        class=\"mx-auto\"\n      />\n    </div>\n\n    <div class=\"xl:max-w-[55%]\">\n      <h1 class=\"text-secondary\">BẢO HÀNH ĐIỆN TỬ QR CODE</h1>\n\n      <ul class=\"mt-9 list-disc max-lg:w-full\">\n        <li>Thay thế phiếu bảo hành - đơn giản hóa quy trình bảo hành</li>\n        <li class=\"mt-2\">Theo dõi tình trạng bảo hành và báo cáo kết quả tự động</li>\n      </ul>\n\n      <div class=\"flex max-md:flex-col items-center gap-5 mt-[44px]\">\n        <a href=\"https://mktv2.qrx.com.vn/#/auth/login\" target=\"_blank\" class=\"max-md:w-full\" aria-label=\"register now\">\n          <button class=\"primary max-md:w-full\" aria-label=\"register\">Dùng thử miễn phí</button>\n        </a>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <AboutQrx\n      title=\"Giới thiệu về QRX bảo hành điện tử\"\n      video=\"https://www.youtube.com/embed/gCOqKRrfgpM?si=mB6BkXCPrqTBrasR\"\n    />\n  </section>\n\n  <section class=\"mt-[80px] xl:-mx-20 py-[40px] bg-[#F5F5F5]\">\n    <div class=\"text-center w-4/5 m-auto\">\n      <h2>Xác thực điện tử</h2>\n      <p class=\"ubtitle-2 text-third mt-4\">\n        Bạn và khách hàng vô cùng an tâm chỉ sau 3 bước truy xuất thông tin đơn giản.\n      </p>\n    </div>\n    <div class=\"flex max-lg:flex-wrap justify-center max-xl:mt-[16px] px-[20px]\">\n      <div class=\"flex flex-wrap\">\n        <div class=\"flex flex-col items-center\">\n          <div class=\"xl:h-[321px] lg:h-[268px] flex justify-center items-center\">\n            <nuxt-picture\n              loading=\"lazy\"\n              src=\"/images/qrcode-anti-fake/tem-chong-gia-qrcode.png\"\n              :imgAttrs=\"{ alt: 'tem-chong-gia' }\"\n            />\n          </div>\n          <div class=\"text-center\">\n            <h2 class=\"text-[24px]\">Cào phủ lớp bạc</h2>\n            <p>Để lấy mã xác thực và mã QR Code</p>\n          </div>\n        </div>\n      </div>\n      <div class=\"mt-[125px] xl:mx-[54px] max-lg:w-full max-xl:mt-[20px] max-xl:flex justify-center items-center\">\n        <div class=\"w-[80px] h-[2px] m-auto bg-[#D9D9D9] md:my-10 max-lg:hidden\"></div>\n        <div class=\"w-[2px] h-[80px] bg-[#D9D9D9] lg:hidden\"></div>\n      </div>\n      <div class=\"flex flex-wrap\">\n        <div class=\"flex flex-col items-center\">\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/qrcode-warranty/chonggia_tem1-5.png\"\n            :imgAttrs=\"{ alt: 'tem-chong-gia' }\"\n          />\n          <div class=\"text-center\">\n            <h2 class=\"text-[24px]\">Quét mã QR</h2>\n            <p>Để xác thực sản phẩm</p>\n          </div>\n        </div>\n      </div>\n      <div class=\"mt-[125px] xl:mx-[54px] max-lg:w-full max-xl:mt-[20px] max-xl:flex justify-center items-center\">\n        <div class=\"w-[80px] h-[2px] m-auto bg-[#D9D9D9] md:my-10 max-lg:hidden\"></div>\n        <div class=\"w-[2px] h-[80px] bg-[#D9D9D9] lg:hidden\"></div>\n      </div>\n      <div class=\"flex flex-wrap\">\n        <div class=\"flex flex-col items-center\">\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/qrcode-warranty/chonggia_tem1-6.png\"\n            :imgAttrs=\"{ alt: 'tem-chong-gia' }\"\n          />\n          <div class=\"text-center\">\n            <h2 class=\"text-[24px]\">Hoàn tất nhập mã</h2>\n            <p>Hệ thống trả về thông tin xác thực</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"px-6 2xl:container m-auto pt-[40px] pb-[60px] max-lg:py-0 mt-[80px]\">\n    <div class=\"text-center\">\n      <h2>Lợi ích của giải pháp QRCode bảo hành</h2>\n\n      <div class=\"subtitle-2 text-third mt-4\">\n        Sử dụng tem QR Code giúp tiết kiệm chi phí và cải thiện hiệu quả quy trình bảo hành.\n      </div>\n    </div>\n\n    <SolutionBenefits :benefitData=\"benefitData\" />\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <div class=\"text-center\">\n      <div class=\"text-center\">\n        <h2>Tem bảo hành QRX</h2>\n        <div class=\"subtitle-2 text-third mt-4\">\n          Tem QR Code bảo hành của QRX cấu tạo đặc biệt để tránh hành vi làm giả tem\n        </div>\n      </div>\n      <div class=\"flex flex-wrap max-lg:flex-col max-lg:justify-center mt-[50px]\">\n        <div class=\"flex flex-col justify-center lg:hidden\">\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/qrcode-warranty/tem-product2.png\"\n            :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode3' }\"\n            width=\"343px\"\n            class=\"m-auto\"\n          />\n          <div class=\"flex justify-center flex-col mt-[10px] max-lg:mt-[30px]\">\n            <div class=\"flex justify-center\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/qrcode-warranty/chonggia_tem1-4.png\"\n                :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode4' }\"\n              />\n            </div>\n            <div class=\"w-[302px] m-auto mt-[18px]\">\n              <p class=\"text-[#ED7F22] text-[24px]\">Mã xác thực</p>\n              <p class=\"text-[16px] mt-[5px]\">Khách hàng đối chiếu hoặc nhập vào hệ thống để xác thực sản phẩm.</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"w-1/3 max-lg:w-full flex flex-col max-lg:my-[60px]\">\n          <div class=\"flex justify-center flex-col\">\n            <div class=\"flex justify-center\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/qrcode-anti-fake/tem-chong-gia-1.png\"\n                :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode5' }\"\n              />\n            </div>\n            <div class=\"w-[302px] m-auto mt-[18px]\">\n              <p class=\"text-[#ED7F22] text-[24px]\">Logo thương hiệu</p>\n              <p class=\"text-[16px] mt-[5px]\">Giúp người dùng nhận diện thương hiệu một cách nhanh chóng và mạnh mẽ</p>\n            </div>\n          </div>\n          <div class=\"flex justify-center flex-col mt-[70px] max-xl:mt-[40px]\">\n            <div class=\"flex justify-center\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/qrcode-anti-fake/tem-chong-gia-2.png\"\n                :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode5' }\"\n              />\n            </div>\n            <div class=\"w-[302px] m-auto mt-[18px]\">\n              <p class=\"text-[#ED7F22] text-[24px]\">Tổng đài tin nhắn</p>\n              <p class=\"text-[16px] mt-[5px]\">Xác thực sản phẩm nhanh chóng, chính xác với cú pháp tin nhắn SMS.</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"w-1/3 flex justify-center max-lg:w-full max-lg:my-[60px] max-lg:hidden\">\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/qrcode-warranty/tem-product.png\"\n            :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode6' }\"\n          />\n        </div>\n        <div class=\"w-1/3 max-lg:w-full flex flex-col mt-[20px]\">\n          <div class=\"flex justify-center flex-col relative -top-[50px]\">\n            <div class=\"flex justify-center\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/qrcode-anti-fake/tem-chong-gia-3.png\"\n                :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode7' }\"\n                width=\"113px\"\n              />\n            </div>\n            <div class=\"w-[302px] m-auto mt-[18px]\">\n              <p class=\"text-[#ED7F22] text-[24px]\">QRCode Bảo hành</p>\n              <p class=\"text-[16px] mt-[5px]\">\n                Mã QR Code cố định hoặc biến đổi tùy thuộc vào từng loại tem QR Code bảo hành.\n              </p>\n            </div>\n          </div>\n          <div class=\"flex justify-center flex-col -mt-[10px]\">\n            <div class=\"flex justify-center\">\n              <nuxt-picture\n                loading=\"lazy\"\n                src=\"/images/qrcode-anti-fake/tem-chong-gia-4.png\"\n                :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode8' }\"\n              />\n            </div>\n            <div class=\"w-[302px] m-auto mt-[18px]\">\n              <p class=\"text-[#ED7F22] text-[24px]\">Serial</p>\n              <p class=\"text-[16px] mt-[5px]\">Số serial độc nhất trên từng tem QR Code QRX</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex justify-center flex-col mt-[10px] max-lg:mt-[30px] max-lg:hidden\">\n        <div class=\"flex justify-center\">\n          <nuxt-picture\n            loading=\"lazy\"\n            src=\"/images/qrcode-warranty/chonggia_tem1-4.png\"\n            :imgAttrs=\"{ alt: 'tem-chong-gia-qrcode8' }\"\n          />\n        </div>\n        <div class=\"w-[302px] m-auto mt-[18px]\">\n          <p class=\"text-[#ED7F22] text-[24px]\">Mã xác thực</p>\n          <p class=\"text-[16px] mt-[5px]\">Khách hàng đối chiếu hoặc nhập vào hệ thống để xác thực sản phẩm.</p>\n        </div>\n      </div>\n    </div>\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <AppAntiFakeQrx />\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <CustomerCarousel />\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <QouteProduct />\n  </section>\n\n  <section class=\"mt-[80px]\">\n    <Contact />\n  </section>\n</template>\n"],"names":["seoTitle","seoDescription","windowQrIcon","image7","codeBokIcon","image2","userIcon","imageBlackPhone","useHead","benefitData"],"mappings":"g5KACMA,EAAW,oBACXC,EACJ,8HAYIC,EAAe,8BACfC,GAAS,sBACTC,GAAc,6BACdC,GAAS,sBACTC,GAAW,yBACXC,GAAkB,sFAfxBC,EAAQ,CACN,MAAOR,EACP,KAAM,CACJ,CAAE,KAAM,cAAe,QAASC,CAAgB,EAChD,CAAE,KAAM,WAAY,QAASD,CAAU,EACvC,CAAE,KAAM,iBAAkB,QAASC,CAAgB,EACnD,CAAE,KAAM,WAAY,QAAS,aAAe,CAC7C,CACH,CAAC,EASD,MAAMQ,EAAc,CAClB,CACE,CACE,SAAUP,EACV,KAAM,wFACP,EACD,CACE,SAAUC,GACV,KAAM,6FACP,EACD,CACE,SAAUC,GACV,KAAM,yFACP,CACF,EACDG,GACA,CACE,CACE,SAAUF,GACV,KAAM,2HACP,EACD,CACE,SAAUH,EACV,KAAM,yGACP,EACD,CACE,SAAUI,GACV,KAAM,6FACP,CACF,CACH"}