{"id":144,"date":"2026-08-29T07:16:26","date_gmt":"2026-08-29T07:16:26","guid":{"rendered":"https:\/\/protos.vn\/?page_id=144"},"modified":"2026-09-28T15:26:51","modified_gmt":"2026-09-28T15:26:51","slug":"gioi-thieu","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/ve-protos\/gioi-thieu\/","title":{"rendered":"About us"},"content":{"rendered":"<div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"about\" data-module=\"ve-protos\" data-route=\"\/ve-protos\/gioi-thieu\">\r\n    <div id=\"protos-main\" tabindex=\"-1\">\r\n<!-- SELF-CONTAINED CSS: Single Scrollbar Architecture & Theme Isolation -->\r\n<style id=\"protos-about-promax-css\">\r\nhtml {\r\n    overflow-x: hidden !important;\r\n    overflow-y: scroll !important;\r\n    scrollbar-gutter: stable;\r\n}\r\n\r\nbody.protos-content-page,\r\nbody.protos-content-page #wrapper,\r\nbody.protos-content-page #main,\r\n.protos-full-page,\r\n#protos-app.protos-site,\r\n#protos-main {\r\n    background-color: #ffffff !important;\r\n    color: #0f172a !important;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    overflow-x: visible !important;\r\n    overflow-y: visible !important;\r\n    max-height: none !important;\r\n    height: auto !important;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody.protos-content-page #header:not(.v-header):not(.p-header),\r\nbody.protos-content-page header#header:not(.v-header):not(.p-header),\r\nbody.protos-content-page .header-wrapper:not(:has(.v-header)),\r\nbody.protos-content-page #masthead,\r\nbody.protos-content-page .absolute-footer {\r\n    display: none !important;\r\n    height: 0 !important;\r\n    visibility: hidden !important;\r\n}\r\n\r\n.px-section {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(64px, 7vw, 110px) 0;\r\n    overflow-x: clip;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n    box-sizing: border-box;\r\n}\r\n\r\n.px-container {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin-inline: auto;\r\n    padding-inline: clamp(16px, 4vw, 32px);\r\n    position: relative;\r\n    z-index: 2;\r\n    box-sizing: border-box;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .px-br-desktop { display: none !important; }\r\n}\r\n@media (min-width: 769px) {\r\n    .px-br-desktop { display: inline !important; }\r\n}\r\n\r\n.px-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 6px 14px;\r\n    border-radius: 999px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: #94a3b8;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.px-status-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #10b981;\r\n    box-shadow: 0 0 10px #10b981;\r\n    animation: px-pulse 2s infinite;\r\n}\r\n\r\n@keyframes px-pulse {\r\n    0% { transform: scale(0.95); opacity: 0.8; }\r\n    50% { transform: scale(1.15); opacity: 1; }\r\n    100% { transform: scale(0.95); opacity: 0.8; }\r\n}\r\n\r\n.px-gradient-text {\r\n    background: linear-gradient(135deg, #ffffff 0%, #38bdf8 50%, #818cf8 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.px-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 48px;\r\n    padding: 12px 26px;\r\n    border-radius: 999px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.px-btn-primary {\r\n    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n    color: #ffffff !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-shadow: 0 8px 24px -6px rgba(37, 99, 235, 0.5);\r\n}\r\n\r\n.px-btn-primary:hover {\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 28px -4px rgba(37, 99, 235, 0.7);\r\n    color: #ffffff !important;\r\n}\r\n\r\n.px-btn-secondary {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    color: #0f172a !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n.px-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Values Grid *\/\r\n.px-values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 28px;\r\n    margin-top: 50px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .px-values-grid { grid-template-columns: 1fr; gap: 20px; }\r\n}\r\n\r\n.px-value-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 22px;\r\n    padding: 34px 30px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.px-value-card:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(37, 99, 235, 0.4);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8), 0 0 25px rgba(37, 99, 235, 0.15);\r\n}\r\n\r\n.px-value-num {\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #38bdf8;\r\n    letter-spacing: 0.1em;\r\n    margin-bottom: 12px;\r\n    display: inline-block;\r\n}\r\n\r\n.px-value-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.px-value-desc {\r\n    font-size: 14px;\r\n    color: #94a3b8;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* Metric highlights rail *\/\r\n.px-metrics-rail {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 50px;\r\n}\r\n@media (max-width: 900px) {\r\n    .px-metrics-rail { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 480px) {\r\n    .px-metrics-rail { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-metric-box {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.07);\r\n    border-radius: 18px;\r\n    padding: 24px;\r\n    text-align: center;\r\n    transition: all 0.25s ease;\r\n}\r\n.px-metric-box:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(37, 99, 235, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n.px-metric-val {\r\n    font-size: clamp(28px, 3.2vw, 40px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n}\r\n.px-metric-lbl {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Agency Consultation Banner *\/\r\n.px-cta-banner {\r\n    background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.22) 0%, rgba(13, 17, 23, 0.95) 100%);\r\n    border: 1px solid rgba(37, 99, 235, 0.35);\r\n    border-radius: 24px;\r\n    padding: clamp(36px, 5vw, 64px);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 60px -20px rgba(0, 0, 0, 0.9), 0 0 50px rgba(37, 99, 235, 0.2);\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 1: HERO ABOUT -->\r\n<section class=\"px-section\" id=\"about-hero\" style=\"border-top: none; padding-top: clamp(45px, 6vw, 85px);\">\r\n    <div class=\"px-container\">\r\n        \r\n        <div style=\"text-align: center; max-width: 900px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span class=\"px-status-dot\"><\/span>\r\n                <span>DIGITAL ARCHITECTS &amp; REVENUE ACCELERATORS<\/span>\r\n            <\/div>\r\n            \r\n            <h1 style=\"font-size: clamp(28px, 4.2vw, 54px); font-weight: 800; line-height: 1.15; letter-spacing: -0.03em; color: #ffffff; margin: 0 0 22px 0;\">\r\n                                    We Are PROTOS.<br class=\"px-br-desktop\"><span class=\"px-gradient-text\">Engineering Tomorrow's Market Leaders.<\/span>\r\n                            <\/h1>\r\n            \r\n            <p style=\"font-size: clamp(15px, 1.8vw, 17px); line-height: 1.7; color: #94a3b8; max-width: 740px; margin: 0 auto;\">\r\n                Rejecting templated mediocrity and vanity metrics, PROTOS fuses Awwwards-tier visual design with ruthless conversion engineering to build unstoppable commercial advantages for our partners.            <\/p>\r\n\r\n            <div style=\"display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 36px;\">\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn px-btn-primary\">\r\n                    <span>Connect With Our Directors<\/span>\r\n                    <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/protos.vn\/en\/dich-vu\/\" class=\"px-btn px-btn-secondary\">\r\n                    <span>Explore Services<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4 Proven Impact Numbers -->\r\n        <div class=\"px-metrics-rail\">\r\n            <div class=\"px-metric-box\">\r\n                <div class=\"px-metric-val px-gradient-text\">+310%<\/div>\r\n                <div class=\"px-metric-lbl\">Average digital revenue growth<\/div>\r\n            <\/div>\r\n            <div class=\"px-metric-box\">\r\n                <div class=\"px-metric-val px-gradient-text\">98.4%<\/div>\r\n                <div class=\"px-metric-lbl\">Client satisfaction &amp; renewal<\/div>\r\n            <\/div>\r\n            <div class=\"px-metric-box\">\r\n                <div class=\"px-metric-val px-gradient-text\">100%<\/div>\r\n                <div class=\"px-metric-lbl\">Clean code &amp; full IP handover<\/div>\r\n            <\/div>\r\n            <div class=\"px-metric-box\">\r\n                <div class=\"px-metric-val px-gradient-text\">&lt; 2 Gi\u1edd<\/div>\r\n                <div class=\"px-metric-lbl\">Technical support SLA response<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 2: 4 TRI\u1ebeT L\u00dd H\u00c0NH \u0110\u1ed8NG C\u1ee6A PROTOS -->\r\n<section class=\"px-section\" id=\"philosophy\">\r\n    <div class=\"px-container\">\r\n        \r\n        <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span class=\"px-status-dot\"><\/span>\r\n                <span>OUR CORE ENGINEERING PHILOSOPHY<\/span>\r\n            <\/div>\r\n            <h2 style=\"font-size: clamp(24px, 3.2vw, 42px); font-weight: 800; color: #ffffff; margin: 0 0 16px 0; letter-spacing: -0.03em;\">\r\n                                    4 Uncompromising Standards<br class=\"px-br-desktop\"><span class=\"px-gradient-text\">That Set PROTOS Apart<\/span>\r\n                            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"px-values-grid\">\r\n            \r\n            <div class=\"px-value-card\">\r\n                <div class=\"px-value-num\">01 \/ CLEAN CODE & SPEED<\/div>\r\n                <h3 class=\"px-value-title\">Lean Code Architecture &amp; Supreme Speed<\/h3>\r\n                <p class=\"px-value-desc\">We strictly ban sluggish page builders and bloated plugins. Every line of code is meticulously hand-crafted for Google PageSpeed 95-100 and sub-1.2s load speeds.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"px-value-card\">\r\n                <div class=\"px-value-num\">02 \/ EXECUTIVE AESTHETICS<\/div>\r\n                <h3 class=\"px-value-title\">Awwwards-Tier Executive Aesthetics<\/h3>\r\n                <p class=\"px-value-desc\">Your digital surface is your flagship storefront. Executive dark palettes, authoritative typography, and precise micro-interactions command instant corporate trust.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"px-value-card\">\r\n                <div class=\"px-value-num\">03 \/ CONVERSION FIRST<\/div>\r\n                <h3 class=\"px-value-title\">Every Pixel Serves Commercial Growth<\/h3>\r\n                <p class=\"px-value-desc\">Beauty without conversion is meaningless. From CTA choreography and frictionless checkout flows to multi-tier retargeting funnels \u2014 everything is engineered to maximize revenue.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"px-value-card\">\r\n                <div class=\"px-value-num\">04 \/ LIFETIME INTEGRITY<\/div>\r\n                <h3 class=\"px-value-title\">Total Ownership &amp; Lifetime Warranty<\/h3>\r\n                <p class=\"px-value-desc\">You retain 100% ownership of clean source code and intellectual property. Backed by corporate legal agreements, VAT invoicing, and lifetime technical support.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 3: CLOSING CALL TO ACTION -->\r\n<section class=\"px-section\" style=\"border-bottom: 1px solid rgba(255,255,255,0.06);\">\r\n    <div class=\"px-container\">\r\n        \r\n        <div class=\"px-cta-banner\">\r\n            <div class=\"px-eyebrow\" style=\"background: rgba(37, 99, 235, 0.2); border-color: rgba(37, 99, 235, 0.4); color: #93c5fd;\">\r\n                <span class=\"px-status-dot\" style=\"background: #60a5fa; box-shadow: 0 0 10px #60a5fa;\"><\/span>\r\n                <span>PARTNER WITH PROTOS AGENCY<\/span>\r\n            <\/div>\r\n            \r\n            <h2 style=\"font-size: clamp(26px, 3.8vw, 46px); font-weight: 800; color: #ffffff; margin: 0 0 18px 0; letter-spacing: -0.03em;\">\r\n                                    Ready To Transform Your Digital Presence Into<br class=\"px-br-desktop\"><span class=\"px-gradient-text\">An Unstoppable Revenue Engine?<\/span>\r\n                            <\/h2>\r\n            \r\n            <p style=\"font-size: 15.5px; color: #94a3b8; line-height: 1.7; max-width: 680px; margin: 0 auto 36px auto;\">\r\n                Schedule an exclusive 1:1 strategy advisory session with PROTOS Engineering &amp; Growth Directors today.            <\/p>\r\n            \r\n            <div style=\"display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;\">\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn px-btn-primary\">\r\n                    <span>Book Free Audit &amp; Proposal<\/span>\r\n                    <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 17L17 7M17 7H7M17 7V17\"\/><\/svg>\r\n                <\/a>\r\n                <a href=\"tel:0868626509\" class=\"px-btn px-btn-secondary\">\r\n                    <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                    <span>Direct: +84 868 626 509<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":46,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"protos-full-width.php","meta":{"footnotes":""},"class_list":["post-144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":2,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/144\/revisions\/307"}],"up":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/46"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}