{"id":96,"date":"2026-08-29T07:12:02","date_gmt":"2026-08-29T07:12:02","guid":{"rendered":"https:\/\/protos.vn\/?page_id=96"},"modified":"2026-09-28T15:24:48","modified_gmt":"2026-09-28T15:24:48","slug":"content-fanpage","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/dich-vu\/content-fanpage\/","title":{"rendered":"Content Fanpage"},"content":{"rendered":"<div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"service-detail\" data-module=\"dich-vu\" data-route=\"\/dich-vu\/content-fanpage\">\r\n    <div id=\"protos-main\" tabindex=\"-1\">\r\n<!-- SELF-CONTAINED CSS: Single Scrollbar Architecture & Theme Isolation -->\r\n<style id=\"protos-content-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-content {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #8b5cf6;\r\n    box-shadow: 0 0 10px #8b5cf6;\r\n    animation: pxPulseContent 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pxPulseContent {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.85); }\r\n}\r\n\r\n.px-hero {\r\n    padding-top: clamp(48px, 6vw, 90px);\r\n    padding-bottom: clamp(64px, 8vw, 120px);\r\n    background: radial-gradient(circle at 50% -10%, rgba(139, 92, 246, 0.14) 0%, rgba(255, 255, 255, 0) 70%);\r\n}\r\n\r\n.px-hero-layout {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: clamp(32px, 5vw, 64px);\r\n    align-items: center;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .px-hero-layout {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n.px-hero-title {\r\n    font-size: clamp(32px, 4.4vw, 56px);\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n    margin: 0 0 24px 0;\r\n    color: #ffffff;\r\n}\r\n\r\n.px-gradient-text-purple {\r\n    background: linear-gradient(135deg, #ffffff 30%, #c084fc 80%, #a855f7 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.px-hero-desc {\r\n    font-size: clamp(16px, 1.25vw, 19px);\r\n    line-height: 1.65;\r\n    color: #94a3b8;\r\n    margin: 0 0 36px 0;\r\n    max-width: 640px;\r\n}\r\n\r\n.px-btn-group {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.px-btn-primary-purple {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: #8b5cf6;\r\n    color: #ffffff !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    text-decoration: none !important;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    box-shadow: 0 10px 24px -6px rgba(139, 92, 246, 0.45);\r\n}\r\n.px-btn-primary-purple:hover {\r\n    background: #7c3aed;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 30px -6px rgba(139, 92, 246, 0.6);\r\n}\r\n\r\n.px-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #e2e8f0 !important;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    padding: 14px 24px;\r\n    border-radius: 12px;\r\n    text-decoration: none !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    transition: all 0.2s ease;\r\n}\r\n.px-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: #ffffff !important;\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n\/* Dashboard Mockup *\/\r\n.px-dashboard-mock {\r\n    background: rgba(15, 23, 42, 0.75);\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.7), 0 0 40px -10px rgba(139, 92, 246, 0.25);\r\n    backdrop-filter: blur(20px);\r\n}\r\n\r\n.px-dash-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding-bottom: 16px;\r\n    margin-bottom: 20px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n}\r\n.px-dash-title {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: #94a3b8;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.px-dash-badge-purple {\r\n    background: rgba(139, 92, 246, 0.15);\r\n    color: #a78bfa;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 4px 10px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.px-dash-stats {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n}\r\n.px-stat-card {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-radius: 12px;\r\n    padding: 14px;\r\n}\r\n.px-stat-label {\r\n    font-size: 11px;\r\n    color: #64748b;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n}\r\n.px-stat-val {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    font-feature-settings: \"tnum\";\r\n}\r\n.px-stat-val.highlight-purple {\r\n    color: #c084fc;\r\n}\r\n.px-stat-sub {\r\n    font-size: 11px;\r\n    color: #10b981;\r\n    margin-top: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\r\n.px-campaign-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n.px-camp-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-radius: 10px;\r\n    padding: 10px 14px;\r\n    font-size: 12px;\r\n}\r\n.px-camp-name {\r\n    font-weight: 600;\r\n    color: #e2e8f0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.px-camp-tag-purple {\r\n    font-size: 10px;\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n    font-weight: 700;\r\n    background: rgba(139, 92, 246, 0.2);\r\n    color: #c084fc;\r\n}\r\n.px-camp-roas {\r\n    font-weight: 700;\r\n    color: #10b981;\r\n    font-feature-settings: \"tnum\";\r\n}\r\n\r\n\/* Metric Ribbon *\/\r\n.px-metric-ribbon {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: clamp(40px, 5vw, 64px);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding-top: clamp(24px, 3vw, 40px);\r\n}\r\n@media (max-width: 900px) {\r\n    .px-metric-ribbon { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n    .px-metric-ribbon { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-ribbon-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.px-ribbon-num {\r\n    font-size: clamp(28px, 3vw, 38px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 6px;\r\n}\r\n.px-ribbon-num span {\r\n    color: #c084fc;\r\n}\r\n.px-ribbon-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Pillars Bento *\/\r\n.px-pillars-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n}\r\n@media (max-width: 992px) {\r\n    .px-pillars-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 640px) {\r\n    .px-pillars-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-pillar-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: 20px;\r\n    padding: 32px 28px;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.px-pillar-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.6), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.px-pillar-card:hover {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(139, 92, 246, 0.3);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6);\r\n}\r\n.px-pillar-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.px-pillar-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    background: rgba(139, 92, 246, 0.1);\r\n    border: 1px solid rgba(139, 92, 246, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #c084fc;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.px-pillar-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.px-pillar-text {\r\n    font-size: 14px;\r\n    color: #94a3b8;\r\n    line-height: 1.65;\r\n    margin: 0 0 20px 0;\r\n}\r\n\r\n.px-pillar-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    gap: 8px;\r\n}\r\n.px-pillar-list li {\r\n    font-size: 13px;\r\n    color: #cbd5e1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.px-pillar-list li::before {\r\n    content: \"\u2713\";\r\n    color: #10b981;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Steps *\/\r\n.px-step-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n}\r\n@media (max-width: 992px) {\r\n    .px-step-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px) {\r\n    .px-step-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.px-step-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-radius: 16px;\r\n    padding: 28px 24px;\r\n    position: relative;\r\n}\r\n.px-step-num {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.1em;\r\n    color: #c084fc;\r\n    margin-bottom: 12px;\r\n}\r\n.px-step-title {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 10px 0;\r\n}\r\n.px-step-desc {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Pricing *\/\r\n.px-pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n    align-items: stretch;\r\n}\r\n@media (max-width: 992px) {\r\n    .px-pricing-grid { grid-template-columns: 1fr; max-width: 540px; margin-inline: auto; }\r\n}\r\n\r\n.px-price-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: 20px;\r\n    padding: 36px 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    position: relative;\r\n}\r\n.px-price-card.featured {\r\n    background: linear-gradient(180deg, rgba(139, 92, 246, 0.08) 0%, rgba(15, 23, 42, 0.4) 100%);\r\n    border-color: rgba(139, 92, 246, 0.4);\r\n    box-shadow: 0 20px 50px -15px rgba(139, 92, 246, 0.2);\r\n}\r\n.px-featured-badge {\r\n    position: absolute;\r\n    top: -12px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #8b5cf6;\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    padding: 4px 14px;\r\n    border-radius: 999px;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.px-price-tag {\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 16px 0 6px 0;\r\n    font-feature-settings: \"tnum\";\r\n}\r\n.px-price-period {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* Banner *\/\r\n.px-cta-banner {\r\n    background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.15) 0%, rgba(255, 255, 255, 0) 80%), rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 28px;\r\n    padding: clamp(48px, 6vw, 72px) clamp(24px, 5vw, 64px);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.px-cta-title {\r\n    font-size: clamp(28px, 3.5vw, 44px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.02em;\r\n}\r\n.px-cta-desc {\r\n    font-size: clamp(15px, 1.2vw, 17px);\r\n    color: #94a3b8;\r\n    max-width: 600px;\r\n    margin: 0 auto 32px auto;\r\n    line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n<!-- SECTION 01: HERO STAGE -->\r\n<section class=\"px-section px-hero\" id=\"hero\">\r\n    <div class=\"px-container\">\r\n        \r\n\r\n        <div class=\"px-hero-layout\">\r\n            <div>\r\n                <div class=\"px-eyebrow\">\r\n                    <span class=\"px-status-dot-content\"><\/span>\r\n                    <span>SOCIAL BRAND STORYTELLING &amp; RETENTION<\/span>\r\n                <\/div>\r\n                <h1 class=\"px-hero-title\">\r\n                    High-Retention Fanpage Content<br>\r\n                    <span class=\"px-gradient-text-purple\">&amp; Brand Authority<\/span>\r\n                <\/h1>\r\n                <p class=\"px-hero-desc\">\r\n                    Transform dull social pages into authoritative brand media channels. Attract organic reach, nurture buyer loyalty, and drive conversions with polished graphic design and emotional storytelling.                <\/p>\r\n                <div class=\"px-btn-group\">\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-primary-purple\">\r\n                        <span>Free Content Strategy Call<\/span>\r\n                        <span aria-hidden=\"true\">\u2197<\/span>\r\n                    <\/a>\r\n                    <a href=\"#pricing\" class=\"px-btn-secondary\">\r\n                        <span>View Pricing<\/span>\r\n                        <span aria-hidden=\"true\">\u2193<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Live Dashboard Mock -->\r\n            <div class=\"px-hero-stage\">\r\n                <div class=\"px-dashboard-mock\">\r\n                    <div class=\"px-dash-top\">\r\n                        <div class=\"px-dash-title\">\r\n                            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" style=\"color: #8b5cf6;\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\r\n                            <span>SOCIAL CONTENT ENGINE<\/span>\r\n                        <\/div>\r\n                        <div class=\"px-dash-badge-purple\">\u25cf BRAND ACTIVE<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"px-dash-stats\">\r\n                        <div class=\"px-stat-card\">\r\n                            <div class=\"px-stat-label\">ENGAGEMENT RATE<\/div>\r\n                            <div class=\"px-stat-val highlight-purple\">8.6%<\/div>\r\n                            <div class=\"px-stat-sub\">\u2191 +4.2x vs industry average<\/div>\r\n                        <\/div>\r\n                        <div class=\"px-stat-card\">\r\n                            <div class=\"px-stat-label\">ORGANIC REACH<\/div>\r\n                            <div class=\"px-stat-val\">240K+<\/div>\r\n                            <div class=\"px-stat-sub\">\u2713 Organic monthly reach<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"px-campaign-list\">\r\n                        <div class=\"px-camp-row\">\r\n                            <div class=\"px-camp-name\">\r\n                                <span class=\"px-camp-tag-purple\">CAROUSEL<\/span>\r\n                                <span>Deep Educational Value Guide<\/span>\r\n                            <\/div>\r\n                            <div class=\"px-camp-roas\">3.8K Shares<\/div>\r\n                        <\/div>\r\n                        <div class=\"px-camp-row\">\r\n                            <div class=\"px-camp-name\">\r\n                                <span class=\"px-camp-tag-purple\">REELS<\/span>\r\n                                <span>Behind-the-scenes Brand Story<\/span>\r\n                            <\/div>\r\n                            <div class=\"px-camp-roas\">85K Views<\/div>\r\n                        <\/div>\r\n                        <div class=\"px-camp-row\">\r\n                            <div class=\"px-camp-name\">\r\n                                <span class=\"px-camp-tag-purple\">PROOF<\/span>\r\n                                <span>Real Client Transformation Case<\/span>\r\n                            <\/div>\r\n                            <div class=\"px-camp-roas\">92 Inquiries<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Metric Ribbon -->\r\n        <div class=\"px-metric-ribbon\">\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">8.4%<\/div>\r\n                <div class=\"px-ribbon-desc\">Average organic engagement rate (vs 1.8% benchmark)<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">100%<\/div>\r\n                <div class=\"px-ribbon-desc\">Visual assets strictly adhering to Brand Guidelines<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">&lt; 15<span>M<\/span><\/div>\r\n                <div class=\"px-ribbon-desc\">Average comment response &amp; lead qualification speed<\/div>\r\n            <\/div>\r\n            <div class=\"px-ribbon-item\">\r\n                <div class=\"px-ribbon-num\">24\/7<\/div>\r\n                <div class=\"px-ribbon-desc\">1-week advance editorial planning &amp; client approvals<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 02: 4 PERFORMANCE PILLARS -->\r\n<section class=\"px-section\" id=\"pillars\">\r\n    <div class=\"px-container\">\r\n        <div style=\"text-align: center; max-width: 720px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span>CONTENT CRAFTING PRINCIPLES<\/span>\r\n            <\/div>\r\n            <h2 style=\"font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; color: #fff; margin: 0 0 16px 0; letter-spacing: -0.02em;\">\r\n                4 Core Pillars of High-Retention Fanpage Content            <\/h2>\r\n            <p style=\"font-size: 15px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n                Zero copied fluff or meaningless posts. Every publication serves brand positioning and supports commercial customer conversions.            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"px-pillars-grid\">\r\n            <div class=\"px-pillar-card\">\r\n                <div class=\"px-pillar-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"px-pillar-title\">Brand Voice &amp; Narrative Strategy<\/h3>\r\n                <p class=\"px-pillar-text\">Define consistent Brand Persona and tone of voice, giving your social channels an authentic distinct identity.<\/p>\r\n                <ul class=\"px-pillar-list\">\r\n                    <li>Target buyer psychology &amp; objection research<\/li>\r\n                    <li>Core messaging &amp; brand manifesto definition<\/li>\r\n                    <li>100% human-crafted authentic copy<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"px-pillar-card\">\r\n                <div class=\"px-pillar-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"px-pillar-title\">High-End Visual Identity<\/h3>\r\n                <p class=\"px-pillar-text\">Every visual asset is crafted with disciplined typography, brand palette, and modern layouts to evoke luxury and trust.<\/p>\r\n                <ul class=\"px-pillar-list\">\r\n                    <li>Exclusive custom graphic templates<\/li>\r\n                    <li>Swipeable high-resolution Carousel decks<\/li>\r\n                    <li>Color-calibrated for OLED &amp; Retina screens<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"px-pillar-card\">\r\n                <div class=\"px-pillar-icon\">\r\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"px-pillar-title\">Viral Short-Form Reels<\/h3>\r\n                <p class=\"px-pillar-text\">Leverage Facebook Reels organic algorithms to attract new prospects and followers without media spend.<\/p>\r\n                <ul class=\"px-pillar-list\">\r\n                    <li>Full HD vertical videos with dynamic subtitles<\/li>\r\n                    <li>High-completion 15-45s retention scripts<\/li>\r\n                    <li>Strategic CTA directing viewers to DM \/ Web<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 03: 4-STEP WORKFLOW -->\r\n<section class=\"px-section\" id=\"workflow\" style=\"background: rgba(255, 255, 255, 0.01);\">\r\n    <div class=\"px-container\">\r\n        <div style=\"text-align: center; max-width: 640px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span>EXECUTION WORKFLOW<\/span>\r\n            <\/div>\r\n            <h2 style=\"font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; color: #fff; margin: 0 0 16px 0;\">\r\n                Content Management Workflow            <\/h2>\r\n            <p style=\"font-size: 15px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n                Transparent, on-time, and strictly client-approved.            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"px-step-grid\">\r\n            <div class=\"px-step-card\">\r\n                <div class=\"px-step-num\">01 \/ AUDIT & PERSONA<\/div>\r\n                <h4 class=\"px-step-title\">Brand Audit &amp; Voice<\/h4>\r\n                <p class=\"px-step-desc\">Audit existing assets, optimize page profile details, and lock brand tone guidelines with leadership.<\/p>\r\n            <\/div>\r\n            <div class=\"px-step-card\">\r\n                <div class=\"px-step-num\">02 \/ EDITORIAL CALENDAR<\/div>\r\n                <h4 class=\"px-step-title\">Monthly Editorial Plan<\/h4>\r\n                <p class=\"px-step-desc\">Draft 30-day content calendar balancing expertise, social proof, product features, and community prompts.<\/p>\r\n            <\/div>\r\n            <div class=\"px-step-card\">\r\n                <div class=\"px-step-num\">03 \/ PRODUCTION & APPROVAL<\/div>\r\n                <h4 class=\"px-step-title\">Production &amp; Client Sign-off<\/h4>\r\n                <p class=\"px-step-desc\">Write in-depth copy and craft visuals in weekly batches. Everything is approved before scheduling.<\/p>\r\n            <\/div>\r\n            <div class=\"px-step-card\">\r\n                <div class=\"px-step-num\">04 \/ PUBLISH & ENGAGE<\/div>\r\n                <h4 class=\"px-step-title\">Publishing &amp; Analytics<\/h4>\r\n                <p class=\"px-step-desc\">Scheduled during peak reach hours, monitoring interactions, and delivering monthly performance reviews.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 04: TRANSPARENT PRICING -->\r\n<section class=\"px-section\" id=\"pricing\">\r\n    <div class=\"px-container\">\r\n        <div style=\"text-align: center; max-width: 680px; margin: 0 auto;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span>RETAINER PRICING<\/span>\r\n            <\/div>\r\n            <h2 style=\"font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; color: #fff; margin: 0 0 16px 0;\">\r\n                Transparent Fanpage Retainers            <\/h2>\r\n            <p style=\"font-size: 15px; color: #94a3b8; line-height: 1.6; margin: 0;\">\r\n                Comprehensive service including copy, custom design assets, and monthly reporting.            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"px-pricing-grid\">\r\n            <!-- Tier 1 -->\r\n            <div class=\"px-price-card\">\r\n                <div>\r\n                    <h3 style=\"font-size: 20px; font-weight: 700; color: #fff; margin: 0;\">Standard Presence<\/h3>\r\n                    <p style=\"font-size: 13px; color: #94a3b8; margin: 6px 0 0 0;\">For brands seeking clean, consistent professional visibility.<\/p>\r\n                    <div class=\"px-price-tag\">6.500.000\u20ab<\/div>\r\n                    <div class=\"px-price-period\">\/ month<\/div>\r\n                    <ul class=\"px-pillar-list\" style=\"margin-top: 20px;\">\r\n                        <li>12 in-depth articles \/ month (3\/week)<\/li>\r\n                        <li>12 custom high-end graphic assets<\/li>\r\n                        <li>Avatar &amp; Cover banner refresh<\/li>\r\n                        <li>Peak-time scheduled publishing<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"margin-top: 32px;\">\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-secondary\" style=\"width: 100%; justify-content: center; box-sizing: border-box;\">\r\n                        Select Standard                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tier 2 (Featured) -->\r\n            <div class=\"px-price-card featured\">\r\n                <div class=\"px-featured-badge\">MOST POPULAR<\/div>\r\n                <div>\r\n                    <h3 style=\"font-size: 20px; font-weight: 700; color: #fff; margin: 0;\">Growth Authority<\/h3>\r\n                    <p style=\"font-size: 13px; color: #94a3b8; margin: 6px 0 0 0;\">For brands seeking viral reach, deep engagement &amp; conversion.<\/p>\r\n                    <div class=\"px-price-tag\" style=\"color: #c084fc;\">12.500.000\u20ab<\/div>\r\n                    <div class=\"px-price-period\">\/ month<\/div>\r\n                    <ul class=\"px-pillar-list\" style=\"margin-top: 20px;\">\r\n                        <li>20 strategic brand storytelling posts \/ month<\/li>\r\n                        <li>Custom graphics + 4 swipeable carousels<\/li>\r\n                        <li>6-8 short vertical Facebook Reels produced<\/li>\r\n                        <li>1 interactive engagement minigame campaign<\/li>\r\n                        <li>Monthly growth &amp; organic reach audit report<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"margin-top: 32px;\">\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-primary-purple\" style=\"width: 100%; justify-content: center; box-sizing: border-box;\">\r\n                        Start Growth Authority                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tier 3 -->\r\n            <div class=\"px-price-card\">\r\n                <div>\r\n                    <h3 style=\"font-size: 20px; font-weight: 700; color: #fff; margin: 0;\">Omnichannel Elite<\/h3>\r\n                    <p style=\"font-size: 13px; color: #94a3b8; margin: 6px 0 0 0;\">Comprehensive multi-channel brand management &amp; lead capture.<\/p>\r\n                    <div class=\"px-price-tag\">22.000.000\u20ab<\/div>\r\n                    <div class=\"px-price-period\">\/ month<\/div>\r\n                    <ul class=\"px-pillar-list\" style=\"margin-top: 20px;\">\r\n                        <li>Synergistic Facebook, Instagram &amp; Zalo presence<\/li>\r\n                        <li>30 exclusive posts + 15 vertical short Reels<\/li>\r\n                        <li>Automated sales &amp; lead routing chatbot scripting<\/li>\r\n                        <li>Dedicated Content Lead &amp; Art Director<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"margin-top: 32px;\">\r\n                    <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-secondary\" style=\"width: 100%; justify-content: center; box-sizing: border-box;\">\r\n                        Request Custom Proposal                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 05: CONVERSION CTA BANNER -->\r\n<section class=\"px-section\" style=\"padding-top: 20px;\">\r\n    <div class=\"px-container\">\r\n        <div class=\"px-cta-banner\">\r\n            <h2 class=\"px-cta-title\">Elevate Your Brand&#039;s Social Presence Today<\/h2>\r\n            <p class=\"px-cta-desc\">\r\n                Stop letting your social pages stay dormant. Let Protos senior creatives craft an unforgettable, high-converting social narrative for your brand.            <\/p>\r\n            <div class=\"px-btn-group\" style=\"justify-content: center;\">\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-primary-purple\">\r\n                    <span>Get In Touch<\/span>\r\n                    <span aria-hidden=\"true\">\u2197<\/span>\r\n                <\/a>\r\n                <a href=\"tel:0868626509\" class=\"px-btn-secondary\">\r\n                    <span>Hotline: 0868 626 509<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<\/div>\r\n    <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":40,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"protos-full-width.php","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/96","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=96"}],"version-history":[{"count":2,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/96\/revisions\/276"}],"up":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/40"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}