{"id":736,"date":"2026-02-12T04:46:17","date_gmt":"2026-02-12T04:46:17","guid":{"rendered":"https:\/\/sanphotonow.com\/?page_id=736"},"modified":"2026-08-28T09:20:02","modified_gmt":"2026-08-28T09:20:02","slug":"cau-hoi-thuong-gap","status":"publish","type":"page","link":"https:\/\/sanphotonow.com\/en\/cau-hoi-thuong-gap\/","title":{"rendered":"C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p"},"content":{"rendered":"\n\n\n<style>\n\/* =========================================================\n   NEXBOT FAQ PAGE\n   HTML \/ CSS \/ JS\n   Scoped CSS - h\u1ea1n ch\u1ebf \u1ea3nh h\u01b0\u1edfng website hi\u1ec7n t\u1ea1i\n========================================================= *\/\n\n.nxb-faq-page {\n  --nxb-primary: #2563eb;\n  --nxb-primary-dark: #1d4ed8;\n  --nxb-indigo: #4f46e5;\n  --nxb-cyan: #0ea5e9;\n\n  --nxb-text: #0f172a;\n  --nxb-text-2: #334155;\n  --nxb-muted: #64748b;\n  --nxb-light: #94a3b8;\n\n  --nxb-bg: #ffffff;\n  --nxb-bg-soft: #f8fbff;\n  --nxb-blue-soft: #eff6ff;\n\n  --nxb-border: #e2e8f0;\n  --nxb-border-blue: #dbeafe;\n\n  --nxb-shadow:\n    0 18px 60px rgba(30, 64, 175, 0.08);\n\n  width: 100%;\n\n  overflow: hidden;\n\n  color: var(--nxb-text);\n\n  background:\n    radial-gradient(\n      circle at 10% 4%,\n      rgba(37, 99, 235, 0.07),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 94% 8%,\n      rgba(79, 70, 229, 0.055),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfdff 100%\n    );\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n.nxb-faq-page *,\n.nxb-faq-page *::before,\n.nxb-faq-page *::after {\n  box-sizing: border-box;\n}\n\n.nxb-faq-page a {\n  text-decoration: none;\n}\n\n.nxb-faq-container {\n  width: min(1120px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.nxb-faq-hero {\n  padding: 78px 0 48px;\n}\n\n.nxb-faq-hero-inner {\n  max-width: 820px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.nxb-faq-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  margin-bottom: 18px;\n\n  color: var(--nxb-primary);\n\n  font-size: 13px;\n  font-weight: 750;\n\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.nxb-faq-eyebrow-icon {\n  width: 30px;\n  height: 30px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 9px;\n\n  color: var(--nxb-primary);\n\n  background: var(--nxb-blue-soft);\n\n  border: 1px solid var(--nxb-border-blue);\n}\n\n.nxb-faq-eyebrow-icon svg {\n  width: 15px;\n  height: 15px;\n}\n\n.nxb-faq-title {\n  margin: 0;\n\n  color: var(--nxb-text);\n\n  font-size: clamp(42px, 5vw, 64px);\n  line-height: 1.06;\n\n  font-weight: 780;\n  letter-spacing: -0.045em;\n}\n\n.nxb-faq-title span {\n  color: transparent;\n\n  background:\n    linear-gradient(\n      110deg,\n      #2563eb,\n      #4f46e5 55%,\n      #0ea5e9\n    );\n\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.nxb-faq-desc {\n  max-width: 680px;\n\n  margin: 20px auto 0;\n\n  color: var(--nxb-muted);\n\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   SEARCH BOX\n========================================================= *\/\n\n.nxb-faq-search-wrap {\n  max-width: 720px;\n\n  margin:\n    34px auto 0;\n}\n\n.nxb-faq-search {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  min-height: 58px;\n\n  padding:\n    0 17px;\n\n  border:\n    1px solid var(--nxb-border);\n\n  border-radius: 16px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  box-shadow:\n    0 14px 42px rgba(30,64,175,.07);\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.nxb-faq-search:focus-within {\n  border-color:\n    #93c5fd;\n\n  box-shadow:\n    0 0 0 4px rgba(37,99,235,.07),\n    0 16px 45px rgba(30,64,175,.08);\n}\n\n.nxb-faq-search svg {\n  width: 20px;\n  height: 20px;\n\n  flex: 0 0 20px;\n\n  color: var(--nxb-light);\n}\n\n.nxb-faq-search input {\n  width: 100%;\n\n  padding: 0;\n\n  outline: 0;\n  border: 0;\n\n  color: var(--nxb-text);\n\n  background: transparent;\n\n  font-family: inherit;\n  font-size: 14px;\n}\n\n.nxb-faq-search input::placeholder {\n  color: #94a3b8;\n}\n\n\n\/* =========================================================\n   CATEGORY FILTER\n========================================================= *\/\n\n.nxb-faq-filter-section {\n  padding:\n    4px 0 28px;\n}\n\n.nxb-faq-filters {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  overflow-x: auto;\n\n  padding:\n    8px 2px;\n\n  scrollbar-width: none;\n}\n\n.nxb-faq-filters::-webkit-scrollbar {\n  display: none;\n}\n\n.nxb-faq-filter-btn {\n  flex: 0 0 auto;\n\n  min-height: 40px;\n\n  padding:\n    0 15px;\n\n  border:\n    1px solid var(--nxb-border);\n\n  border-radius: 999px;\n\n  cursor: pointer;\n\n  color: var(--nxb-text-2);\n\n  background: #ffffff;\n\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: 650;\n\n  transition:\n    color .2s ease,\n    background .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n.nxb-faq-filter-btn:hover {\n  transform:\n    translateY(-1px);\n\n  border-color:\n    #bfdbfe;\n\n  color:\n    var(--nxb-primary);\n}\n\n.nxb-faq-filter-btn.is-active {\n  color: #ffffff;\n\n  border-color: transparent;\n\n  background:\n    linear-gradient(\n      110deg,\n      #4f46e5,\n      #2563eb\n    );\n\n  box-shadow:\n    0 9px 22px rgba(37,99,235,.17);\n}\n\n\n\/* =========================================================\n   FAQ MAIN\n========================================================= *\/\n\n.nxb-faq-main {\n  padding:\n    24px 0 90px;\n}\n\n.nxb-faq-layout {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr);\n\n  gap: 24px;\n}\n\n.nxb-faq-section-head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-bottom: 22px;\n}\n\n.nxb-faq-section-title {\n  margin: 0;\n\n  color: var(--nxb-text);\n\n  font-size: 28px;\n  line-height: 1.2;\n\n  font-weight: 760;\n  letter-spacing: -0.035em;\n}\n\n.nxb-faq-section-desc {\n  margin:\n    8px 0 0;\n\n  color: var(--nxb-muted);\n\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.nxb-faq-count {\n  flex: 0 0 auto;\n\n  display: inline-flex;\n  align-items: center;\n\n  gap: 7px;\n\n  padding:\n    9px 13px;\n\n  border:\n    1px solid var(--nxb-border-blue);\n\n  border-radius: 999px;\n\n  color: var(--nxb-primary);\n\n  background: var(--nxb-blue-soft);\n\n  font-size: 11px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   FAQ ITEMS\n========================================================= *\/\n\n.nxb-faq-list {\n  display: grid;\n  gap: 12px;\n}\n\n.nxb-faq-item {\n  overflow: hidden;\n\n  border:\n    1px solid var(--nxb-border);\n\n  border-radius: 18px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 28px rgba(30,64,175,.045);\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease,\n    transform .2s ease;\n}\n\n.nxb-faq-item:hover {\n  border-color:\n    #d6e4f8;\n\n  box-shadow:\n    0 14px 35px rgba(30,64,175,.075);\n}\n\n.nxb-faq-item.is-open {\n  border-color:\n    #bfdbfe;\n\n  box-shadow:\n    0 15px 42px rgba(30,64,175,.09);\n}\n\n.nxb-faq-question {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    44px 1fr 38px;\n\n  align-items: center;\n\n  gap: 14px;\n\n  padding:\n    19px 20px;\n\n  border: 0;\n\n  cursor: pointer;\n\n  text-align: left;\n\n  color: var(--nxb-text);\n\n  background: transparent;\n\n  font-family: inherit;\n}\n\n.nxb-faq-question-icon {\n  width: 44px;\n  height: 44px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 13px;\n\n  color: var(--nxb-primary);\n\n  background:\n    var(--nxb-blue-soft);\n\n  border:\n    1px solid var(--nxb-border-blue);\n}\n\n.nxb-faq-question-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.nxb-faq-question-content {\n  min-width: 0;\n}\n\n.nxb-faq-question-category {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--nxb-primary);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  letter-spacing: .055em;\n}\n\n.nxb-faq-question-title {\n  display: block;\n\n  color: var(--nxb-text);\n\n  font-size: 15px;\n  line-height: 1.5;\n\n  font-weight: 700;\n}\n\n.nxb-faq-toggle {\n  width: 36px;\n  height: 36px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 10px;\n\n  color: var(--nxb-primary);\n\n  background:\n    #f8fbff;\n\n  transition:\n    transform .25s ease,\n    color .2s ease,\n    background .2s ease;\n}\n\n.nxb-faq-toggle svg {\n  width: 16px;\n  height: 16px;\n\n  transition:\n    transform .25s ease;\n}\n\n.nxb-faq-item.is-open\n.nxb-faq-toggle {\n  color: #ffffff;\n\n  background:\n    var(--nxb-primary);\n}\n\n.nxb-faq-item.is-open\n.nxb-faq-toggle svg {\n  transform:\n    rotate(45deg);\n}\n\n\n\/* answer *\/\n\n.nxb-faq-answer {\n  display: grid;\n\n  grid-template-rows: 0fr;\n\n  transition:\n    grid-template-rows .3s ease;\n}\n\n.nxb-faq-item.is-open\n.nxb-faq-answer {\n  grid-template-rows: 1fr;\n}\n\n.nxb-faq-answer-inner {\n  min-height: 0;\n  overflow: hidden;\n}\n\n.nxb-faq-answer-content {\n  margin:\n    0 20px 20px 78px;\n\n  padding:\n    18px 20px;\n\n  border-radius: 14px;\n\n  color: var(--nxb-muted);\n\n  background:\n    #f8fbff;\n\n  border:\n    1px solid #edf3fb;\n\n  font-size: 13px;\n  line-height: 1.75;\n}\n\n.nxb-faq-answer-content p {\n  margin: 0;\n}\n\n.nxb-faq-answer-content p + p {\n  margin-top: 10px;\n}\n\n.nxb-faq-answer-content a {\n  color: var(--nxb-primary);\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   EMPTY STATE\n========================================================= *\/\n\n.nxb-faq-empty {\n  display: none;\n\n  padding:\n    48px 25px;\n\n  text-align: center;\n\n  border:\n    1px dashed #cbd5e1;\n\n  border-radius: 18px;\n\n  color: var(--nxb-muted);\n\n  background: #ffffff;\n}\n\n.nxb-faq-empty.is-visible {\n  display: block;\n}\n\n\n\/* =========================================================\n   SUPPORT CTA\n========================================================= *\/\n\n.nxb-faq-support {\n  padding:\n    0 0 95px;\n}\n\n.nxb-faq-support-box {\n  position: relative;\n\n  overflow: hidden;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 40px;\n\n  padding:\n    40px 44px;\n\n  border:\n    1px solid var(--nxb-border-blue);\n\n  border-radius: 26px;\n\n  background:\n    linear-gradient(\n      110deg,\n      #eff6ff,\n      #f8faff 55%,\n      #eef2ff\n    );\n}\n\n.nxb-faq-support-box::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  right: -90px;\n  top: -125px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(37,99,235,.11),\n      transparent 68%\n    );\n}\n\n.nxb-faq-support-copy {\n  position: relative;\n  z-index: 2;\n\n  max-width: 620px;\n}\n\n.nxb-faq-support-title {\n  margin: 0;\n\n  color: var(--nxb-text);\n\n  font-size: 27px;\n  line-height: 1.3;\n\n  font-weight: 750;\n\n  letter-spacing: -0.03em;\n}\n\n.nxb-faq-support-desc {\n  margin:\n    10px 0 0;\n\n  color: var(--nxb-muted);\n\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.nxb-faq-support-actions {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n}\n\n.nxb-faq-support-primary,\n.nxb-faq-support-secondary {\n  min-height: 48px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  padding:\n    0 17px;\n\n  border-radius: 12px;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  white-space: nowrap;\n}\n\n.nxb-faq-support-primary {\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      110deg,\n      #4f46e5,\n      #2563eb\n    );\n\n  box-shadow:\n    0 12px 28px rgba(37,99,235,.18);\n}\n\n.nxb-faq-support-secondary {\n  color: var(--nxb-primary);\n\n  background: #ffffff;\n\n  border:\n    1px solid var(--nxb-border-blue);\n}\n\n.nxb-faq-support-primary svg,\n.nxb-faq-support-secondary svg {\n  width: 16px;\n  height: 16px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n  .nxb-faq-support-box {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n}\n\n@media (max-width: 700px) {\n\n  .nxb-faq-container {\n    width:\n      min(100% - 28px, 1120px);\n  }\n\n  .nxb-faq-hero {\n    padding:\n      54px 0 38px;\n  }\n\n  .nxb-faq-title {\n    font-size:\n      clamp(38px, 12vw, 48px);\n  }\n\n  .nxb-faq-desc {\n    font-size: 15px;\n  }\n\n  .nxb-faq-filters {\n    justify-content: flex-start;\n  }\n\n  .nxb-faq-main {\n    padding:\n      18px 0 70px;\n  }\n\n  .nxb-faq-section-head {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .nxb-faq-question {\n    grid-template-columns:\n      40px 1fr 34px;\n\n    gap: 11px;\n\n    padding:\n      17px 15px;\n  }\n\n  .nxb-faq-question-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n  .nxb-faq-question-title {\n    font-size: 14px;\n  }\n\n  .nxb-faq-answer-content {\n    margin:\n      0 15px 15px;\n\n    padding:\n      16px;\n  }\n\n  .nxb-faq-support-box {\n    padding:\n      28px 22px;\n  }\n\n  .nxb-faq-support-actions {\n    width: 100%;\n    flex-direction: column;\n  }\n\n  .nxb-faq-support-primary,\n  .nxb-faq-support-secondary {\n    width: 100%;\n  }\n\n}\n<\/style>\n\n\n<section class=\"nxb-faq-page\">\n\n  <!-- =====================================================\n       HERO\n  ====================================================== -->\n\n  <section class=\"nxb-faq-hero\">\n\n    <div class=\"nxb-faq-container\">\n\n\n      <div class=\"nxb-faq-hero-inner\">\n\n\n        <div class=\"nxb-faq-eyebrow\">\n\n          <span class=\"nxb-faq-eyebrow-icon\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M9.8 9a2.5 2.5 0 0 1 4.8 1c0 2-2.6 2.2-2.6 4\"\/>\n              <path d=\"M12 17h.01\"\/>\n            <\/svg>\n\n          <\/span>\n\n          Trung t\u00e2m h\u1ed7 tr\u1ee3\n\n        <\/div>\n\n\n        <h1 class=\"nxb-faq-title\">\n\n          C\u00e2u h\u1ecfi\n\n          <span>\n            th\u01b0\u1eddng g\u1eb7p\n          <\/span>\n\n        <\/h1>\n\n\n        <p class=\"nxb-faq-desc\">\n\n          T\u00ecm c\u00e2u tr\u1ea3 l\u1eddi nhanh cho nh\u1eefng c\u00e2u h\u1ecfi ph\u1ed5 bi\u1ebfn\n          v\u1ec1 s\u1ea3n ph\u1ea9m, gi\u1ea3i ph\u00e1p, tri\u1ec3n khai v\u00e0 h\u1ed7 tr\u1ee3 t\u1eeb Nexbot.\n\n        <\/p>\n\n\n\n        <div class=\"nxb-faq-search-wrap\">\n\n          <label class=\"nxb-faq-search\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\n              <path d=\"M20 20l-3.5-3.5\"\/>\n            <\/svg>\n\n            <input\n              type=\"search\"\n              id=\"nxbFaqSearch\"\n              placeholder=\"T\u00ecm ki\u1ebfm c\u00e2u h\u1ecfi...\"\n              autocomplete=\"off\"\n            >\n\n          <\/label>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       FILTER\n  ====================================================== -->\n\n  <section class=\"nxb-faq-filter-section\">\n\n    <div class=\"nxb-faq-container\">\n\n      <div\n        class=\"nxb-faq-filters\"\n        id=\"nxbFaqFilters\"\n      ><\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       FAQ\n  ====================================================== -->\n\n  <section class=\"nxb-faq-main\">\n\n    <div class=\"nxb-faq-container\">\n\n\n      <div class=\"nxb-faq-layout\">\n\n\n        <div class=\"nxb-faq-section-head\">\n\n\n          <div>\n\n            <h2 class=\"nxb-faq-section-title\">\n              Gi\u1ea3i \u0111\u00e1p nhanh\n            <\/h2>\n\n            <p class=\"nxb-faq-section-desc\">\n              Ch\u1ecdn m\u1ed9t c\u00e2u h\u1ecfi \u0111\u1ec3 xem th\u00f4ng tin chi ti\u1ebft.\n            <\/p>\n\n          <\/div>\n\n\n          <div\n            class=\"nxb-faq-count\"\n            id=\"nxbFaqCount\"\n          >\n            0 c\u00e2u h\u1ecfi\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div\n          class=\"nxb-faq-list\"\n          id=\"nxbFaqList\"\n        ><\/div>\n\n\n\n        <div\n          class=\"nxb-faq-empty\"\n          id=\"nxbFaqEmpty\"\n        >\n\n          Kh\u00f4ng t\u00ecm th\u1ea5y c\u00e2u h\u1ecfi ph\u00f9 h\u1ee3p.\n          H\u00e3y th\u1eed t\u1eeb kh\u00f3a ho\u1eb7c chuy\u00ean m\u1ee5c kh\u00e1c.\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       SUPPORT CTA\n  ====================================================== -->\n\n  <section class=\"nxb-faq-support\">\n\n    <div class=\"nxb-faq-container\">\n\n\n      <div class=\"nxb-faq-support-box\">\n\n\n        <div class=\"nxb-faq-support-copy\">\n\n\n          <h2 class=\"nxb-faq-support-title\">\n\n            B\u1ea1n v\u1eabn ch\u01b0a t\u00ecm th\u1ea5y c\u00e2u tr\u1ea3 l\u1eddi?\n\n          <\/h2>\n\n\n          <p class=\"nxb-faq-support-desc\">\n\n            \u0110\u1ed9i ng\u0169 Nexbot lu\u00f4n s\u1eb5n s\u00e0ng h\u1ed7 tr\u1ee3\n            c\u00e1c c\u00e2u h\u1ecfi li\u00ean quan \u0111\u1ebfn s\u1ea3n ph\u1ea9m,\n            tri\u1ec3n khai gi\u1ea3i ph\u00e1p v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt.\n\n          <\/p>\n\n\n        <\/div>\n\n\n\n        <div class=\"nxb-faq-support-actions\">\n\n\n          <a\n            href=\"\/lien-he\/\"\n            class=\"nxb-faq-support-primary\"\n          >\n\n            Li\u00ean h\u1ec7 h\u1ed7 tr\u1ee3\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M5 12h14\"\/>\n              <path d=\"M13 6l6 6-6 6\"\/>\n            <\/svg>\n\n          <\/a>\n\n\n\n          <a\n            href=\"tel:02477700888\"\n            class=\"nxb-faq-support-secondary\"\n          >\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7 12.8 12.8 0 0 0 .7 2.8 2 2 0 0 1-.4 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4 12.8 12.8 0 0 0 2.8.7A2 2 0 0 1 22 16.9z\"\/>\n            <\/svg>\n\n            024 7770 0888\n\n          <\/a>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/section>\n\n<\/section>\n\n\n\n<script>\n(function () {\n\n  \/* =========================================================\n     D\u1eee LI\u1ec6U FAQ\n     Ch\u1ec9 c\u1ea7n s\u1eeda n\u1ed9i dung trong \u0111\u00e2y.\n  ========================================================= *\/\n\n  const faqData = [\n\n    {\n      id: 1,\n      category: \"S\u1ea3n ph\u1ea9m\",\n      question: \"Nexbot cung c\u1ea5p nh\u1eefng gi\u1ea3i ph\u00e1p n\u00e0o?\",\n      answer:\n        \"Nexbot cung c\u1ea5p c\u00e1c gi\u1ea3i ph\u00e1p \u1ee9ng d\u1ee5ng AI, t\u1ef1 \u0111\u1ed9ng h\u00f3a v\u00e0 c\u00f4ng ngh\u1ec7 s\u1ed1 d\u00e0nh cho doanh nghi\u1ec7p. T\u00f9y v\u00e0o nhu c\u1ea7u th\u1ef1c t\u1ebf, \u0111\u1ed9i ng\u0169 Nexbot c\u00f3 th\u1ec3 t\u01b0 v\u1ea5n gi\u1ea3i ph\u00e1p ph\u00f9 h\u1ee3p v\u1edbi t\u1eebng quy tr\u00ecnh v\u1eadn h\u00e0nh.\"\n    },\n\n    {\n      id: 2,\n      category: \"S\u1ea3n ph\u1ea9m\",\n      question: \"Gi\u1ea3i ph\u00e1p c\u1ee7a Nexbot c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh theo doanh nghi\u1ec7p kh\u00f4ng?\",\n      answer:\n        \"C\u00f3. Gi\u1ea3i ph\u00e1p c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u00f9y ch\u1ec9nh d\u1ef1a tr\u00ean m\u00f4 h\u00ecnh v\u1eadn h\u00e0nh, quy tr\u00ecnh nghi\u1ec7p v\u1ee5, d\u1eef li\u1ec7u v\u00e0 y\u00eau c\u1ea7u t\u00edch h\u1ee3p c\u1ee7a t\u1eebng doanh nghi\u1ec7p.\"\n    },\n\n    {\n      id: 3,\n      category: \"AI\",\n      question: \"AI c\u1ee7a Nexbot c\u00f3 th\u1ec3 h\u1ed7 tr\u1ee3 nh\u1eefng c\u00f4ng vi\u1ec7c n\u00e0o?\",\n      answer:\n        \"AI c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u1ee9ng d\u1ee5ng v\u00e0o nhi\u1ec1u nh\u00f3m c\u00f4ng vi\u1ec7c nh\u01b0 h\u1ed7 tr\u1ee3 kh\u00e1ch h\u00e0ng, tra c\u1ee9u th\u00f4ng tin, x\u1eed l\u00fd d\u1eef li\u1ec7u, h\u1ed7 tr\u1ee3 nh\u00e2n s\u1ef1, b\u00e1n h\u00e0ng, v\u1eadn h\u00e0nh n\u1ed9i b\u1ed9 v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a c\u00e1c t\u00e1c v\u1ee5 l\u1eb7p l\u1ea1i.\"\n    },\n\n    {\n      id: 4,\n      category: \"AI\",\n      question: \"AI Agent kh\u00e1c chatbot th\u00f4ng th\u01b0\u1eddng nh\u01b0 th\u1ebf n\u00e0o?\",\n      answer:\n        \"Chatbot truy\u1ec1n th\u1ed1ng ch\u1ee7 y\u1ebfu ph\u1ea3n h\u1ed3i d\u1ef1a tr\u00ean k\u1ecbch b\u1ea3n ho\u1eb7c h\u1ed9i tho\u1ea1i. AI Agent c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 hi\u1ec3u ng\u1eef c\u1ea3nh, ph\u1ed1i h\u1ee3p nhi\u1ec1u b\u01b0\u1edbc x\u1eed l\u00fd, s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 v\u00e0 th\u1ef1c hi\u1ec7n nhi\u1ec7m v\u1ee5 theo m\u1ee5c ti\u00eau c\u1ee5 th\u1ec3.\"\n    },\n\n    {\n      id: 5,\n      category: \"Tri\u1ec3n khai\",\n      question: \"Th\u1eddi gian tri\u1ec3n khai gi\u1ea3i ph\u00e1p Nexbot th\u01b0\u1eddng m\u1ea5t bao l\u00e2u?\",\n      answer:\n        \"Th\u1eddi gian tri\u1ec3n khai ph\u1ee5 thu\u1ed9c v\u00e0o ph\u1ea1m vi d\u1ef1 \u00e1n, m\u1ee9c \u0111\u1ed9 t\u00f9y ch\u1ec9nh v\u00e0 h\u1ec7 th\u1ed1ng c\u1ea7n t\u00edch h\u1ee3p. Sau khi ti\u1ebfp nh\u1eadn y\u00eau c\u1ea7u, Nexbot s\u1ebd \u0111\u00e1nh gi\u00e1 v\u00e0 \u0111\u01b0a ra k\u1ebf ho\u1ea1ch tri\u1ec3n khai c\u1ee5 th\u1ec3.\"\n    },\n\n    {\n      id: 6,\n      category: \"Tri\u1ec3n khai\",\n      question: \"Nexbot c\u00f3 h\u1ed7 tr\u1ee3 t\u00edch h\u1ee3p v\u1edbi h\u1ec7 th\u1ed1ng hi\u1ec7n t\u1ea1i c\u1ee7a doanh nghi\u1ec7p kh\u00f4ng?\",\n      answer:\n        \"C\u00f3. T\u00f9y t\u1eebng h\u1ec7 th\u1ed1ng v\u00e0 kh\u1ea3 n\u0103ng k\u1ebft n\u1ed1i, Nexbot c\u00f3 th\u1ec3 t\u01b0 v\u1ea5n ph\u01b0\u01a1ng \u00e1n t\u00edch h\u1ee3p v\u1edbi c\u00e1c n\u1ec1n t\u1ea3ng, d\u1eef li\u1ec7u ho\u1eb7c c\u00f4ng c\u1ee5 doanh nghi\u1ec7p \u0111ang s\u1eed d\u1ee5ng.\"\n    },\n\n    {\n      id: 7,\n      category: \"Chi ph\u00ed\",\n      question: \"Chi ph\u00ed s\u1eed d\u1ee5ng gi\u1ea3i ph\u00e1p Nexbot \u0111\u01b0\u1ee3c t\u00ednh nh\u01b0 th\u1ebf n\u00e0o?\",\n      answer:\n        \"Chi ph\u00ed ph\u1ee5 thu\u1ed9c v\u00e0o s\u1ea3n ph\u1ea9m, quy m\u00f4 s\u1eed d\u1ee5ng, s\u1ed1 l\u01b0\u1ee3ng t\u00ednh n\u0103ng, m\u1ee9c \u0111\u1ed9 t\u00f9y ch\u1ec9nh v\u00e0 y\u00eau c\u1ea7u tri\u1ec3n khai. B\u1ea1n c\u00f3 th\u1ec3 li\u00ean h\u1ec7 Nexbot \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n v\u00e0 nh\u1eadn b\u00e1o gi\u00e1 ph\u00f9 h\u1ee3p.\"\n    },\n\n    {\n      id: 8,\n      category: \"Chi ph\u00ed\",\n      question: \"Nexbot c\u00f3 g\u00f3i gi\u1ea3i ph\u00e1p d\u00e0nh cho doanh nghi\u1ec7p nh\u1ecf kh\u00f4ng?\",\n      answer:\n        \"C\u00f3 th\u1ec3. Nexbot s\u1ebd \u0111\u00e1nh gi\u00e1 nhu c\u1ea7u th\u1ef1c t\u1ebf \u0111\u1ec3 \u0111\u1ec1 xu\u1ea5t ph\u1ea1m vi gi\u1ea3i ph\u00e1p ph\u00f9 h\u1ee3p, tr\u00e1nh tri\u1ec3n khai qu\u00e1 nhi\u1ec1u t\u00ednh n\u0103ng kh\u00f4ng c\u1ea7n thi\u1ebft.\"\n    },\n\n    {\n      id: 9,\n      category: \"B\u1ea3o m\u1eadt\",\n      question: \"D\u1eef li\u1ec7u c\u1ee7a doanh nghi\u1ec7p c\u00f3 \u0111\u01b0\u1ee3c b\u1ea3o m\u1eadt kh\u00f4ng?\",\n      answer:\n        \"Nexbot \u01b0u ti\u00ean b\u1ea3o m\u1eadt d\u1eef li\u1ec7u trong qu\u00e1 tr\u00ecnh tri\u1ec3n khai v\u00e0 v\u1eadn h\u00e0nh. Ph\u01b0\u01a1ng \u00e1n x\u1eed l\u00fd d\u1eef li\u1ec7u s\u1ebd ph\u1ee5 thu\u1ed9c v\u00e0o t\u1eebng gi\u1ea3i ph\u00e1p, ki\u1ebfn tr\u00fac h\u1ec7 th\u1ed1ng v\u00e0 y\u00eau c\u1ea7u b\u1ea3o m\u1eadt c\u1ee5 th\u1ec3 c\u1ee7a doanh nghi\u1ec7p.\"\n    },\n\n    {\n      id: 10,\n      category: \"B\u1ea3o m\u1eadt\",\n      question: \"Nexbot c\u00f3 s\u1eed d\u1ee5ng d\u1eef li\u1ec7u c\u1ee7a kh\u00e1ch h\u00e0ng cho m\u1ee5c \u0111\u00edch kh\u00e1c kh\u00f4ng?\",\n      answer:\n        \"Vi\u1ec7c thu th\u1eadp v\u00e0 x\u1eed l\u00fd d\u1eef li\u1ec7u c\u1ea7n tu\u00e2n theo ph\u1ea1m vi d\u1ecbch v\u1ee5, th\u1ecfa thu\u1eadn li\u00ean quan v\u00e0 ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt \u00e1p d\u1ee5ng. Doanh nghi\u1ec7p n\u00ean xem ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt ho\u1eb7c li\u00ean h\u1ec7 Nexbot n\u1ebfu c\u1ea7n l\u00e0m r\u00f5 tr\u01b0\u1eddng h\u1ee3p c\u1ee5 th\u1ec3.\"\n    },\n\n    {\n      id: 11,\n      category: \"H\u1ed7 tr\u1ee3\",\n      question: \"T\u00f4i g\u1eb7p v\u1ea5n \u0111\u1ec1 k\u1ef9 thu\u1eadt th\u00ec li\u00ean h\u1ec7 Nexbot b\u1eb1ng c\u00e1ch n\u00e0o?\",\n      answer:\n        \"B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng trang Li\u00ean h\u1ec7, g\u1eedi email \u0111\u1ebfn support@sanphotonow.com ho\u1eb7c g\u1ecdi hotline 024 7770 0888 \u0111\u1ec3 g\u1eedi y\u00eau c\u1ea7u h\u1ed7 tr\u1ee3.\"\n    },\n\n    {\n      id: 12,\n      category: \"H\u1ed7 tr\u1ee3\",\n      question: \"Sau khi tri\u1ec3n khai, Nexbot c\u00f3 ti\u1ebfp t\u1ee5c h\u1ed7 tr\u1ee3 kh\u00f4ng?\",\n      answer:\n        \"C\u00f3.Th\u1eddi gian h\u1ed7 tr\u1ee3 sau tri\u1ec3n khai s\u1ebd ph\u1ee5 thu\u1ed9c v\u00e0o s\u1ea3n ph\u1ea9m, g\u00f3i d\u1ecbch v\u1ee5 ho\u1eb7c th\u1ecfa thu\u1eadn c\u1ee7a d\u1ef1 \u00e1n.\"\n    }\n\n  ];\n\n\n\n  \/* =========================================================\n     ELEMENTS\n  ========================================================= *\/\n\n  const faqList =\n    document.getElementById(\"nxbFaqList\");\n\n  const faqFilters =\n    document.getElementById(\"nxbFaqFilters\");\n\n  const faqSearch =\n    document.getElementById(\"nxbFaqSearch\");\n\n  const faqCount =\n    document.getElementById(\"nxbFaqCount\");\n\n  const faqEmpty =\n    document.getElementById(\"nxbFaqEmpty\");\n\n\n\n  \/* =========================================================\n     STATE\n  ========================================================= *\/\n\n  let activeCategory =\n    \"T\u1ea5t c\u1ea3\";\n\n  let searchKeyword =\n    \"\";\n\n\n\n  \/* =========================================================\n     ESCAPE HTML\n  ========================================================= *\/\n\n  function escapeHTML(value) {\n\n    if (\n      value === null ||\n      value === undefined\n    ) {\n      return \"\";\n    }\n\n    return String(value)\n      .replaceAll(\"&\", \"&amp;\")\n      .replaceAll(\"<\", \"&lt;\")\n      .replaceAll(\">\", \"&gt;\")\n      .replaceAll('\"', \"&quot;\")\n      .replaceAll(\"'\", \"&#039;\");\n\n  }\n\n\n\n  \/* =========================================================\n     GET CATEGORIES\n  ========================================================= *\/\n\n  function getCategories() {\n\n    return [\n      \"T\u1ea5t c\u1ea3\",\n      ...new Set(\n        faqData.map(function (item) {\n          return item.category;\n        })\n      )\n    ];\n\n  }\n\n\n\n  \/* =========================================================\n     RENDER FILTERS\n  ========================================================= *\/\n\n  function renderFilters() {\n\n    if (!faqFilters) {\n      return;\n    }\n\n    faqFilters.innerHTML =\n      getCategories()\n        .map(function (category) {\n\n          const activeClass =\n            category === activeCategory\n              ? \"is-active\"\n              : \"\";\n\n          return `\n            <button\n              type=\"button\"\n              class=\"nxb-faq-filter-btn ${activeClass}\"\n              data-category=\"${escapeHTML(category)}\"\n            >\n              ${escapeHTML(category)}\n            <\/button>\n          `;\n\n        })\n        .join(\"\");\n\n\n    faqFilters\n      .querySelectorAll(\".nxb-faq-filter-btn\")\n      .forEach(function (button) {\n\n        button.addEventListener(\n          \"click\",\n          function () {\n\n            activeCategory =\n              button.getAttribute(\"data-category\");\n\n            renderFilters();\n            renderFaqs();\n\n          }\n        );\n\n      });\n\n  }\n\n\n\n  \/* =========================================================\n     FILTER DATA\n  ========================================================= *\/\n\n  function getFilteredFaqs() {\n\n    const keyword =\n      searchKeyword\n        .trim()\n        .toLowerCase();\n\n    return faqData.filter(function (item) {\n\n      const matchCategory =\n        activeCategory === \"T\u1ea5t c\u1ea3\" ||\n        item.category === activeCategory;\n\n\n      const searchText =\n        (\n          item.question +\n          \" \" +\n          item.answer +\n          \" \" +\n          item.category\n        ).toLowerCase();\n\n\n      const matchSearch =\n        keyword === \"\" ||\n        searchText.includes(keyword);\n\n\n      return (\n        matchCategory &&\n        matchSearch\n      );\n\n    });\n\n  }\n\n\n\n  \/* =========================================================\n     ICON\n  ========================================================= *\/\n\n  function questionIcon() {\n\n    return `\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n        <path d=\"M9.8 9a2.5 2.5 0 0 1 4.8 1c0 2-2.6 2.2-2.6 4\"\/>\n        <path d=\"M12 17h.01\"\/>\n      <\/svg>\n    `;\n\n  }\n\n\n\n  \/* =========================================================\n     RENDER FAQ\n  ========================================================= *\/\n\n  function renderFaqs() {\n\n    if (!faqList) {\n      return;\n    }\n\n\n    const data =\n      getFilteredFaqs();\n\n\n    if (faqCount) {\n\n      faqCount.textContent =\n        data.length +\n        \" c\u00e2u h\u1ecfi\";\n\n    }\n\n\n    if (data.length === 0) {\n\n      faqList.innerHTML =\n        \"\";\n\n      if (faqEmpty) {\n        faqEmpty.classList.add(\n          \"is-visible\"\n        );\n      }\n\n      return;\n\n    }\n\n\n    if (faqEmpty) {\n\n      faqEmpty.classList.remove(\n        \"is-visible\"\n      );\n\n    }\n\n\n    faqList.innerHTML =\n      data\n        .map(function (item, index) {\n\n          \/*\n           * C\u00e2u \u0111\u1ea7u ti\u00ean m\u1edf s\u1eb5n\n           * khi kh\u00f4ng t\u00ecm ki\u1ebfm.\n           *\/\n\n          const openClass =\n            index === 0 &&\n            searchKeyword === \"\"\n              ? \"is-open\"\n              : \"\";\n\n\n          return `\n            <article\n              class=\"nxb-faq-item ${openClass}\"\n              data-id=\"${item.id}\"\n            >\n\n              <button\n                type=\"button\"\n                class=\"nxb-faq-question\"\n                aria-expanded=\"${\n                  openClass\n                    ? \"true\"\n                    : \"false\"\n                }\"\n              >\n\n                <span class=\"nxb-faq-question-icon\">\n\n                  ${questionIcon()}\n\n                <\/span>\n\n\n                <span class=\"nxb-faq-question-content\">\n\n                  <span class=\"nxb-faq-question-category\">\n\n                    ${escapeHTML(item.category)}\n\n                  <\/span>\n\n                  <span class=\"nxb-faq-question-title\">\n\n                    ${escapeHTML(item.question)}\n\n                  <\/span>\n\n                <\/span>\n\n\n                <span class=\"nxb-faq-toggle\">\n\n                  <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                  >\n                    <path d=\"M12 5v14\"\/>\n                    <path d=\"M5 12h14\"\/>\n                  <\/svg>\n\n                <\/span>\n\n              <\/button>\n\n\n              <div class=\"nxb-faq-answer\">\n\n                <div class=\"nxb-faq-answer-inner\">\n\n                  <div class=\"nxb-faq-answer-content\">\n\n                    <p>\n                      ${escapeHTML(item.answer)}\n                    <\/p>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/div>\n\n            <\/article>\n          `;\n\n        })\n        .join(\"\");\n\n\n    \/* Accordion *\/\n    faqList\n      .querySelectorAll(\".nxb-faq-question\")\n      .forEach(function (button) {\n\n        button.addEventListener(\n          \"click\",\n          function () {\n\n            const currentItem =\n              button.closest(\".nxb-faq-item\");\n\n            const currentlyOpen =\n              currentItem.classList.contains(\n                \"is-open\"\n              );\n\n\n            \/*\n             * Ch\u1ec9 m\u1edf 1 c\u00e2u m\u1ed9t l\u00fac.\n             *\/\n            faqList\n              .querySelectorAll(\".nxb-faq-item\")\n              .forEach(function (item) {\n\n                item.classList.remove(\n                  \"is-open\"\n                );\n\n                const itemButton =\n                  item.querySelector(\n                    \".nxb-faq-question\"\n                  );\n\n                if (itemButton) {\n\n                  itemButton.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                  );\n\n                }\n\n              });\n\n\n            if (!currentlyOpen) {\n\n              currentItem.classList.add(\n                \"is-open\"\n              );\n\n              button.setAttribute(\n                \"aria-expanded\",\n                \"true\"\n              );\n\n            }\n\n          }\n        );\n\n      });\n\n  }\n\n\n\n  \/* =========================================================\n     SEARCH\n  ========================================================= *\/\n\n  if (faqSearch) {\n\n    faqSearch.addEventListener(\n      \"input\",\n      function () {\n\n        searchKeyword =\n          faqSearch.value;\n\n        renderFaqs();\n\n      }\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     INIT\n  ========================================================= *\/\n\n  renderFilters();\n\n  renderFaqs();\n\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-736","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/pages\/736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/comments?post=736"}],"version-history":[{"count":15,"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/pages\/736\/revisions"}],"predecessor-version":[{"id":7488,"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/pages\/736\/revisions\/7488"}],"wp:attachment":[{"href":"https:\/\/sanphotonow.com\/en\/wp-json\/wp\/v2\/media?parent=736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}