{"id":3604,"date":"2025-06-16T04:33:12","date_gmt":"2025-06-15T21:33:12","guid":{"rendered":"https:\/\/avatar-jsc.com\/product\/services\/"},"modified":"2025-07-31T10:56:16","modified_gmt":"2025-07-31T03:56:16","slug":"services","status":"publish","type":"page","link":"https:\/\/avatar.com.vn\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3604\" class=\"elementor elementor-3604 elementor-54\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58c288ff elementor-section-stretched elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-height-default elementor-section-items-middle\" data-id=\"58c288ff\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11c7a578\" data-id=\"11c7a578\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f96397c elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"1f96397c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<!-- Flexy Breadcrumb -->\r\n\t\t\t<div class=\"fbc fbc-page\">\r\n\r\n\t\t\t\t<!-- Breadcrumb wrapper -->\r\n\t\t\t\t<div class=\"fbc-wrap\">\r\n\r\n\t\t\t\t\t<!-- Ordered list-->\r\n\t\t\t\t\t<ol class=\"fbc-items\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\r\n\t\t\t\t\t\t            <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n                <span itemprop=\"name\">\r\n                    <!-- Home Link -->\r\n                    <a itemprop=\"item\" href=\"https:\/\/avatar.com.vn\">\r\n                    \r\n                                                    <i class=\"fa fa-home\" aria-hidden=\"true\"><\/i>Home                    <\/a>\r\n                <\/span>\r\n                <meta itemprop=\"position\" content=\"1\" \/><!-- Meta Position-->\r\n             <\/li><li><span class=\"fbc-separator\">\u00bb<\/span><\/li><li class=\"active\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\" title=\"Services\">Services<\/span><meta itemprop=\"position\" content=\"2\" \/><\/li>\t\t\t\t\t<\/ol>\r\n\t\t\t\t\t<div class=\"clearfix\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-762fec0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"762fec0\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be15045\" data-id=\"be15045\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d79aeb8 elementor-widget elementor-widget-heading\" data-id=\"d79aeb8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Services<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a4a776 elementor-widget elementor-widget-heading\" data-id=\"9a4a776\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Comprehensive solutions for your needs<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c06ba elementor-widget elementor-widget-html\" data-id=\"b0c06ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"padding: 20px 0; margin: 0\">\r\n  <style>\r\n    @keyframes fadeInUp {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n    @keyframes pulse {\r\n      0% {\r\n        transform: scale(1);\r\n      }\r\n      50% {\r\n        transform: scale(1.05);\r\n      }\r\n      100% {\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .service-grid {\r\n        grid-template-columns: 1fr !important;\r\n      }\r\n    }\r\n\r\n    .service-card {\r\n      position: relative;\r\n      padding: 40px 30px;\r\n      border-radius: 20px;\r\n      text-align: center;\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n      animation: fadeInUp 1s ease-out;\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(10px);\r\n      min-height: 460px;\r\n    }\r\n\r\n    .service-card.has-bg {\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n    }\r\n\r\n    .service-card.has-bg::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: transparent;\r\n      z-index: 0;\r\n      border-radius: 20px;\r\n      transition: background 0.3s ease;\r\n    }\r\n\r\n    .service-card.has-bg:hover::before {\r\n      background: rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .service-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .service-card .content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      text-align: center;\r\n      height: 100%;\r\n      padding-bottom: 20px;\r\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 1;\r\n    }\r\n\r\n    .service-card .hover-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: none;\r\n    }\r\n    .service-card:hover .hover-content {\r\n      display: block;\r\n    }\r\n    .service-card:hover .content {\r\n      display: none;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 80px;\r\n      height: 80px;\r\n      margin: 0 auto 20px;\r\n      background: #5340ff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 2rem;\r\n      color: white;\r\n      animation: pulse 2s infinite;\r\n    }\r\n\r\n    .service-title {\r\n      font-size: 1.5rem;\r\n      margin-bottom: 15px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .service-description {\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .service-list {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .service-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      padding: 8px 0;\r\n      max-width: 280px;\r\n      position: relative;\r\n    }\r\n\r\n    .service-list li::before {\r\n      content: \"\u2713\";\r\n      color: #fff;\r\n      font-weight: bold;\r\n      margin-top: 2px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .service-btn {\r\n      display: inline-block;\r\n      padding: 12px 24px;\r\n      background: #5340ff;\r\n      color: white;\r\n      text-decoration: none;\r\n      border-radius: 8px;\r\n      font-weight: 500;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .service-btn:hover {\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n    }\r\n  <\/style>\r\n\r\n  <div style=\"max-width: 1200px; margin: 0 auto\">\r\n    <div\r\n      class=\"service-grid\"\r\n      style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px\"\r\n    >\r\n      <!-- T\u01b0 v\u1ea5n gi\u1ea3i ph\u00e1p -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Teamwork-Business-Image-scaled.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Solution Consulting<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            We provide professional consulting services to help you find the\r\n            optimal solution for any business problem.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/emoji\/48\/light-bulb-emoji.png\"\r\n              alt=\"Solution Consulting\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Solution Consulting<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">In-depth problem analysis<\/li>\r\n            <li style=\"color: #fff\">Multiple solution options<\/li>\r\n            <li style=\"color: #fff\">24\/7 consulting support<\/li>\r\n            <li style=\"color: #fff\">Implementation assistance<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/services\/solution-consulting\/\"\r\n          >\r\n            Learn more\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Tri\u1ec3n khai c\u00e0i \u0111\u1eb7t -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/AI-Generated-Illustration-scaled.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">System Installation<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Professional and efficient system deployment and installation\r\n            services.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/fluency\/48\/settings.png\"\r\n              alt=\"System Installation\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">System Installation<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Quick installation<\/li>\r\n            <li style=\"color: #fff\">Quality inspection<\/li>\r\n            <li style=\"color: #fff\">Long-term warranty<\/li>\r\n            <li style=\"color: #fff\">User training<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/services\/system-deployment\/\"\r\n            >Book now<\/a\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Technical-Support-Image-scaled.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Technical Support<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Our team of professional technicians is ready to support you\r\n            anytime, anywhere \u2014 remotely or on-site when needed.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/3d-fluency\/48\/tools.png\"\r\n              alt=\"Technical Support\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Technical Support<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">24\/7 support<\/li>\r\n            <li style=\"color: #fff\">Quick issue resolution<\/li>\r\n            <li style=\"color: #fff\">Scheduled maintenance<\/li>\r\n            <li style=\"color: #fff\">Free consultation<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/services\/technical-support\/\"\r\n          >\r\n            Contact now\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Ph\u00e1t tri\u1ec3n ph\u1ea7n m\u1ec1m -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Software-Picture-from-Unsplash-scaled.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Software Development\r\n          <\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Development of custom software applications tailored to each\r\n            client's specific needs.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/fluency\/48\/imac-settings.png\"\r\n              alt=\"Software Development\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Software Development\r\n          <\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Custom design<\/li>\r\n            <li style=\"color: #fff\">Modern technologies<\/li>\r\n            <li style=\"color: #fff\">Performance optimization<\/li>\r\n            <li style=\"color: #fff\">Operational support<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/services\/software-development\/\"\r\n          >\r\n            View projects\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><br>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services Comprehensive solutions for your needs Solution Consulting We provide professional consulting services to help you find the optimal solution for any business problem. Solution Consulting In-depth problem analysis Multiple solution options 24\/7 consulting support Implementation assistance Learn more System Installation Professional and efficient system deployment and installation services. System Installation Quick installation Quality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/3604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/comments?post=3604"}],"version-history":[{"count":4,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/3604\/revisions"}],"predecessor-version":[{"id":6109,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/3604\/revisions\/6109"}],"wp:attachment":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/media?parent=3604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}