{"id":25607,"date":"2026-07-21T14:31:07","date_gmt":"2026-07-21T07:31:07","guid":{"rendered":"https:\/\/acmfood.com.vn\/%d9%85%d9%8f%d9%86%d8%b4%d8%a6-%d8%a7%d9%84%d9%85%d8%b4%d8%b1%d9%88%d8%a8%d8%a7%d8%aa"},"modified":"2026-07-21T14:31:07","modified_gmt":"2026-07-21T07:31:07","slug":"%d9%85%d9%8f%d9%86%d8%b4%d8%a6-%d8%a7%d9%84%d9%85%d8%b4%d8%b1%d9%88%d8%a8%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/acmfood.com.vn\/ar\/%d9%85%d9%8f%d9%86%d8%b4%d8%a6-%d8%a7%d9%84%d9%85%d8%b4%d8%b1%d9%88%d8%a8%d8%a7%d8%aa","title":{"rendered":"\u0645\u064f\u0646\u0634\u0626 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a"},"content":{"rendered":"<div class=\"beverage-builder-root\" id=\"beverage-builder-1\"\n    data-instance=\"1\">\n\n    <!-- Landing Screen -->\n    <div class=\"bb-landing\" data-screen=\"landing\">\n        <div class=\"bb-landing-inner\">\n            <div class=\"bb-landing-icon\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <rect width=\"80\" height=\"80\" rx=\"20\" fill=\"#0090CC\" \/>\n                    <path d=\"M25 20h30l-5 45H30L25 20z\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"\n                        stroke-linecap=\"round\" \/>\n                    <path d=\"M28 32h24M30 42h20\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.6\" \/>\n                    <circle cx=\"40\" cy=\"52\" r=\"4\" fill=\"#fff\" opacity=\"0.8\" \/>\n                    <defs>\n                        <linearGradient id=\"grad1\" x1=\"0\" y1=\"0\" x2=\"80\" y2=\"80\">\n                            <stop offset=\"0%\" stop-color=\"#667eea\" \/>\n                            <stop offset=\"100%\" stop-color=\"#0090CC\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                <\/svg>\n            <\/div>\n            <h2 class=\"bb-landing-title\">Beverage Product Builder<\/h2>\n            <p class=\"bb-landing-subtitle\">\n                Create your custom beverage product \u2014 from design, formula to production.            <\/p>\n            <button type=\"button\" class=\"bb-btn bb-btn-primary bb-btn-lg bb-start-btn\">\n                <span>Build Your Product<\/span>\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                    <path d=\"M7 4l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                <\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Main Builder (hidden initially) -->\n    <div class=\"bb-builder\" data-screen=\"builder\" style=\"display:none;\">\n\n        <!-- Tab Navigation -->\n        <nav class=\"bb-tabs-nav\" role=\"tablist\">\n            <button class=\"bb-tab-btn active\" data-tab=\"1\" role=\"tab\" aria-selected=\"true\">\n                <span class=\"bb-tab-num\">1<\/span>\n                <span class=\"bb-tab-label\">Packaging Design<\/span>\n            <\/button>\n            <button class=\"bb-tab-btn\" data-tab=\"2\" role=\"tab\" aria-selected=\"false\">\n                <span class=\"bb-tab-num\">2<\/span>\n                <span class=\"bb-tab-label\">Formula<\/span>\n            <\/button>\n            <button class=\"bb-tab-btn\" data-tab=\"3\" role=\"tab\" aria-selected=\"false\">\n                <span class=\"bb-tab-num\">3<\/span>\n                <span class=\"bb-tab-label\">Production<\/span>\n            <\/button>\n            <button class=\"bb-tab-btn\" data-tab=\"4\" role=\"tab\" aria-selected=\"false\">\n                <span class=\"bb-tab-num\">4<\/span>\n                <span class=\"bb-tab-label\">Summary<\/span>\n            <\/button>\n        <\/nav>\n\n        <!-- Progress Bar -->\n        <div class=\"bb-progress\">\n            <div class=\"bb-progress-bar\" style=\"width: 25%;\"><\/div>\n        <\/div>\n\n        <!-- Tab Content Container -->\n        <div class=\"bb-tab-panels\">\n\n            <!-- Tab 1: Packaging Design -->\n            <div class=\"bb-tab-panel active\" data-panel=\"1\" role=\"tabpanel\">\n                <div class=\"bb-panel-content\">\n                    <div class=\"bb-design-layout\">\n\n                        <!-- LEFT PANEL: Package Types + Toolbar -->\n                        <div class=\"bb-design-left\">\n\n                            <!-- Package Type Selector -->\n                            <div class=\"bb-section\">\n                                <h3 class=\"bb-section-title\">\n                                    Choose Packaging Type                                <\/h3>\n                                <div class=\"bb-package-types\" id=\"bb-package-types\">\n                                    <!-- Rendered by JS -->\n                                    <div class=\"bb-skeleton bb-skeleton-cards\"><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Label Design Toolbar -->\n                            <div class=\"bb-section\">\n                                <h3 class=\"bb-section-title\">Label Design                                <\/h3>\n                                <div class=\"bb-editor-toolbar bb-editor-toolbar--vertical\">\n                                    <button type=\"button\" class=\"bb-tool-btn bb-tool-btn--wide\"\n                                        data-action=\"upload-label\"\n                                        title=\"Upload Label\">\n                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n                                            <rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"2\" stroke=\"currentColor\"\n                                                stroke-width=\"1.5\" \/>\n                                            <circle cx=\"7\" cy=\"7\" r=\"1.5\" stroke=\"currentColor\" \/>\n                                            <path d=\"M2 13l4-4 3 3 2-2 5 5\" stroke=\"currentColor\" stroke-width=\"1.5\"\n                                                stroke-linecap=\"round\" \/>\n                                        <\/svg>\n                                        <span>Upload Label Image<\/span>\n                                    <\/button>\n                                    <button type=\"button\" class=\"bb-tool-btn bb-tool-btn--wide bb-tool-danger\"\n                                        data-action=\"delete-layer\"\n                                        title=\"Delete Layer\">\n                                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n                                            <path\n                                                d=\"M4 5h10M7 5V4a1 1 0 011-1h2a1 1 0 011 1v1M6 5v9a1 1 0 001 1h4a1 1 0 001-1V5\"\n                                                stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" \/>\n                                        <\/svg>\n                                        <span>Delete Label<\/span>\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            \n                        <\/div><!-- \/.bb-design-left -->\n\n                        <!-- RIGHT PANEL: Canvas -->\n                        <div class=\"bb-design-right\">\n                            <div class=\"bb-canvas-container-wrap\">\n                                <div class=\"bb-canvas-container\"\n                                    id=\"bb-canvas-container-1\">\n                                    <!-- Placeholder badge \u2013 bottom of canvas, above mockup -->\n                                    <div class=\"bb-canvas-placeholder\">\n                                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" fill=\"none\">\n                                            <rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"2\" stroke=\"currentColor\"\n                                                stroke-width=\"1.5\" \/>\n                                            <circle cx=\"7\" cy=\"7\" r=\"1.5\" stroke=\"currentColor\" \/>\n                                            <path d=\"M2 13l4-4 3 3 2-2 5 5\" stroke=\"currentColor\" stroke-width=\"1.5\"\n                                                stroke-linecap=\"round\" \/>\n                                        <\/svg>\n                                        <span>Upload or drag &amp; drop a label image<\/span>\n                                    <\/div>\n\n                                    <!-- Layer 1 (z:2): label image \u2013 sits BELOW the mockup -->\n                                    <img class=\"bb-label-image\" alt=\"Label preview\" draggable=\"false\"\n                                        style=\"display:none;\">\n\n                                    <!-- Layer 2 (z:10): mockup overlay \u2013 rendered ON TOP of label -->\n                                    <img class=\"bb-mockup-overlay\" alt=\"\" style=\"display:none;\">\n\n                                    <!-- Layer 3 (z:20): controls \u2013 ABOVE the mockup, always visible -->\n                                    <div class=\"bb-label-controls\" style=\"display:none;\">\n                                        <div class=\"bb-label-border\"><\/div>\n                                        <!-- Corner handles: proportional resize -->\n                                        <div class=\"bb-resize-handle bb-handle-nw\" data-handle=\"nw\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M4 12L12 4M4 4h4M4 4v4\" stroke=\"#fff\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-ne\" data-handle=\"ne\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M12 12L4 4M12 4H8M12 4v4\" stroke=\"#fff\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-sw\" data-handle=\"sw\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M4 4l8 8M4 12h4M4 12V8\" stroke=\"#fff\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-se\" data-handle=\"se\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M12 4L4 12M12 12H8M12 12V8\" stroke=\"#fff\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <!-- Edge handles: single-axis stretch -->\n                                        <div class=\"bb-resize-handle bb-handle-n\" data-handle=\"n\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M8 3v10M5 5.5L8 3l3 2.5M5 10.5L8 13l3-2.5\" stroke=\"#fff\"\n                                                    stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-s\" data-handle=\"s\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M8 3v10M5 5.5L8 3l3 2.5M5 10.5L8 13l3-2.5\" stroke=\"#fff\"\n                                                    stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-w\" data-handle=\"w\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M3 8h10M5.5 5L3 8l2.5 3M10.5 5L13 8l-2.5 3\" stroke=\"#fff\"\n                                                    stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <\/svg><\/div>\n                                        <div class=\"bb-resize-handle bb-handle-e\" data-handle=\"e\"><svg\n                                                viewBox=\"0 0 16 16\">\n                                                <path d=\"M3 8h10M5.5 5L3 8l2.5 3M10.5 5L13 8l-2.5 3\" stroke=\"#fff\"\n                                                    stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <\/svg><\/div>\n                                    <\/div>\n\n                                    <!-- Hidden canvas for export\/save only -->\n                                    <canvas id=\"bb-canvas-1\" width=\"400\"\n                                        height=\"500\" style=\"display:none;\"><\/canvas>\n                                <\/div>\n                            <\/div><!-- \/.bb-canvas-container-wrap -->\n                        <\/div><!-- \/.bb-design-right -->\n\n                    <\/div><!-- \/.bb-design-layout -->\n                <\/div>\n\n                <!-- Tab Actions -->\n                <div class=\"bb-tab-actions\">\n                    <button type=\"button\" class=\"bb-btn bb-btn-outline bb-download-btn\">\n                        Download This Step Design                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-primary bb-next-btn\" data-next=\"2\">\n                        Continue                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab 2: Formula -->\n            <div class=\"bb-tab-panel\" data-panel=\"2\" role=\"tabpanel\" style=\"display:none;\">\n                <div class=\"bb-panel-content\">\n                    <div class=\"bb-formula-layout\">\n                        <!-- Ingredients List -->\n                        <div class=\"bb-formula-left\">\n\n                            <!-- Recipe Selector -->\n                            <div class=\"bb-section bb-recipe-section\">\n                                <label\n                                    class=\"bb-section-label\">Beverage Type \/ Preset<\/label>\n                                <select class=\"bb-select\" id=\"bb-recipe-select\">\n                                    <option value=\"\">\n                                        \u2014 Custom (no preset) \u2014                                    <\/option>\n                                <\/select>\n                            <\/div>\n\n                            <div class=\"bb-section\">\n                                <div class=\"bb-section-header\">\n                                    <h3 class=\"bb-section-title\">\n                                        Ingredients                                    <\/h3>\n                                    <div class=\"bb-add-dropdown\">\n                                        <button type=\"button\" class=\"bb-btn  bb-add-ingredient-btn\">\n                                            + Add                                        <\/button>\n                                        <!-- Searchable ingredient picker -->\n                                        <div class=\"bb-ingredient-picker\" id=\"bb-ingredient-picker\"\n                                            style=\"display:none;\">\n                                            <div class=\"bb-picker-search\">\n                                                <input type=\"text\" id=\"bb-picker-search\"\n                                                    placeholder=\"Search ingredients\u2026\"\n                                                    autocomplete=\"off\">\n                                            <\/div>\n                                            <div class=\"bb-picker-list\" id=\"bb-picker-list\">\n                                                <div class=\"bb-picker-empty\">\n                                                    Loading\u2026                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"bb-ingredients-list\" id=\"bb-ingredients-list\">\n                                    <div class=\"bb-skeleton bb-skeleton-list\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Realtime Output -->\n                        <div class=\"bb-formula-right\">\n                            <div class=\"bb-output-panel\">\n                                <h3 class=\"bb-section-title\">Analysis<\/h3>\n\n                                <!-- Total Progress -->\n                                <div class=\"bb-output-card\">\n                                    <div class=\"bb-output-label\">Total %                                    <\/div>\n                                    <div class=\"bb-total-bar\">\n                                        <div class=\"bb-total-bar-fill\" id=\"bb-total-fill\"><\/div>\n                                    <\/div>\n                                    <div class=\"bb-total-footer\">\n                                        <div class=\"bb-total-value\" id=\"bb-total-value\">0%<\/div>\n                                        <button type=\"button\" class=\"bb-autofill-btn\" id=\"bb-autofill-btn\"\n                                            title=\"Auto-adjust all ingredients to sum to 100%\">\n                                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                                                <path d=\"M6 1v10M1 6h10\" stroke=\"currentColor\" stroke-width=\"1.5\"\n                                                    stroke-linecap=\"round\" \/>\n                                            <\/svg>\n                                            Auto-fill 100%                                        <\/button>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Brix -->\n                                <div class=\"bb-output-card\">\n                                    <div class=\"bb-output-label\">\n                                        Estimated Brix                                    <\/div>\n                                    <div class=\"bb-output-value\" id=\"bb-brix-value\">0<\/div>\n                                <\/div>\n\n                                <!-- Cost -->\n                                <div class=\"bb-output-card\">\n                                    <div class=\"bb-output-label\">\n                                        Estimated Cost ($\/liter)                                    <\/div>\n                                    <div class=\"bb-output-value\" id=\"bb-cost-value\">0<\/div>\n                                <\/div>\n\n                                <!-- Warnings -->\n                                <div class=\"bb-output-card bb-warnings-card\" id=\"bb-warnings-card\"\n                                    style=\"display:none;\">\n                                    <div class=\"bb-output-label\">Warnings                                    <\/div>\n                                    <div class=\"bb-warnings-list\" id=\"bb-warnings-list\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bb-tab-actions\">\n                    <button type=\"button\" class=\"bb-btn bb-btn-ghost bb-prev-btn\" data-prev=\"1\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M10 3l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                        Back                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-outline bb-download-btn\">\n                        Download This Step Design                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-primary bb-next-btn\" data-next=\"3\">\n                        Continue                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab 3: Production -->\n            <div class=\"bb-tab-panel\" data-panel=\"3\" role=\"tabpanel\" style=\"display:none;\">\n                <div class=\"bb-panel-content\">\n                    <div class=\"bb-production-layout\">\n                        <div class=\"bb-production-form\">\n                            <div class=\"bb-section\">\n                                <h3 class=\"bb-section-title\">\n                                    Production Parameters                                <\/h3>\n\n                                <div class=\"bb-form-group\">\n                                    <label>Technology<\/label>\n                                    <select class=\"bb-select\" id=\"bb-technology\">\n                                        <option value=\"nfc\">\n                                            NFC (Not From Concentrate)                                        <\/option>\n                                        <option value=\"concentrate\">\n                                            From Concentrate                                        <\/option>\n                                        <option value=\"aseptic\">Aseptic                                        <\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"bb-form-group\">\n                                    <label>Minimum Order Quantity (MOQ)<\/label>\n                                    <select class=\"bb-select\" id=\"bb-moq\">\n                                        <option value=\"<5000\">&lt; 5,000<\/option>\n                                        <option value=\"5000-10000\">5,000 \u2013 10,000<\/option>\n                                        <option value=\"10000-50000\">10,000 \u2013 50,000<\/option>\n                                        <option value=\">50000\">&gt; 50,000<\/option>\n                                    <\/select>\n                                <\/div>\n\n                                <div class=\"bb-form-group\">\n                                    <label>Standard<\/label>\n                                    <div class=\"bb-radio-group\">\n                                        <label class=\"bb-radio\">\n                                            <input type=\"radio\" name=\"bb-standard-1\"\n                                                value=\"domestic\" checked>\n                                            <span>Domestic<\/span>\n                                        <\/label>\n                                        <label class=\"bb-radio\">\n                                            <input type=\"radio\" name=\"bb-standard-1\"\n                                                value=\"fda\">\n                                            <span>FDA<\/span>\n                                        <\/label>\n                                        <label class=\"bb-radio\">\n                                            <input type=\"radio\" name=\"bb-standard-1\"\n                                                value=\"eu\">\n                                            <span>EU<\/span>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"bb-form-group\">\n                                    <label>Units \/ Case<\/label>\n                                    <input type=\"number\" class=\"bb-input\" id=\"bb-units-per-case\" value=\"24\" min=\"1\"\n                                        max=\"100\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"bb-production-output\">\n                            <div class=\"bb-output-panel\">\n                                <h3 class=\"bb-section-title\">\n                                    Production Cost                                <\/h3>\n\n                                <div class=\"bb-output-card bb-output-highlight\">\n                                    <div class=\"bb-output-label\">\n                                        Cost \/ Liter                                    <\/div>\n                                    <div class=\"bb-output-value bb-output-big\" id=\"bb-prod-cost-liter\">\u2014<\/div>\n                                <\/div>\n\n                                <div class=\"bb-output-card bb-output-highlight\">\n                                    <div class=\"bb-output-label\">\n                                        Cost \/ Case                                    <\/div>\n                                    <div class=\"bb-output-value bb-output-big\" id=\"bb-prod-cost-case\">\u2014<\/div>\n                                <\/div>\n\n                                <div class=\"bb-multiplier-info\" id=\"bb-multiplier-info\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bb-tab-actions\">\n                    <button type=\"button\" class=\"bb-btn bb-btn-ghost bb-prev-btn\" data-prev=\"2\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M10 3l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                        Back                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-outline bb-download-btn\">\n                        Download This Step Design                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-primary bb-next-btn\" data-next=\"4\">\n                        View Summary                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M6 3l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab 4: Summary -->\n            <div class=\"bb-tab-panel\" data-panel=\"4\" role=\"tabpanel\" style=\"display:none;\">\n                <div class=\"bb-panel-content\">\n                    <div class=\"bb-summary-layout\" id=\"bb-summary-content\">\n                        <div class=\"bb-skeleton bb-skeleton-summary\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bb-tab-actions\">\n                    <button type=\"button\" class=\"bb-btn bb-btn-ghost bb-prev-btn\" data-prev=\"3\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M10 3l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                        Back                    <\/button>\n                    <button type=\"button\" class=\"bb-btn bb-btn-primary bb-btn-lg bb-quote-btn\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                            <path d=\"M3 10h14M10 3v14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                        <\/svg>\n                        Get a Quote                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lead Capture Popup -->\n    <div class=\"bb-modal-overlay\" data-modal=\"lead\" style=\"display:none;\">\n        <div class=\"bb-modal\">\n            <button type=\"button\" class=\"bb-modal-close\" aria-label=\"Close\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                    <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"bb-modal-body\">\n                <h3 class=\"bb-modal-title\">Get a Quote &amp; Design<\/h3>\n                <p class=\"bb-modal-subtitle\">\n                    Leave your information and we will send you a detailed quote.                <\/p>\n                <form class=\"bb-lead-form\" novalidate>\n                    <div class=\"bb-form-group\">\n                        <label>Full Name <span\n                                class=\"bb-required\">*<\/span><\/label>\n                        <input type=\"text\" class=\"bb-input\" name=\"name\" required>\n                    <\/div>\n                    <div class=\"bb-form-group\">\n                        <label>Email <span\n                                class=\"bb-required\">*<\/span><\/label>\n                        <input type=\"email\" class=\"bb-input\" name=\"email\" required>\n                    <\/div>\n                    <div class=\"bb-form-group\">\n                        <label>Phone Number <span\n                                class=\"bb-required\">*<\/span><\/label>\n                        <input type=\"tel\" class=\"bb-input\" name=\"phone\" required>\n                    <\/div>\n                    <div class=\"bb-form-group\">\n                        <label>Note<\/label>\n                        <textarea class=\"bb-input bb-textarea\" name=\"note\" rows=\"3\"><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"bb-btn bb-btn-primary bb-btn-lg bb-btn-full bb-lead-submit\">\n                        Submit Quote Request                    <\/button>\n                    <div class=\"bb-lead-status\" style=\"display:none;\"><\/div>\n                <\/form>\n                <!-- Success State -->\n                <div class=\"bb-lead-success\" style=\"display:none;\">\n                    <div class=\"bb-success-icon\">\n                        <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\">\n                            <circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#10b981\" stroke-width=\"2\" \/>\n                            <path d=\"M20 32l8 8 16-16\" stroke=\"#10b981\" stroke-width=\"3\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Thank you!<\/h3>\n                    <p>We will get back to you as soon as possible. Check your email to download the design.                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Hidden file input for label upload -->\n    <input type=\"file\" class=\"bb-file-input\" accept=\"image\/*\" style=\"display:none;\">\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":13876,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25607","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/pages\/25607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/comments?post=25607"}],"version-history":[{"count":0,"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/pages\/25607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/media\/13876"}],"wp:attachment":[{"href":"https:\/\/acmfood.com.vn\/ar\/wp-json\/wp\/v2\/media?parent=25607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}