{"version":3,"file":"DVSV4yf7.js","sources":["../../../../pages/qrcode-marketing.vue"],"sourcesContent":["<script setup>\nconst seoTitle = \"QRX - Qr Code marketing\";\nconst seoDescription =\n  \"Qr Code Marketing - Lan tỏa thương hiệu rộng khắp, tương tác với người dùng thông qua việc sử dụng hành vi quét mã QR trong hoạt động tiếp thị.\";\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 Code marketing\" },\n  ],\n});\n\nconst imageLaptop3 = \"/images/New-Macbook-Pro-Mockup-Front-View2.png\";\nconst imageLaptop4 = \"/images/New-Macbook-Pro-Mockup-Front-View3.png\";\nconst imageLaptop5 = \"/images/New-Macbook-Pro-Mockup-Front-View4.png\";\n\nconst image1 = \"/images/icons/1.png\";\nconst image2 = \"/images/icons/2.png\";\nconst image3 = \"/images/icons/3.png\";\nconst image4 = \"/images/icons/4.png\";\nconst image5 = \"/images/icons/5.png\";\nconst image7 = \"/images/icons/7.png\";\nconst imageBlackPhone = \"/images/iPhone-12-Pro-Mockup-Front-View1.png\";\n\nconst benefitData = [\n  [\n    {\n      imageUrL: image1,\n      text: \"Sử dụng các kênh đa dạng như bao bì sản phẩm và kênh online,.., để kết nối hiệu quả với khách hàng tiềm năng.\",\n    },\n    {\n      imageUrL: image3,\n      text: \"Nâng cao sự tin cậy vào sản phẩm và thương hiệu bằng cách cung cấp thông tin chi tiết và hình ảnh thực tế.\",\n    },\n    {\n      imageUrL: image7,\n      text: \"Tăng doanh thu bằng cách tăng tỷ lệ up-sell/cross-sell thông qua việc sử dụng dữ liệu về nhu cầu của khách hàng.\",\n    },\n  ],\n  imageBlackPhone,\n  [\n    {\n      imageUrL: image2,\n      text: \"Doanh nghiệp có khả năng tự cài đặt, vận hành và tùy chỉnh thông tin mà không cần phải in lại hoặc thay đổi mã QR Code.\",\n    },\n    {\n      imageUrL: image5,\n      text: \"Ngăn chặn quá tải thông tin trên bao bì và tiết kiệm thời gian bằng cách tối ưu hóa giao diện cho thiết bị di động.\",\n    },\n    {\n      imageUrL: image4,\n      text: \"Quản lý dễ dàng với quy trình vận hành đơn giản, giúp tiết kiệm thời gian trong việc báo cáo và truy xuất dữ liệu.\",\n    },\n  ],\n];\n\nconst features = [\n  {\n    name: \"Tùy chỉnh thông tin hiển thị của QR Code sau khi đã in và phân phối ra thị trường.\",\n    descriptions: [\n      \"Có khả năng thay đổi trang đích liên kết với QR Code một cách dễ dàng, cho phép chỉnh sửa thông tin sau QR Code, ngay cả sau khi đã in và phân phối ra thị trường.\",\n    ],\n    imageUrl: imageLaptop3,\n  },\n  {\n    name: \"Tạo QR Code được thiết kế với màu sắc và logo để tăng tính nhận diện.\",\n    descriptions: [\n      \"Dễ dàng tích hợp màu sắc chủ đạo hoặc logo vào QR Code để tạo sự nhất quán với bộ nhận diện thương hiệu, tạo ấn tượng lâu dài và giúp khách hàng ghi nhớ về doanh nghiệp.\",\n    ],\n    imageUrl: imageLaptop4,\n  },\n  {\n    name: \"Hệ thống quản trị giúp quản lý và thống kê thông tin sản phẩm nhanh chóng và tối ưu.\",\n    descriptions: [\n      \"Doanh nghiệp được cung cấp tài khoản quản lý riêng, giúp dễ dàng quản lý và tùy chỉnh thông tin của mã QR Code.\",\n      \"Sử dụng dữ liệu người dùng thu thập được để hỗ trợ hoạt động Marketing và chăm sóc khách hàng.\",\n      \"Tạo báo cáo thống kê về khách hàng và lịch sử tương tác với mã QR Code.\",\n    ],\n    imageUrl: imageLaptop5,\n  },\n];\n\nconst activeFeatureTab = ref(\"manageProduct\");\nconst featureWarrantySliders = [\n  {\n    tab: \"manageProduct\",\n    no: 1,\n    title: \"1. Quản lý sản phẩm\",\n    content: [\n      {\n        image: \"/images/solutions/img-manage-product.svg\",\n        subtitle: \"Quản lý hàng hóa, thuộc tính đa dạng\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n      {\n        image: \"/images/solutions/img-manage-qrcode.svg\",\n        subtitle: \"Quản lý QR Code\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n    ],\n  },\n  {\n    tab: \"manageContact\",\n    no: 2,\n    title: \"2. Quản lý contact\",\n    content: [\n      {\n        image: \"/images/solutions/img-manage-content.svg\",\n        subtitle: \"Quản lý thông tin khách hàng hiệu quả, nhanh chóng\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n      {\n        image: \"/images/solutions/img-feedback.svg\",\n        subtitle: \"Phản hồi ý kiến khách hàng\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n    ],\n  },\n  {\n    tab: \"manageReport\",\n    no: 3,\n    title: \"3. Báo cáo doanh thu, tài chính\",\n    content: [\n      {\n        image: \"/images/solutions/img-manage-content.svg\",\n        subtitle: \"Tinh chỉnh và tối ưu hóa việc quản lý doanh thu\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n      {\n        image: \"/images/solutions/img-manage-qrcode.svg\",\n        subtitle: \"Quản lý QR Code\",\n        description:\n          \"Hàng hoá được sắp xếp theo danh mục, quản lý bằng mã số riêng. Tùy biến đa dạng các kiểu phân loại sản phẩm.\",\n      },\n    ],\n  },\n];\n</script>\n\n<template>\n  <section\n    class=\"py-[120px] 2xl:container m-auto px-[40px] max-lg:p-10 max-md:p-4 bg-white lg:h-[576px] rounded-[48px] max-lg:rounded-[25px] relative\"\n  >\n    <div class=\"absolute max-lg:static max-lg:mb-3 right-[-30px] bottom-[-10px] z-10\">\n      <nuxt-picture\n        loading=\"lazy\"\n        src=\"/images/qrmarketing.png\"\n        :imgAttrs=\"{ alt: 'qrmarketing', width: 615, height: 617 }\"\n        class=\"mx-auto\"\n      />\n    </div>\n\n    <h1 class=\"text-secondary\">QR CODE MARKETING</h1>\n\n    <ul class=\"mt-9 list-disc lg:w-1/2\">\n      <li>Số hóa đa dạng thông tin chỉ qua QR Code với nhiều định dạng (Landing page, Video, Hình ảnh,…)</li>\n      <li class=\"mt-2\">Dễ dàng cập nhật và chỉnh sửa nội dung sau khi QR Code đã được in và phát hành.</li>\n      <li class=\"mt-2\">\n        Nâng cao sự nhận biết thương hiệu bằng cách tạo ra mã QR Code độc quyền được tùy chỉnh cho công ty..\n      </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\">Đăng ký ngay</button>\n      </a>\n    </div>\n  </section>\n\n  <section class=\"px-6 pt-[40px] 2xl:container m-auto 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 Marketing</h2>\n\n      <div class=\"subtitle-2 text-third mt-4\">\n        Hỗ trợ doanh nghiệp tương tác với người dùng thông qua việc sử dụng hành vi quét mã <br class=\"max-md:hidden\"> QR Code trong hoạt động tiếp\n        thị.\n      </div>\n    </div>\n\n    <SolutionBenefits :benefitData=\"benefitData\" />\n  </section>\n\n  <section class=\"mt-[80px] 2xl:container m-auto\">\n    <h2 class=\"text-center\">Tính năng nổi trội của gói giải pháp Marketing</h2>\n\n    <FeatureWarranty :sliders=\"featureWarrantySliders\" v-model:active-tab=\"activeFeatureTab\" />\n\n    <h3 class=\"text-center py-5 text-white bg-primary -mx-20 max-xl:-mx-4\">4. Tính năng quản lý QR Marketing</h3>\n\n    <Features :features=\"features\" />\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","imageLaptop3","imageLaptop4","imageLaptop5","image1","image2","image3","image4","image5","image7","imageBlackPhone","useHead","benefitData","features","activeFeatureTab","ref","featureWarrantySliders"],"mappings":"q3DACMA,EAAW,0BACXC,EACJ,kJAYIC,EAAe,iDACfC,EAAe,iDACfC,EAAe,iDAEfC,EAAS,sBACTC,EAAS,sBACTC,EAAS,sBACTC,EAAS,sBACTC,EAAS,sBACTC,EAAS,sBACTC,EAAkB,uFApBxBC,EAAQ,CACN,MAAOZ,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,mBAAqB,CACnD,CACH,CAAC,EAcD,MAAMY,EAAc,CAClB,CACE,CACE,SAAUR,EACV,KAAM,+GACP,EACD,CACE,SAAUE,EACV,KAAM,4GACP,EACD,CACE,SAAUG,EACV,KAAM,kHACP,CACF,EACDC,EACA,CACE,CACE,SAAUL,EACV,KAAM,yHACP,EACD,CACE,SAAUG,EACV,KAAM,qHACP,EACD,CACE,SAAUD,EACV,KAAM,oHACP,CACF,CACH,EAEMM,EAAW,CACf,CACE,KAAM,qFACN,aAAc,CACZ,oKACD,EACD,SAAUZ,CACX,EACD,CACE,KAAM,wEACN,aAAc,CACZ,2KACD,EACD,SAAUC,CACX,EACD,CACE,KAAM,uFACN,aAAc,CACZ,kHACA,iGACA,yEACD,EACD,SAAUC,CACX,CACH,EAEMW,EAAmBC,EAAI,eAAe,EACtCC,EAAyB,CAC7B,CACE,IAAK,gBACL,GAAI,EACJ,MAAO,sBACP,QAAS,CACP,CACE,MAAO,2CACP,SAAU,uCACV,YACE,8GACH,EACD,CACE,MAAO,0CACP,SAAU,kBACV,YACE,8GACH,CACF,CACF,EACD,CACE,IAAK,gBACL,GAAI,EACJ,MAAO,qBACP,QAAS,CACP,CACE,MAAO,2CACP,SAAU,qDACV,YACE,8GACH,EACD,CACE,MAAO,qCACP,SAAU,6BACV,YACE,8GACH,CACF,CACF,EACD,CACE,IAAK,eACL,GAAI,EACJ,MAAO,kCACP,QAAS,CACP,CACE,MAAO,2CACP,SAAU,kDACV,YACE,8GACH,EACD,CACE,MAAO,0CACP,SAAU,kBACV,YACE,8GACH,CACF,CACF,CACH"}