{"id":216,"date":"2026-04-01T04:02:19","date_gmt":"2026-04-01T04:02:19","guid":{"rendered":"http:\/\/localhost\/biznext\/?page_id=216"},"modified":"2026-04-08T07:50:28","modified_gmt":"2026-04-08T07:50:28","slug":"product-san-pham","status":"publish","type":"page","link":"https:\/\/biznext.vn\/index.php\/product-san-pham\/","title":{"rendered":"S\u1ea3n Ph\u1ea9m"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"216\" class=\"elementor elementor-216\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb2d194 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cb2d194\" data-element_type=\"section\" data-e-type=\"section\">\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-28353c7\" data-id=\"28353c7\" data-element_type=\"column\" data-e-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-2c2eef9 elementor-widget elementor-widget-html\" data-id=\"2c2eef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Document<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\"\r\n        rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"SanPham.css\">\r\n<\/head>\r\n\r\n<body>\r\n    <main>\r\n        <div class=\"min-h-screen bg-white\">\r\n            <!-- Hero Section -->\r\n            <section class=\"hero-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"hero-content\">\r\n                        <div class=\"hero-badge\">\r\n                            <span>S\u1ea3n ph\u1ea9m<\/span>\r\n                        <\/div>\r\n                        <h1 class=\"hero-title\">B\u1ed9 c\u00f4ng c\u1ee5 to\u00e0n di\u1ec7n cho doanh nghi\u1ec7p<\/h1>\r\n                        <p class=\"hero-description\">5 s\u1ea3n ph\u1ea9m m\u1ea1nh m\u1ebd, t\u00edch h\u1ee3p ho\u00e0n h\u1ea3o \u0111\u1ec3 v\u1eadn h\u00e0nh doanh nghi\u1ec7p hi\u1ec7u\r\n                            qu\u1ea3<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Products Section -->\r\n            <section class=\"products-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"products-tabs\">\r\n                        <!-- Tab Navigation -->\r\n                        <div class=\"tab-nav\">\r\n                            <button class=\"tab-btn active\" data-tab=\"pos\">\r\n                                <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_pos.png\"\r\n                                    alt=\"BizNext POS\">\r\n                            <\/button>\r\n                            <button class=\"tab-btn\" data-tab=\"trust\">\r\n                                <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_trust.png\"\r\n                                    alt=\"BizNext Trust\">\r\n                            <\/button>\r\n                            <button class=\"tab-btn\" data-tab=\"esign\">\r\n                                <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_esign.png\"\r\n                                    alt=\"FPT.eSign\">\r\n                            <\/button>\r\n                            <button class=\"tab-btn\" data-tab=\"einvoice\">\r\n                                <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_eInvoice.png\"\r\n                                    alt=\"FPT.eInvoice\">\r\n                            <\/button>\r\n                            <button class=\"tab-btn\" data-tab=\"econtract\">\r\n                                <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_eContract.png\"\r\n                                    alt=\"FPT.eContract\">\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <!-- Tab Content -->\r\n                        <div class=\"tab-content\">\r\n                            <!-- POS Tab -->\r\n                            <div class=\"tab-pane active\" id=\"pos\">\r\n                                <div class=\"product-grid\">\r\n                                    <div class=\"product-info\">\r\n                                        <div class=\"product-header\">\r\n                                            <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_pos.png\"\r\n                                                alt=\"BizNext POS\" class=\"product-logo\">\r\n                                            <h2 class=\"product-title\">BizNext POS<\/h2>\r\n                                            <p class=\"product-subtitle\">H\u1ec7 th\u1ed1ng b\u00e1n h\u00e0ng th\u00f4ng minh<\/p>\r\n                                            <p class=\"product-description\">Qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng \u0111a k\u00eanh, t\u1ed3n kho v\u00e0 kh\u00e1ch\r\n                                                h\u00e0ng tr\u00ean m\u1ed9t n\u1ec1n t\u1ea3ng duy nh\u1ea5t<\/p>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"features-grid\">\r\n                                            <div class=\"feature-card\">\r\n                                                <div class=\"feature-content\">\r\n                                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                        stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\">\r\n                                                        <path\r\n                                                            d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\">\r\n                                                        <\/path>\r\n                                                    <\/svg>\r\n                                                    <div class=\"feature-title\">Nhanh ch\u00f3ng<\/div>\r\n                                                    <div class=\"feature-desc\">X\u1eed l\u00fd giao d\u1ecbch trong < 1s<\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <div class=\"feature-card\">\r\n                                                    <div class=\"feature-content\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path\r\n                                                                d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\">\r\n                                                            <\/path>\r\n                                                        <\/svg>\r\n                                                        <div class=\"feature-title\">An to\u00e0n<\/div>\r\n                                                        <div class=\"feature-desc\">M\u00e3 h\u00f3a d\u1eef li\u1ec7u 256-bit<\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n\r\n                                                <div class=\"feature-card\">\r\n                                                    <div class=\"feature-content\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                                            <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\">\r\n                                                            <\/path>\r\n                                                            <path d=\"M2 12h20\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <div class=\"feature-title\">\u0110a n\u1ec1n t\u1ea3ng<\/div>\r\n                                                        <div class=\"feature-desc\">Web, iOS, Android<\/div>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"product-features\">\r\n                                                <h3 class=\"features-title\">T\u00ednh n\u0103ng ch\u00ednh<\/h3>\r\n                                                <div class=\"features-list\">\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>B\u00e1n h\u00e0ng \u0111a k\u00eanh (online & offline)<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>Qu\u1ea3n l\u00fd t\u1ed3n kho th\u1eddi gian th\u1ef1c<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>Qu\u1ea3n l\u00fd kh\u00e1ch h\u00e0ng (CRM)<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>Thanh to\u00e1n \u0111a ph\u01b0\u01a1ng th\u1ee9c<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>Ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i linh ho\u1ea1t<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>B\u00e1o c\u00e1o b\u00e1n h\u00e0ng chi ti\u1ebft<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>Qu\u1ea3n l\u00fd nh\u00e2n vi\u00ean b\u00e1n h\u00e0ng<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"feature-item\">\r\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                            stroke=\"currentColor\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"><\/path>\r\n                                                        <\/svg>\r\n                                                        <span>T\u00edch h\u1ee3p m\u00e1y in h\u00f3a \u0111\u01a1n<\/span>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n\r\n                                            <div class=\"product-actions\">\r\n                                                <a href=\"#consultation-form\" class=\"btn-secondary\">Li\u00ean h\u1ec7 ngay<\/a>\r\n                                            <\/div>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"product-image\">\r\n                                            <div class=\"image-container\">\r\n                                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1742238896849-303d74d8a8de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwb3MlMjBzeXN0ZW0lMjByZXRhaWwlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc3MzI4MjYzOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\r\n                                                    alt=\"BizNext POS\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <!-- Other tabs (Trust, eSign, eInvoice, eContract) would go here -->\r\n                                <!-- For brevity, I'm showing only the POS tab structure -->\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n            <\/section>\r\n\r\n\r\n            <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONSULTATION FORM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n            <section class=\"consultation\" id=\"consultation-form\">\r\n                <div class=\"container\">\r\n                    <div class=\"text-center\" style=\"margin-bottom:48px;\">\r\n                        <h2>FPT BizNext \u0111\u1ed3ng h\u00e0nh c\u00f9ng b\u1ea1n kh\u1edfi nghi\u1ec7p th\u00e0nh c\u00f4ng!<\/h2>\r\n                        <p style=\"font-size:17px;color:var(--text-mid);margin-top:8px;\">Nhanh tay \u0111\u0103ng k\u00fd \u0111\u1ec3 nh\u1eadn \u01b0u \u0111\u00e3i\r\n                            l\u00ean t\u1edbi 2 tri\u1ec7u \u0111\u1ed3ng<\/p>\r\n                    <\/div>\r\n                    <div class=\"consultation-grid\">\r\n                        <div class=\"consult-img\">\r\n                            <img decoding=\"async\" src=\"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/fba01e1eb1d83de425a2fdedca107ea7e1107004-1.png\"\r\n                                alt=\"T\u01b0 v\u1ea5n doanh nghi\u1ec7p\"\r\n                                onerror=\"this.src='https:\/\/via.placeholder.com\/600x500\/0066FF\/ffffff?text=T\u01b0+v\u1ea5n+doanh+nghi\u1ec7p'\">\r\n                        <\/div>\r\n                        <div class=\"consult-form-wrap\">\r\n                            <form id=\"consultationLeadForm\">\r\n                                <div class=\"form-group\">\r\n                                    <label>H\u1ecd v\u00e0 t\u00ean <span class=\"req\">*<\/span><\/label>\r\n                                    <input id=\"leadFullName\" type=\"text\" placeholder=\"Nh\u1eadp h\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"req\">*<\/span><\/label>\r\n                                    <input id=\"leadPhone\" type=\"tel\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Email <span class=\"req\">*<\/span><\/label>\r\n                                    <input id=\"leadEmail\" type=\"email\" placeholder=\"Nh\u1eadp email c\u1ee7a b\u1ea1n\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Nh\u1eadp n\u1ed9i dung c\u1ea7n t\u01b0 v\u1ea5n <span class=\"req\">*<\/span><\/label>\r\n                                    <textarea id=\"leadMessage\" rows=\"4\"\r\n                                        placeholder=\"Nh\u1eadp n\u1ed9i dung b\u1ea1n mu\u1ed1n \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n...\"><\/textarea>\r\n                                <\/div>\r\n                                <button id=\"consultationSubmitBtn\" type=\"submit\" class=\"btn-submit\">\r\n                                    \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n                                        <polyline points=\"12 5 19 12 12 19\" \/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                            <\/form>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- TOAST NOTIFICATION -->\r\n            <div class=\"toast-overlay\" id=\"toastOverlay\">\r\n                <div class=\"toast-box\">\r\n                    <div class=\"toast-icon\" id=\"toastIcon\"><\/div>\r\n                    <div class=\"toast-title\" id=\"toastTitle\"><\/div>\r\n                    <div class=\"toast-msg\" id=\"toastMsg\"><\/div>\r\n                    <button class=\"toast-close-btn\" id=\"toastCloseBtn\"\r\n                        onclick=\"document.getElementById('toastOverlay').classList.remove('show')\">\u0110\u00f3ng<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/main>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ 1. Mobile Menu Toggle\r\n            const mobileMenuButton = document.querySelector('.mobile-menu-btn');\r\n            const mobileMenu = document.querySelector('.mobile-menu');\r\n\r\n            if (mobileMenuButton && mobileMenu) {\r\n                mobileMenuButton.addEventListener('click', () => {\r\n                    mobileMenu.classList.toggle('active');\r\n                });\r\n            }\r\n\r\n            \/\/ 2. Product Data\r\n            const products = [\r\n                {\r\n                    id: \"pos\",\r\n                    logo: \"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_pos.png\",\r\n                    name: \"BizNext POS\",\r\n                    tagline: \"H\u1ec7 th\u1ed1ng b\u00e1n h\u00e0ng th\u00f4ng minh\",\r\n                    description: \"Qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng \u0111a k\u00eanh, t\u1ed3n kho v\u00e0 kh\u00e1ch h\u00e0ng tr\u00ean m\u1ed9t n\u1ec1n t\u1ea3ng duy nh\u1ea5t\",\r\n                    image: \"https:\/\/images.unsplash.com\/photo-1742238896849-303d74d8a8de?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwb3MlMjBzeXN0ZW0lMjByZXRhaWwlMjB0ZWNobm9sb2d5fGVufDF8fHx8MTc3MzI4MjYzOXww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\",\r\n                    features: [\r\n                        \"B\u00e1n h\u00e0ng \u0111a k\u00eanh (online & offline)\",\r\n                        \"Qu\u1ea3n l\u00fd t\u1ed3n kho th\u1eddi gian th\u1ef1c\",\r\n                        \"Qu\u1ea3n l\u00fd kh\u00e1ch h\u00e0ng (CRM)\",\r\n                        \"Thanh to\u00e1n \u0111a ph\u01b0\u01a1ng th\u1ee9c\",\r\n                        \"Ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i linh ho\u1ea1t\",\r\n                        \"B\u00e1o c\u00e1o b\u00e1n h\u00e0ng chi ti\u1ebft\",\r\n                        \"Qu\u1ea3n l\u00fd nh\u00e2n vi\u00ean b\u00e1n h\u00e0ng\",\r\n                        \"T\u00edch h\u1ee3p m\u00e1y in h\u00f3a \u0111\u01a1n\"\r\n                    ],\r\n                    highlights: [\r\n                        { type: 'zap', title: \"Nhanh ch\u00f3ng\", desc: \"X\u1eed l\u00fd giao d\u1ecbch trong < 1s\" },\r\n                        { type: 'shield', title: \"An to\u00e0n\", desc: \"M\u00e3 h\u00f3a d\u1eef li\u1ec7u 256-bit\" },\r\n                        { type: 'globe', title: \"\u0110a n\u1ec1n t\u1ea3ng\", desc: \"Web, iOS, Android\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: \"trust\",\r\n                    logo: \"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_trust.png\",\r\n                    name: \"BizNext Trust\",\r\n                    tagline: \"N\u1ec1n t\u1ea3ng tin c\u1eady doanh nghi\u1ec7p\",\r\n                    description: \"Gi\u1ea3i ph\u00e1p qu\u1ea3n l\u00fd uy t\u00edn v\u00e0 x\u00e2y d\u1ef1ng l\u00f2ng tin cho doanh nghi\u1ec7p\",\r\n                    image: \"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=800\",\r\n                    features: [\r\n                        \"X\u00e1c th\u1ef1c th\u00f4ng tin doanh nghi\u1ec7p\",\r\n                        \"Qu\u1ea3n l\u00fd uy t\u00edn kinh doanh\",\r\n                        \"Ch\u1ee9ng nh\u1eadn \u0111\u1ed9 tin c\u1eady\",\r\n                        \"\u0110\u00e1nh gi\u00e1 t\u1eeb kh\u00e1ch h\u00e0ng\",\r\n                        \"H\u1ed3 s\u01a1 doanh nghi\u1ec7p c\u00f4ng khai\",\r\n                        \"X\u00e1c minh giao d\u1ecbch\",\r\n                        \"B\u1ea3o v\u1ec7 th\u01b0\u01a1ng hi\u1ec7u\",\r\n                        \"B\u00e1o c\u00e1o uy t\u00edn \u0111\u1ecbnh k\u1ef3\"\r\n                    ],\r\n                    highlights: [\r\n                        { type: 'shield', title: \"Tin c\u1eady\", desc: \"\u0110\u01b0\u1ee3c x\u00e1c minh b\u1edfi FPT\" },\r\n                        { type: 'zap', title: \"Nhanh ch\u00f3ng\", desc: \"X\u00e1c th\u1ef1c trong 24h\" },\r\n                        { type: 'globe', title: \"Minh b\u1ea1ch\", desc: \"Th\u00f4ng tin c\u00f4ng khai\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: \"esign\",\r\n                    logo: \"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_esign.png\",\r\n                    name: \"FPT.eSign\",\r\n                    tagline: \"Ch\u1eef k\u00fd s\u1ed1 an to\u00e0n\",\r\n                    description: \"Gi\u1ea3i ph\u00e1p ch\u1eef k\u00fd s\u1ed1 h\u1ee3p ph\u00e1p, k\u00fd v\u0103n b\u1ea3n \u0111i\u1ec7n t\u1eed m\u1ecdi l\u00fac m\u1ecdi n\u01a1i\",\r\n                    image: \"https:\/\/images.unsplash.com\/photo-1760597371674-c5a412f2ae01?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9kdWN0JTIwc2hvd2Nhc2UlMjB0ZWNobm9sb2d5JTIwc29mdHdhcmV8ZW58MXx8fHwxNzczMjg0NjA3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\",\r\n                    link: \"https:\/\/fpt-is.com\/fpt-esign\/\",\r\n                    features: [\r\n                        \"Ch\u1eef k\u00fd s\u1ed1 h\u1ee3p ph\u00e1p\",\r\n                        \"K\u00fd v\u0103n b\u1ea3n \u0111i\u1ec7n t\u1eed\",\r\n                        \"Token USB & SIM CA\",\r\n                        \"K\u00fd t\u1eeb xa (Remote Signing)\",\r\n                        \"T\u00edch h\u1ee3p ph\u1ea7n m\u1ec1m\",\r\n                        \"K\u00fd tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb\",\r\n                        \"B\u1ea3o m\u1eadt cao c\u1ea5p\",\r\n                        \"H\u1ed7 tr\u1ee3 24\/7\"\r\n                    ],\r\n                    highlights: [\r\n                        { type: 'shield', title: \"H\u1ee3p ph\u00e1p\", desc: \"Gi\u00e1 tr\u1ecb ph\u00e1p l\u00fd \u0111\u1ea7y \u0111\u1ee7\" },\r\n                        { type: 'zap', title: \"Ti\u1ec7n l\u1ee3i\", desc: \"K\u00fd m\u1ecdi l\u00fac m\u1ecdi n\u01a1i\" },\r\n                        { type: 'globe', title: \"B\u1ea3o m\u1eadt\", desc: \"Chu\u1ea9n qu\u1ed1c t\u1ebf\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: \"einvoice\",\r\n                    logo: \"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_eInvoice.png\",\r\n                    name: \"FPT.eInvoice\",\r\n                    tagline: \"H\u00f3a \u0111\u01a1n \u0111i\u1ec7n t\u1eed h\u1ee3p ph\u00e1p\",\r\n                    description: \"Gi\u1ea3i ph\u00e1p h\u00f3a \u0111\u01a1n \u0111i\u1ec7n t\u1eed tu\u00e2n th\u1ee7 100% quy \u0111\u1ecbnh c\u1ee7a T\u1ed5ng c\u1ee5c Thu\u1ebf\",\r\n                    image: \"https:\/\/images.unsplash.com\/photo-1663124178632-488f399d5763?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkaWdpdGFsJTIwaW52b2ljZSUyMGRvY3VtZW50JTIwdGVjaG5vbG9neXxlbnwxfHx8fDE3NzMyODI2NDB8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\",\r\n                    link: \"https:\/\/fpt-is.com\/fpt-einvoice\/\",\r\n                    features: [\r\n                        \"T\u00edch h\u1ee3p T\u1ed5ng c\u1ee5c Thu\u1ebf\",\r\n                        \"Ph\u00e1t h\u00e0nh h\u00f3a \u0111\u01a1n t\u1ef1 \u0111\u1ed9ng\",\r\n                        \"K\u00fd s\u1ed1 h\u1ee3p ph\u00e1p\",\r\n                        \"L\u01b0u tr\u1eef \u0111i\u1ec7n t\u1eed an to\u00e0n\",\r\n                        \"G\u1eedi email kh\u00e1ch h\u00e0ng t\u1ef1 \u0111\u1ed9ng\",\r\n                        \"Tra c\u1ee9u h\u00f3a \u0111\u01a1n nhanh ch\u00f3ng\",\r\n                        \"B\u00e1o c\u00e1o thu\u1ebf t\u1ef1 \u0111\u1ed9ng\",\r\n                        \"H\u1ed7 tr\u1ee3 \u0111a lo\u1ea1i h\u00f3a \u0111\u01a1n\"\r\n                    ],\r\n                    highlights: [\r\n                        { type: 'shield', title: \"Tu\u00e2n th\u1ee7 100%\", desc: \"\u0110\u00fang quy \u0111\u1ecbnh ph\u00e1p lu\u1eadt\" },\r\n                        { type: 'zap', title: \"T\u1ef1 \u0111\u1ed9ng h\u00f3a\", desc: \"Ph\u00e1t h\u00e0nh trong v\u00e0i gi\u00e2y\" },\r\n                        { type: 'globe', title: \"Cloud-based\", desc: \"Truy c\u1eadp m\u1ecdi l\u00fac m\u1ecdi n\u01a1i\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: \"econtract\",\r\n                    logo: \"http:\/\/localhost\/biznext_phase2\/wp-content\/uploads\/2026\/04\/logo_fpt_eContract.png\",\r\n                    name: \"FPT.eContract\",\r\n                    tagline: \"H\u1ee3p \u0111\u1ed3ng \u0111i\u1ec7n t\u1eed\",\r\n                    description: \"K\u00fd k\u1ebft h\u1ee3p \u0111\u1ed3ng \u0111i\u1ec7n t\u1eed an to\u00e0n, c\u00f3 gi\u00e1 tr\u1ecb ph\u00e1p l\u00fd\",\r\n                    image: \"https:\/\/images.unsplash.com\/photo-1760597371674-c5a412f2ae01?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxwcm9kdWN0JTIwc2hvd2Nhc2UlMjB0ZWNobm9sb2d5JTIwc29mdHdhcmV8ZW58MXx8fHwxNzczMjg0NjA3fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\",\r\n                    link: \"https:\/\/econtract.fpt.com.vn\/\",\r\n                    features: [\r\n                        \"K\u00fd s\u1ed1 h\u1ee3p ph\u00e1p\",\r\n                        \"K\u00fd \u0111a b\u00ean\",\r\n                        \"Theo d\u00f5i ti\u1ebfn tr\u00ecnh k\u00fd\",\r\n                        \"L\u01b0u tr\u1eef cloud an to\u00e0n\",\r\n                        \"M\u1eabu h\u1ee3p \u0111\u1ed3ng \u0111a d\u1ea1ng\",\r\n                        \"K\u00fd tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb\",\r\n                        \"Nh\u1eafc nh\u1edf t\u1ef1 \u0111\u1ed9ng\",\r\n                        \"Audit trail \u0111\u1ea7y \u0111\u1ee7\"\r\n                    ],\r\n                    highlights: [\r\n                        { type: 'shield', title: \"H\u1ee3p ph\u00e1p\", desc: \"Gi\u00e1 tr\u1ecb ph\u00e1p l\u00fd \u0111\u1ea7y \u0111\u1ee7\" },\r\n                        { type: 'zap', title: \"Ti\u1ec7n l\u1ee3i\", desc: \"K\u00fd m\u1ecdi l\u00fac m\u1ecdi n\u01a1i\" },\r\n                        { type: 'globe', title: \"B\u1ea3o m\u1eadt\", desc: \"M\u00e3 h\u00f3a end-to-end\" }\r\n                    ]\r\n                }\r\n            ];\r\n\r\n            const icons = {\r\n                zap: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"><\/path><\/svg>`,\r\n                shield: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><\/svg>`,\r\n                globe: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg>`,\r\n                check: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>`\r\n            };\r\n\r\n            function escapeHtml(str) {\r\n                return String(str)\r\n                    .replaceAll('&', '&amp;')\r\n                    .replaceAll('<', '&lt;')\r\n                    .replaceAll('>', '&gt;')\r\n                    .replaceAll('\"', '&quot;')\r\n                    .replaceAll(\"'\", '&#039;');\r\n            }\r\n\r\n            function renderProductPane(product) {\r\n                const highlights = (product.highlights || []).slice(0, 3);\r\n                const features = product.features || [];\r\n\r\n                return `\r\n            <div class=\"product-grid\">\r\n                <div class=\"product-info\">\r\n                    <div class=\"product-header\">\r\n                        <img decoding=\"async\" src=\"${escapeHtml(product.logo)}\" alt=\"${escapeHtml(product.name)}\" class=\"product-logo\">\r\n                        <h2 class=\"product-title\">${escapeHtml(product.name)}<\/h2>\r\n                        <p class=\"product-subtitle\">${escapeHtml(product.tagline || '')}<\/p>\r\n                        <p class=\"product-description\">${escapeHtml(product.description || '')}<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"features-grid\">\r\n                        ${highlights\r\n                        .map(h => {\r\n                            const icon = icons[h.type] || '';\r\n                            return `\r\n                                    <div class=\"feature-card\">\r\n                                        <div class=\"feature-content\">\r\n                                            ${icon}\r\n                                            <div class=\"feature-title\">${escapeHtml(h.title || '')}<\/div>\r\n                                            <div class=\"feature-desc\">${escapeHtml(h.desc || '')}<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                `;\r\n                        })\r\n                        .join('')}\r\n                    <\/div>\r\n\r\n                    <div class=\"product-features\">\r\n                        <h3 class=\"features-title\">T\u00ednh n\u0103ng ch\u00ednh<\/h3>\r\n                        <div class=\"features-list\">\r\n                            ${features\r\n                        .map(f => {\r\n                            return `\r\n                                        <div class=\"feature-item\">\r\n                                            ${icons.check}\r\n                                            <span>${escapeHtml(f)}<\/span>\r\n                                        <\/div>\r\n                                    `;\r\n                        })\r\n                        .join('')}\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"product-actions\">\r\n                        <a href=\"#consultation-form\" class=\"btn-secondary\">Li\u00ean h\u1ec7 ngay<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"product-image\">\r\n                    <div class=\"image-container\">\r\n                        <img decoding=\"async\" src=\"${escapeHtml(product.image)}\" alt=\"${escapeHtml(product.name)}\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n            }\r\n\r\n            \/\/ 3. Tab Switching Logic (based on products.js but adapted to pure HTML)\r\n            const tabContent = document.querySelector('.tab-content');\r\n            const tabTriggers = document.querySelectorAll('.tab-nav .tab-btn[data-tab]');\r\n\r\n            function ensureTabPanesExist() {\r\n                if (!tabContent) return;\r\n\r\n                products.forEach(p => {\r\n                    let pane = tabContent.querySelector(`.tab-pane#${CSS.escape(p.id)}`);\r\n                    if (!pane) {\r\n                        pane = document.createElement('div');\r\n                        pane.className = 'tab-pane';\r\n                        pane.id = p.id;\r\n                        tabContent.appendChild(pane);\r\n                    }\r\n\r\n                    \/\/ Populate pane only if empty (or placeholder comment)\r\n                    const isEmpty = !pane.innerHTML || pane.innerHTML.trim().length === 0;\r\n                    if (isEmpty) {\r\n                        pane.innerHTML = renderProductPane(p);\r\n                    }\r\n                });\r\n            }\r\n\r\n            function updateProductTab(productId) {\r\n                if (!tabContent) return;\r\n                ensureTabPanesExist();\r\n\r\n                \/\/ Update triggers\r\n                tabTriggers.forEach(trigger => {\r\n                    if (trigger.getAttribute('data-tab') === productId) {\r\n                        trigger.classList.add('active');\r\n                    } else {\r\n                        trigger.classList.remove('active');\r\n                    }\r\n                });\r\n\r\n                \/\/ Update panes\r\n                const tabPanes = tabContent.querySelectorAll('.tab-pane');\r\n                tabPanes.forEach(pane => {\r\n                    if (pane.id === productId) {\r\n                        pane.classList.add('active');\r\n                    } else {\r\n                        pane.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            tabTriggers.forEach(trigger => {\r\n                trigger.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    const productId = trigger.getAttribute('data-tab');\r\n                    if (!productId) return;\r\n                    updateProductTab(productId);\r\n                });\r\n            });\r\n\r\n            \/\/ Initialize panes and ensure the initially active tab has content\r\n            ensureTabPanesExist();\r\n            const initialActive = document.querySelector('.tab-nav .tab-btn.active')?.getAttribute('data-tab') || 'pos';\r\n            updateProductTab(initialActive);\r\n\r\n            \/\/ 3. Smooth Scroll for Navigation Links\r\n            const navLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n            navLinks.forEach(link => {\r\n                link.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    const targetId = link.getAttribute('href').substring(1);\r\n                    const targetElement = document.getElementById(targetId);\r\n\r\n                    if (targetElement) {\r\n                        targetElement.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ 4. Product Card Hover Effects\r\n            const productCards = document.querySelectorAll('.product-card, .feature-card');\r\n            productCards.forEach(card => {\r\n                card.addEventListener('mouseenter', () => {\r\n                    card.style.transform = 'translateY(-5px)';\r\n                });\r\n\r\n                card.addEventListener('mouseleave', () => {\r\n                    card.style.transform = 'translateY(0)';\r\n                });\r\n            });\r\n\r\n            \/\/ ===== GOOGLE SHEET LEAD FORM =====\r\n            const GOOGLE_SHEET_WEB_APP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxMVDrXlj3X342UVcnm0H8u9FeKGxm7A0urie5J4dGvz8N_Ww1E4wwtX6vkux3nriT1Gg\/exec';\r\n            const consultationForm = document.getElementById('consultationLeadForm');\r\n            const consultationSubmitBtn = document.getElementById('consultationSubmitBtn');\r\n\r\n            if (consultationForm && consultationSubmitBtn) {\r\n                const defaultSubmitHTML = consultationSubmitBtn.innerHTML;\r\n                const fields = Array.from(consultationForm.querySelectorAll('input, textarea'));\r\n\r\n                const toastOverlay = document.getElementById('toastOverlay');\r\n                const toastIcon = document.getElementById('toastIcon');\r\n                const toastTitle = document.getElementById('toastTitle');\r\n                const toastMsg = document.getElementById('toastMsg');\r\n                const toastCloseBtn = document.getElementById('toastCloseBtn');\r\n\r\n                const showToast = (type, title, message) => {\r\n                    toastIcon.className = 'toast-icon is-' + type;\r\n                    toastIcon.textContent = type === 'success' ? '\u2713' : '\u2715';\r\n                    toastTitle.textContent = title;\r\n                    toastMsg.textContent = message;\r\n                    toastCloseBtn.className = 'toast-close-btn is-' + type;\r\n                    toastOverlay.classList.add('show');\r\n                    if (type === 'success') {\r\n                        setTimeout(() => { toastOverlay.classList.remove('show'); }, 5000);\r\n                    }\r\n                };\r\n\r\n                const clearErrors = () => {\r\n                    fields.forEach((field) => {\r\n                        field.classList.remove('field-error');\r\n                        field.removeAttribute('aria-invalid');\r\n                    });\r\n                };\r\n\r\n                const markError = (field) => {\r\n                    field.classList.add('field-error');\r\n                    field.setAttribute('aria-invalid', 'true');\r\n                };\r\n\r\n                const validateForm = (payload) => {\r\n                    clearErrors();\r\n\r\n                    if (!payload['H\u1ecd t\u00ean'] || !payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i'] || !payload['Email'] || !payload['Message']) {\r\n                        if (!payload['H\u1ecd t\u00ean']) markError(document.getElementById('leadFullName'));\r\n                        if (!payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i']) markError(document.getElementById('leadPhone'));\r\n                        if (!payload['Email']) markError(document.getElementById('leadEmail'));\r\n                        if (!payload['Message']) markError(document.getElementById('leadMessage'));\r\n\r\n                        showToast('error', 'L\u1ed7i', 'Vui l\u00f2ng nh\u1eadp \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin, kh\u00f4ng \u0111\u01b0\u1ee3c b\u1ecf tr\u1ed1ng');\r\n                        return false;\r\n                    }\r\n\r\n                    if (!\/^[0-9+\\s().-]{8,15}$\/.test(payload['S\u1ed1 \u0111i\u1ec7n tho\u1ea1i'])) {\r\n                        markError(document.getElementById('leadPhone'));\r\n                        showToast('error', 'L\u1ed7i', 'Vui l\u00f2ng nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i h\u1ee3p l\u1ec7.');\r\n                        return false;\r\n                    }\r\n\r\n                    if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(payload['Email'])) {\r\n                        markError(document.getElementById('leadEmail'));\r\n                        showToast('error', 'L\u1ed7i', 'Vui l\u00f2ng nh\u1eadp email h\u1ee3p l\u1ec7.');\r\n                        return false;\r\n                    }\r\n\r\n                    return true;\r\n                };\r\n\r\n                fields.forEach((field) => {\r\n                    field.addEventListener('input', () => {\r\n                        field.classList.remove('field-error');\r\n                        field.removeAttribute('aria-invalid');\r\n                    });\r\n                });\r\n\r\n                consultationForm.addEventListener('submit', async (event) => {\r\n                    event.preventDefault();\r\n\r\n                    const payload = {\r\n                        form_name: 'Leads',\r\n                        'H\u1ecd t\u00ean': document.getElementById('leadFullName').value.trim(),\r\n                        'S\u1ed1 \u0111i\u1ec7n tho\u1ea1i': document.getElementById('leadPhone').value.trim(),\r\n                        'Email': document.getElementById('leadEmail').value.trim(),\r\n                        'Message': document.getElementById('leadMessage').value.trim(),\r\n                        'Page URL': window.location.href,\r\n                        '-': new Date().toLocaleDateString('vi-VN')\r\n                    };\r\n\r\n                    if (!validateForm(payload)) {\r\n                        return;\r\n                    }\r\n\r\n                    consultationSubmitBtn.disabled = true;\r\n                    consultationSubmitBtn.innerHTML = '\u0110ang g\u1eedi th\u00f4ng tin...';\r\n\r\n                    try {\r\n                        const bodyParams = new URLSearchParams();\r\n                        Object.entries(payload).forEach(([key, value]) => bodyParams.append(key, value ?? ''));\r\n\r\n                        const res = await fetch(GOOGLE_SHEET_WEB_APP_URL, {\r\n                            method: 'POST',\r\n                            mode: 'cors',\r\n                            headers: {\r\n                                'Content-Type': 'application\/x-www-form-urlencoded;charset=UTF-8'\r\n                            },\r\n                            body: bodyParams.toString()\r\n                        });\r\n\r\n                        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n                        consultationForm.reset();\r\n                        clearErrors();\r\n                        showToast('success', 'G\u1eedi th\u00e0nh c\u00f4ng! \ud83c\udf89', 'C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u0103ng k\u00fd. \u0110\u1ed9i ng\u0169 BizNext s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n trong th\u1eddi gian s\u1edbm nh\u1ea5t.');\r\n                    } catch (error) {\r\n                        console.error('Lead form submission failed:', error);\r\n                        showToast('error', 'G\u1eedi th\u1ea5t b\u1ea1i', 'Kh\u00f4ng g\u1eedi \u0111\u01b0\u1ee3c th\u00f4ng tin. Vui l\u00f2ng th\u1eed l\u1ea1i sau ho\u1eb7c li\u00ean h\u1ec7 hotline.');\r\n                    } finally {\r\n                        consultationSubmitBtn.disabled = false;\r\n                        consultationSubmitBtn.innerHTML = defaultSubmitHTML;\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ 6. Scroll Animations\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('animate-in');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            \/\/ Observe elements for animation\r\n            const animateElements = document.querySelectorAll('.feature-card, .product-info, .product-features');\r\n            animateElements.forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ 7. Phone Link Click Tracking\r\n            const phoneLinks = document.querySelectorAll('a[href^=\"tel:\"]');\r\n            phoneLinks.forEach(link => {\r\n                link.addEventListener('click', () => {\r\n                    \/\/ Track phone clicks (you can add analytics here)\r\n                    console.log('Phone link clicked:', link.href);\r\n                });\r\n            });\r\n\r\n            \/\/ 8. CTA Button Interactions\r\n            const ctaButtons = document.querySelectorAll('.btn-primary, .btn-secondary');\r\n            ctaButtons.forEach(button => {\r\n                button.addEventListener('click', (e) => {\r\n                    \/\/ Ripple effect removed as requested\r\n                });\r\n            });\r\n\r\n            \/\/ 9. Lazy Loading for Images\r\n            const images = document.querySelectorAll('img[data-src]');\r\n            const imageObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const img = entry.target;\r\n                        img.src = img.dataset.src;\r\n                        img.classList.remove('lazy');\r\n                        imageObserver.unobserve(img);\r\n                    }\r\n                });\r\n            });\r\n\r\n            images.forEach(img => imageObserver.observe(img));\r\n\r\n            \/\/ 10. Initialize Tooltips (if any)\r\n            const tooltipElements = document.querySelectorAll('[data-tooltip]');\r\n            tooltipElements.forEach(element => {\r\n                element.addEventListener('mouseenter', (e) => {\r\n                    const tooltip = document.createElement('div');\r\n                    tooltip.className = 'tooltip';\r\n                    tooltip.textContent = element.dataset.tooltip;\r\n                    document.body.appendChild(tooltip);\r\n\r\n                    const rect = element.getBoundingClientRect();\r\n                    tooltip.style.left = rect.left + (rect.width \/ 2) - (tooltip.offsetWidth \/ 2) + 'px';\r\n                    tooltip.style.top = rect.top - tooltip.offsetHeight - 10 + 'px';\r\n                });\r\n\r\n                element.addEventListener('mouseleave', () => {\r\n                    const tooltip = document.querySelector('.tooltip');\r\n                    if (tooltip) {\r\n                        tooltip.remove();\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\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>Document S\u1ea3n ph\u1ea9m B\u1ed9 c\u00f4ng c\u1ee5 to\u00e0n di\u1ec7n cho doanh nghi\u1ec7p 5 s\u1ea3n ph\u1ea9m m\u1ea1nh m\u1ebd, t\u00edch h\u1ee3p ho\u00e0n h\u1ea3o \u0111\u1ec3 v\u1eadn h\u00e0nh doanh nghi\u1ec7p hi\u1ec7u qu\u1ea3 BizNext POS H\u1ec7 th\u1ed1ng b\u00e1n h\u00e0ng th\u00f4ng minh Qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng \u0111a k\u00eanh, t\u1ed3n kho v\u00e0 kh\u00e1ch h\u00e0ng tr\u00ean m\u1ed9t n\u1ec1n t\u1ea3ng duy nh\u1ea5t Nhanh ch\u00f3ng X\u1eed [&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-216","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":35,"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":486,"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/pages\/216\/revisions\/486"}],"wp:attachment":[{"href":"https:\/\/biznext.vn\/index.php\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}