{"id":355,"date":"2026-08-07T12:11:07","date_gmt":"2026-08-07T05:11:07","guid":{"rendered":"https:\/\/webbe.vn\/final\/?page_id=355"},"modified":"2026-08-07T13:26:56","modified_gmt":"2026-08-07T06:26:56","slug":"phat-trien-ung-dung-web","status":"publish","type":"page","link":"https:\/\/webbe.vn\/final\/dich-vu-noi-bat\/phat-trien-ung-dung-web\/","title":{"rendered":"PH\u00c1T TRI\u1ec2N \u1ee8NG D\u1ee4NG WEB"},"content":{"rendered":"\n\n\t<section class=\"section cyber-grid-bg\" id=\"section_673664986\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<p><!-- CSSTEXT & GOOGLE FONTS FOR CYBER THEME --><\/p>\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,700&display=swap');<\/p>\n<p>    :root {\n        --cyber-dark: #030712;\n        --cyber-darker: #01030a;\n        --cyber-card: #0b1120;\n        --cyber-blue: #3b82f6;\n        --cyber-blue-light: #60a5fa;\n        --cyber-emerald: #10b981;\n        --cyber-emerald-light: #34d399;\n        --cyber-violet: #8b5cf6;\n        --cyber-violet-light: #a78bfa;\n        --cyber-slate: #94a3b8;\n    }<\/p>\n<p>    .cyber-bg-dark { background-color: var(--cyber-dark) !important; }\n    .cyber-bg-darker { background-color: var(--cyber-darker) !important; }\n    .cyber-bg-card { background-color: var(--cyber-card) !important; }<\/p>\n<p>    .cyber-grid-bg {\n        background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.15) 1px, transparent 0);\n        background-size: 24px 24px;\n    }<\/p>\n<p>    .gradient-blue-text {\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }<\/p>\n<p>    .cyber-card-box {\n        background: #0b1120;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 16px;\n        padding: 24px;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .cyber-card-box:hover {\n        border-color: rgba(59, 130, 246, 0.4);\n        box-shadow: 0 0 25px rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .cyber-btn-primary {\n        background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #1d4ed8 100%) !important;\n        border: none !important;\n        border-radius: 12px !important;\n        font-weight: 700 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        color: #fff !important;\n        transition: all 0.3s ease !important;\n    }<\/p>\n<p>    .cyber-btn-primary:hover {\n        box-shadow: 0 0 25px rgba(59, 130, 246, 0.5) !important;\n    }<\/p>\n<p>    .cyber-badge {\n        display: inline-flex;\n        align-items: center;\n        padding: 6px 16px;\n        border-radius: 9999px;\n        background: rgba(59, 130, 246, 0.1);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        color: #60a5fa;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n    }<\/p>\n<p>    .arch-btn {\n        width: 100%;\n        text-align: left;\n        padding: 12px;\n        background: #030712;\n        border: 1px solid rgba(255,255,255,0.08);\n        border-radius: 10px;\n        color: #94a3b8;\n        cursor: pointer;\n        transition: all 0.2s;\n        margin-bottom: 8px;\n    }\n    .arch-btn.active {\n        background: #3b82f6;\n        color: #ffffff;\n        border-color: #3b82f6;\n    }<\/p>\n<p>    .custom-console {\n        background: #01030a;\n        border: 1px solid rgba(255,255,255,0.08);\n        border-radius: 8px;\n        padding: 12px;\n        font-family: monospace;\n        font-size: 11px;\n        color: #94a3b8;\n        height: 100px;\n        overflow-y: auto;\n    }\n<\/style>\n<p><!-- HERO SECTION NATIVE FLATSOME --><\/p>\n<div class=\"row align-center\"  id=\"row-659055963\">\n\n\n\t<div id=\"col-503482658\" class=\"col medium-10 small-12 large-10\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-badge\">\n                <span style=\"width:8px; height:8px; background:#10b981; border-radius:50%; display:inline-block; margin-right:8px;\"><\/span><br \/>\n                \u1ee8NG D\u1ee4NG WEB DOANH NGHI\u1ec6P TH\u1ebe H\u1ec6 M\u1edaI \u2013 B\u1ea2O M\u1eacT &#038; SI\u00caU T\u1ed0C\n            <\/div>\n<h1 class=\"gradient-blue-text\" style=\"font-family: 'Plus Jakarta Sans', sans-serif; font-size: 48px; font-weight: 800; margin-top: 20px; line-height: 1.2;\">\n                Thi\u1ebft K\u1ebf &#038; Ph\u00e1t Tri\u1ec3n<br \/>\u1ee8ng D\u1ee5ng Web Doanh Nghi\u1ec7p Hi\u1ec7u N\u0103ng C\u1ef1c H\u1ea1n<br \/>\n            <\/h1>\n<p style=\"color: #94a3b8; font-size: 16px; max-width: 750px; margin: 20px auto;\">\n                Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 l\u00e0m website. Ch\u00fang t\u00f4i l\u1eadp tr\u00ecnh c\u00e1c c\u1ed7 m\u00e1y ph\u1ea7n m\u1ec1m ch\u1ea1y tr\u00ean tr\u00ecnh duy\u1ec7t (Web App) t\u00f9y bi\u1ebfn s\u00e2u s\u1eafc, gi\u1ea3i quy\u1ebft b\u00e0i to\u00e1n nghi\u1ec7p v\u1ee5 ph\u1ee9c t\u1ea1p, v\u1eadn h\u00e0nh \u1ed5n \u0111\u1ecbnh tr\u01b0\u1edbc h\u00e0ng tri\u1ec7u ng\u01b0\u1eddi d\u00f9ng \u0111\u1ed3ng th\u1eddi.\n            <\/p>\n<a href=\"#kien-truc\" class=\"button primary is-large cyber-btn-primary\" >\n\t\t<span>Ki\u1ebfn T\u1ea1o Ki\u1ebfn Tr\u00fac Ngay<\/span>\n\t<\/a>\n\n\n<a href=\"#sandbox-tai\" class=\"button primary is-outline is-large cyber-btn-secondary\" >\n\t\t<span>Test T\u1ea3i M\u00e1y Ch\u1ee7 Live<\/span>\n\t<\/a>\n\n\n<p><!-- QUICK STATS ROW --><\/p>\n<div style=\"margin-top: 50px; background: #0b1120; border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 20px;\">\n<div class=\"row align-equal\"  id=\"row-641392488\">\n\n\n<\/div>\n\n\t<div id=\"col-2059557760\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<p><span style=\"color:#94a3b8; font-size:10px; text-transform:uppercase; font-weight:bold;\">T\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i (API)<\/span><\/p>\n<p style=\"color:#60a5fa; font-size:22px; font-weight:800; margin:0;\">&lt; 50ms<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-142707355\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<p>                        <span style=\"color:#94a3b8; font-size:10px; text-transform:uppercase; font-weight:bold;\">Cam k\u1ebft \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh<\/span><\/p>\n<p style=\"color:#34d399; font-size:22px; font-weight:800; margin:0;\">99.99% Uptime<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-688556395\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<p>                        <span style=\"color:#94a3b8; font-size:10px; text-transform:uppercase; font-weight:bold;\">Ki\u1ebfn Tr\u00fac H\u1ea1 T\u1ea7ng<\/span><\/p>\n<p style=\"color:#ffffff; font-size:22px; font-weight:800; margin:0;\">Microservices<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1642269068\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<p>                        <span style=\"color:#94a3b8; font-size:10px; text-transform:uppercase; font-weight:bold;\">Th\u1eddi Gian B\u00e0n Giao<\/span><\/p>\n<p style=\"color:#a78bfa; font-size:22px; font-weight:800; margin:0;\">T\u1eeb 4 Tu\u1ea7n<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n[\/row_inner]\n            <\/p>\n<\/div>\n<p>        [\/col]\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_673664986 {\n  padding-top: 80px;\n  padding-bottom: 80px;\n  background-color: #01030a;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1119311443\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<p><!-- SECTION 2: TH\u1ebe M\u1ea0NH K\u1ef8 THU\u1eacT --><\/p>\n<div class=\"row align-center\"  id=\"row-458235670\">\n\n\n\t<div id=\"col-1738091356\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<p>            <span style=\"color:#3b82f6; font-size:12px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;\">K\u1ef8 NGH\u1ec6 \u0110\u1ed8C B\u1ea2N<\/span><\/p>\n<h2 style=\"color:#fff; font-size:32px; font-weight:700; margin-top:10px;\">T\u1ea1i sao doanh nghi\u1ec7p c\u1ea7n Web Application Chuy\u00ean Bi\u1ec7t?<\/h2>\n<p style=\"color:#94a3b8; font-size:14px;\">C\u00e1c CMS k\u00e9o th\u1ea3 th\u00f4ng th\u01b0\u1eddng s\u1ebd g\u1ee5c ng\u00e3 khi c\u01a1 s\u1edf d\u1eef li\u1ec7u ph\u00ecnh to v\u00e0 kh\u00f4ng th\u1ec3 x\u1eed l\u00fd c\u00e1c nghi\u1ec7p v\u1ee5 t\u1ef1 \u0111\u1ed9ng h\u00f3a \u0111\u1eb7c th\u00f9.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row align-equal\"  id=\"row-902717502\">\n\n\n\t<div id=\"col-735348120\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\">\n<h3 style=\"color:#fff; font-size:18px; font-weight:700;\">Ki\u1ebfn Tr\u00fac Headless<\/h3>\n<p style=\"color:#94a3b8; font-size:13px; line-height:1.6;\">T\u00e1ch bi\u1ec7t ho\u00e0n to\u00e0n giao di\u1ec7n Frontend (React\/Next.js) v\u00e0 c\u01a1 s\u1edf d\u1eef li\u1ec7u Backend API. \u0110\u1ea3m b\u1ea3o giao di\u1ec7n m\u01b0\u1ee3t nh\u01b0 \u1ee9ng d\u1ee5ng b\u1ea3n \u0111\u1ecba v\u00e0 b\u1ea3o m\u1eadt tuy\u1ec7t \u0111\u1ed1i.<\/p>\n<\/p>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2098102419\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\">\n<h3 style=\"color:#fff; font-size:18px; font-weight:700;\">X\u1eed l\u00fd Big Data &#038; Caching<\/h3>\n<p style=\"color:#94a3b8; font-size:13px; line-height:1.6;\">Thi\u1ebft k\u1ebf t\u1ed1i \u01b0u v\u1edbi PostgreSQL, MongoDB ho\u1eb7c Redis Caching. H\u1ec7 th\u1ed1ng d\u1ec5 d\u00e0ng x\u1eed l\u00fd h\u00e0ng tri\u1ec7u b\u1ea3n ghi kh\u00e1ch h\u00e0ng m\u00e0 kh\u00f4ng l\u00e0m ch\u1eadm s\u1ee5t gi\u1ea3m hi\u1ec7u n\u0103ng.<\/p>\n<\/p>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-364591305\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\">\n<h3 style=\"color:#fff; font-size:18px; font-weight:700;\">B\u1ea3o M\u1eadt Chu\u1ea9n Doanh Nghi\u1ec7p<\/h3>\n<p style=\"color:#94a3b8; font-size:13px; line-height:1.6;\">\u00c1p d\u1ee5ng m\u00e3 h\u00f3a hai \u0111\u1ea7u JWT, x\u00e1c th\u1ef1c \u0111a nh\u00e2n t\u1ed1 MFA, ph\u00f2ng ch\u1ed1ng l\u1ed7 h\u1ed5ng OWASP Top 10 v\u00e0 t\u00edch h\u1ee3p s\u1eb5n Cloudflare b\u1ea3o v\u1ec7 DDoS t\u1ef1 \u0111\u1ed9ng.<\/p>\n<\/p>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1119311443 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: #030712;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_942385424\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<p><!-- SECTION 3: INTERACTIVE ARCHITECT BLUEPRINT --><\/p>\n<div class=\"row align-center\"  id=\"row-1928276990\">\n\n\n\t<div id=\"col-284030664\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<p>            <span style=\"color:#3b82f6; font-size:12px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;\">INTERACTIVE ARCHITECT<\/span><\/p>\n<h2 style=\"color:#fff; font-size:32px; font-weight:700; margin-top:10px;\">Tr\u00ecnh Thi\u1ebft K\u1ebf S\u01a1 \u0110\u1ed3 Ki\u1ebfn Tr\u00fac Web App<\/h2>\n<p style=\"color:#94a3b8; font-size:14px;\">Ch\u1ecdn m\u00f4 h\u00ecnh d\u1ef1 \u00e1n \u0111\u1ec3 h\u1ec7 th\u1ed1ng t\u1ef1 \u0111\u1ed9ng xu\u1ea5t c\u1ea5u tr\u00fac h\u1ea1 t\u1ea7ng c\u00f4ng ngh\u1ec7 (Tech Stack) t\u1ed1i \u01b0u nh\u1ea5t.<\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row align-equal\"  id=\"row-1054621517\">\n\n<p><!-- PANEL B\u00caN TR\u00c1I --><\/p>\n\n\t<div id=\"col-2129494758\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\">\n                <label style=\"color:#94a3b8; font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;\">1. Ch\u1ecdn Lo\u1ea1i \u1ee8ng D\u1ee5ng Web<\/label><\/p>\n<p>                <button type=\"button\" onclick=\"selectFlatsomeAppType('saas')\" id=\"fs-btn-saas\" class=\"arch-btn active\"><br \/>\n                    <strong>SaaS Platform<\/strong><br \/><small style=\"font-size:10px;\">Ph\u1ea7n m\u1ec1m thu\u00ea bao<\/small><br \/>\n                <\/button><br \/>\n                <button type=\"button\" onclick=\"selectFlatsomeAppType('crm')\" id=\"fs-btn-crm\" class=\"arch-btn\"><br \/>\n                    <strong>ERP \/ CRM Portal<\/strong><br \/><small style=\"font-size:10px;\">Nghi\u1ec7p v\u1ee5 n\u1ed9i b\u1ed9<\/small><br \/>\n                <\/button><br \/>\n                <button type=\"button\" onclick=\"selectFlatsomeAppType('ecommerce')\" id=\"fs-btn-ecommerce\" class=\"arch-btn\"><br \/>\n                    <strong>B2B E-Commerce<\/strong><br \/><small style=\"font-size:10px;\">Th\u01b0\u01a1ng m\u1ea1i headless<\/small><br \/>\n                <\/button><br \/>\n                <button type=\"button\" onclick=\"selectFlatsomeAppType('realtime')\" id=\"fs-btn-realtime\" class=\"arch-btn\"><br \/>\n                    <strong>Real-time Dashboard<\/strong><br \/><small style=\"font-size:10px;\">D\u1eef li\u1ec7u th\u1eddi gian th\u1ef1c<\/small><br \/>\n                <\/button><\/p>\n<div style=\"margin-top:20px; padding-top:15px; border-top:1px solid rgba(255,255,255,0.08);\">\n<div style=\"display:flex; justify-content:space-between; color:#94a3b8; font-size:12px;\">\n                        <span>Th\u1eddi gian l\u1eadp tr\u00ecnh d\u1ef1 ki\u1ebfn:<\/span><br \/>\n                        <strong id=\"fs-delivery-time\" style=\"color:#fff;\">~ 6 Tu\u1ea7n<\/strong>\n                    <\/div>\n<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<p><!-- M\u00c0N H\u00ccNH B\u1ea2N V\u1ebc B\u00caN PH\u1ea2I --><\/p>\n\n\t<div id=\"col-38223501\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\" style=\"height:100%; display:flex; flex-direction:column; justify-between;\">\n<div style=\"display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:10px; margin-bottom:15px;\">\n                    <span style=\"color:#94a3b8; font-size:11px; font-family:monospace;\">SYSTEM BLUEPRINT GENERATOR<\/span><br \/>\n                    <span id=\"fs-blueprint-badge\" style=\"background:rgba(59,130,246,0.2); color:#60a5fa; font-size:10px; padding:2px 8px; border-radius:4px; font-weight:bold;\">SaaS CONFIG<\/span>\n                <\/div>\n<div id=\"fs-blueprint-nodes\" style=\"display:flex; flex-direction:column; gap:12px;\">\n                    <!-- JS S\u1ebc RENDER NODES T\u1ea0I \u0110\u00c2Y -->\n                <\/div>\n<\/p>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_942385424 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: #01030a;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_386266965\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<p><!-- SECTION 4: SIMULATION LAB & D\u1ef0 TO\u00c1N NG\u00c2N S\u00c1CH --><\/p>\n<div class=\"row align-center\"  id=\"row-776139147\">\n\n\n\t<div id=\"col-1680290084\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n<p>            <span style=\"color:#10b981; font-size:12px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;\">COST ESTIMATOR<\/span><\/p>\n<h2 style=\"color:#fff; font-size:32px; font-weight:700; margin-top:10px;\">C\u1ea5u H\u00ecnh Ng\u00e2n S\u00e1ch D\u1ef1 \u00c1n Web App<\/h2>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row align-equal\"  id=\"row-407281016\">\n\n<p><!-- B\u1ea2NG C\u1ea4U H\u00ccNH --><\/p>\n\n\t<div id=\"col-1349769364\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\">\n                <label style=\"color:#94a3b8; font-size:11px; font-weight:bold; text-transform:uppercase;\">S\u1ed1 l\u01b0\u1ee3ng vai tr\u00f2 ng\u01b0\u1eddi d\u00f9ng (User Roles)<\/label><\/p>\n<div style=\"display:flex; justify-content:space-between; color:#fff; font-size:12px; margin-bottom:5px;\">\n                    <span>Admin, Nh\u00e2n vi\u00ean, Kh\u00e1ch h\u00e0ng&#8230;<\/span><br \/>\n                    <strong id=\"fs-roles-label\" style=\"color:#60a5fa;\">3 Roles<\/strong>\n                <\/div>\n<p>                <input type=\"range\" id=\"fs-input-roles\" min=\"1\" max=\"10\" value=\"3\" oninput=\"calculateFsCost()\" style=\"width:100%; margin-bottom:20px;\"><\/p>\n<p>                <label style=\"color:#94a3b8; font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:10px;\">T\u00edch h\u1ee3p t\u00ednh n\u0103ng m\u1edf r\u1ed9ng<\/label><\/p>\n<div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:10px;\">\n                    <label style=\"color:#fff; font-size:12px; background:#01030a; padding:10px; border-radius:8px; display:flex; align-items:center;\"><br \/>\n                        <input type=\"checkbox\" id=\"fs-chk-payment\" checked onchange=\"calculateFsCost()\" style=\"margin-right:8px;\"> C\u1ed5ng Thanh To\u00e1n<br \/>\n                    <\/label><br \/>\n                    <label style=\"color:#fff; font-size:12px; background:#01030a; padding:10px; border-radius:8px; display:flex; align-items:center;\"><br \/>\n                        <input type=\"checkbox\" id=\"fs-chk-crm\" checked onchange=\"calculateFsCost()\" style=\"margin-right:8px;\"> \u0110\u1ed3ng b\u1ed9 CRM\/ERP<br \/>\n                    <\/label><br \/>\n                    <label style=\"color:#fff; font-size:12px; background:#01030a; padding:10px; border-radius:8px; display:flex; align-items:center;\"><br \/>\n                        <input type=\"checkbox\" id=\"fs-chk-realtime\" onchange=\"calculateFsCost()\" style=\"margin-right:8px;\"> Th\u1eddi Gian Th\u1ef1c (WebSockets)<br \/>\n                    <\/label><br \/>\n                    <label style=\"color:#fff; font-size:12px; background:#01030a; padding:10px; border-radius:8px; display:flex; align-items:center;\"><br \/>\n                        <input type=\"checkbox\" id=\"fs-chk-ai\" onchange=\"calculateFsCost()\" style=\"margin-right:8px;\"> Tr\u00ed Tu\u1ec7 Nh\u00e2n T\u1ea1o (AI API)<br \/>\n                    <\/label>\n                <\/div>\n<\/p>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<p><!-- H\u00d3A \u0110\u01a0N D\u1ef0 TO\u00c1N --><\/p>\n\n\t<div id=\"col-125258681\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"cyber-card-box\" style=\"display:flex; flex-direction:column; justify-content:space-between;\">\n<div>\n<h4 style=\"color:#fff; font-size:16px; font-weight:700; margin-bottom:15px;\">D\u1ef1 To\u00e1n Chi Ph\u00ed \u0110\u1ea7u T\u01b0<\/h4>\n<div style=\"background:#01030a; border-radius:10px; padding:15px; font-family:monospace; font-size:12px; color:#94a3b8;\">\n<div style=\"display:flex; justify-content:space-between; margin-bottom:8px;\">\n                            <span>C\u1ed1t l\u00f5i Web App:<\/span><br \/>\n                            <span style=\"color:#fff;\">60,000,000 \u0111<\/span>\n                        <\/div>\n<div style=\"display:flex; justify-content:space-between; margin-bottom:8px;\">\n                            <span>T\u00f9y bi\u1ebfn <span id=\"fs-inv-roles\">3<\/span> Roles:<\/span><br \/>\n                            <span id=\"fs-inv-roles-cost\" style=\"color:#fff;\">15,000,000 \u0111<\/span>\n                        <\/div>\n<div style=\"display:flex; justify-content:space-between; margin-bottom:8px;\">\n                            <span>H\u1ec7 th\u1ed1ng T\u00edch h\u1ee3p:<\/span><br \/>\n                            <span id=\"fs-inv-int-cost\" style=\"color:#fff;\">15,000,000 \u0111<\/span>\n                        <\/div>\n<div style=\"border-top:1px solid rgba(255,255,255,0.08); padding-top:10px; display:flex; justify-content:space-between; font-weight:bold; font-size:14px;\">\n                            <span style=\"color:#fff;\">T\u1ed4NG NGH\u00c2N S\u00c1CH:<\/span><br \/>\n                            <span id=\"fs-inv-total\" style=\"color:#60a5fa;\">90,000,000 \u0111<\/span>\n                        <\/div>\n<\/p>\n<\/div>\n<\/div>\n<a href=\"#khoi-chay\" class=\"button primary is-margin-top:20px; expand cyber-btn-primary\" >\n\t\t<span>G\u1eedi Y\u00eau C\u1ea7u V\u1edbi B\u00e1o Gi\u00e1 N\u00e0y<\/span>\n\t<\/a>\n\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_386266965 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: #030712;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":419,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-355","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":4,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/355\/revisions\/367"}],"up":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/419"}],"wp:attachment":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/media?parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}