{"id":9,"date":"2026-08-16T18:32:03","date_gmt":"2026-08-16T18:32:03","guid":{"rendered":"https:\/\/bluepioneer-holdings.co.za\/wp\/?page_id=9"},"modified":"2026-08-16T18:32:03","modified_gmt":"2026-08-16T18:32:03","slug":"vector-design-studio","status":"publish","type":"page","link":"https:\/\/bluepioneer-holdings.co.za\/wp\/?page_id=9","title":{"rendered":"Vector Design Studio"},"content":{"rendered":"        <div class=\"pfvs-front-wrap pfvs-wrap\">\n            <div class=\"pfvs-public-note\"><strong>Guest Vector Studio<\/strong><span>Projects are saved in this browser. Import editable PDF\/SVG artwork, images or Printflow JSON, group or ungroup objects, and export when finished.<\/span><\/div>            <div id=\"pfvs-app\" class=\"pfvs-app\" aria-label=\"Printflow Vector Studio\">\n                <header class=\"pfvs-header\">\n                    <div class=\"pfvs-brand\">\n                        <span class=\"dashicons dashicons-art\"><\/span>\n                        <strong>Printflow Vector Studio<\/strong>\n                        <span class=\"pfvs-version\">v0.5.0<\/span>\n                    <\/div>\n                    <input id=\"pfvs-project-title\" class=\"pfvs-project-title\" type=\"text\" value=\"Untitled Design\" aria-label=\"Project title\">\n                    <div class=\"pfvs-header-actions\">\n                        <button type=\"button\" class=\"button\" data-action=\"new-project\"><span class=\"dashicons dashicons-plus-alt2\"><\/span> New<\/button>\n                        <button type=\"button\" class=\"button\" data-action=\"open-project\"><span class=\"dashicons dashicons-portfolio\"><\/span> Open<\/button>\n                        <button type=\"button\" class=\"button\" data-action=\"import-menu\"><span class=\"dashicons dashicons-upload\"><\/span> Import<\/button>\n                        <button type=\"button\" class=\"button button-primary\" data-action=\"save-project\"><span class=\"dashicons dashicons-saved\"><\/span> Save<\/button>\n                        <button type=\"button\" class=\"button\" data-action=\"export-menu\"><span class=\"dashicons dashicons-download\"><\/span> Export<\/button>\n                    <\/div>\n                <\/header>\n\n                <div class=\"pfvs-commandbar\">\n                    <div class=\"pfvs-command-group\">\n                        <button type=\"button\" title=\"Undo\" data-action=\"undo\"><span class=\"dashicons dashicons-undo\"><\/span><\/button>\n                        <button type=\"button\" title=\"Redo\" data-action=\"redo\"><span class=\"dashicons dashicons-redo\"><\/span><\/button>\n                        <button type=\"button\" title=\"Copy\" data-action=\"copy\"><span class=\"dashicons dashicons-admin-page\"><\/span><\/button>\n                        <button type=\"button\" title=\"Paste\" data-action=\"paste\"><span class=\"dashicons dashicons-clipboard\"><\/span><\/button>\n                        <button type=\"button\" title=\"Duplicate\" data-action=\"duplicate\"><span class=\"dashicons dashicons-images-alt2\"><\/span><\/button>\n                        <button type=\"button\" title=\"Delete\" data-action=\"delete\"><span class=\"dashicons dashicons-trash\"><\/span><\/button>\n                    <\/div>\n                    <div class=\"pfvs-command-group\">\n                        <button type=\"button\" class=\"pfvs-labelled-command\" title=\"Group selected objects (Ctrl\/Cmd+G)\" data-action=\"group\"><span class=\"dashicons dashicons-editor-contract\"><\/span><span>Group<\/span><\/button>\n                        <button type=\"button\" class=\"pfvs-labelled-command\" title=\"Ungroup selected group (Ctrl\/Cmd+Shift+G)\" data-action=\"ungroup\"><span class=\"dashicons dashicons-editor-expand\"><\/span><span>Ungroup<\/span><\/button>\n                        <button type=\"button\" class=\"pfvs-labelled-command\" title=\"Recursively release every nested group\" data-action=\"ungroup-all\"><span class=\"dashicons dashicons-networking\"><\/span><span>Ungroup all<\/span><\/button>\n                        <button type=\"button\" title=\"Bring forward\" data-action=\"bring-forward\"><span class=\"dashicons dashicons-arrow-up-alt\"><\/span><\/button>\n                        <button type=\"button\" title=\"Send backward\" data-action=\"send-backward\"><span class=\"dashicons dashicons-arrow-down-alt\"><\/span><\/button>\n                    <\/div>\n                    <div class=\"pfvs-command-group\">\n                        <button type=\"button\" title=\"Align left\" data-action=\"align-left\">L<\/button>\n                        <button type=\"button\" title=\"Align centre\" data-action=\"align-center\">C<\/button>\n                        <button type=\"button\" title=\"Align right\" data-action=\"align-right\">R<\/button>\n                        <button type=\"button\" title=\"Align top\" data-action=\"align-top\">T<\/button>\n                        <button type=\"button\" title=\"Align middle\" data-action=\"align-middle\">M<\/button>\n                        <button type=\"button\" title=\"Align bottom\" data-action=\"align-bottom\">B<\/button>\n                    <\/div>\n                    <div class=\"pfvs-command-group pfvs-pathfinder\" aria-label=\"Pathfinder\">\n                        <button type=\"button\" title=\"Weld \/ Unite selected vector objects\" data-action=\"path-weld\">Weld<\/button>\n                        <button type=\"button\" title=\"Punch: subtract upper objects from the bottom object\" data-action=\"path-punch\">Punch<\/button>\n                        <button type=\"button\" title=\"Trim the bottom object while keeping the cutter\" data-action=\"path-trim\">Trim<\/button>\n                        <button type=\"button\" title=\"Keep only overlapping areas\" data-action=\"path-intersect\">Intersect<\/button>\n                        <button type=\"button\" title=\"Exclude overlapping areas\" data-action=\"path-exclude\">Exclude<\/button>\n                        <button type=\"button\" title=\"Divide the bottom object into pieces\" data-action=\"path-divide\">Divide<\/button>\n                        <button type=\"button\" title=\"Convert selected vector object to an editable path\" data-action=\"convert-to-path\">Curves<\/button>\n                        <button type=\"button\" title=\"Use the upper object as a clipping mask\" data-action=\"clip-mask\">Clip<\/button>\n                        <button type=\"button\" title=\"Release the clipping mask\" data-action=\"release-clip\">Release<\/button>\n                    <\/div>\n                    <div class=\"pfvs-command-group pfvs-zoom-controls\">\n                        <button type=\"button\" title=\"Zoom out\" data-action=\"zoom-out\">\u2212<\/button>\n                        <span id=\"pfvs-zoom-label\">100%<\/span>\n                        <button type=\"button\" title=\"Zoom in\" data-action=\"zoom-in\">+<\/button>\n                        <button type=\"button\" title=\"Fit artboard\" data-action=\"zoom-fit\">Fit<\/button>\n                    <\/div>\n                <\/div>\n\n                <main class=\"pfvs-main\">\n                    <aside class=\"pfvs-tools\" aria-label=\"Tools\">\n                        <button type=\"button\" class=\"is-active\" data-tool=\"select\" title=\"Select\"><span class=\"dashicons dashicons-arrow-up-alt2\"><\/span><small>Select<\/small><\/button>\n                        <button type=\"button\" data-tool=\"node\" title=\"Edit path nodes\"><span class=\"pfvs-shape-icon\">\u25c7<\/span><small>Nodes<\/small><\/button>\n                        <button type=\"button\" data-tool=\"pen\" title=\"B\u00e9zier pen: click nodes, drag handles, Enter to finish\"><span class=\"pfvs-shape-icon\">\u2712<\/span><small>Pen<\/small><\/button>\n                        <button type=\"button\" data-tool=\"text\" title=\"Click the page to insert text\"><span class=\"dashicons dashicons-editor-textcolor\"><\/span><small>Text<\/small><\/button>\n                        <button type=\"button\" data-tool=\"rect\" title=\"Drag to draw a rectangle; Shift constrains, Alt draws from centre\"><span class=\"pfvs-shape-icon\">\u25a1<\/span><small>Rect<\/small><\/button>\n                        <button type=\"button\" data-tool=\"ellipse\" title=\"Drag to draw an ellipse; Shift makes a circle\"><span class=\"pfvs-shape-icon\">\u25cb<\/span><small>Ellipse<\/small><\/button>\n                        <button type=\"button\" data-tool=\"triangle\" title=\"Drag to draw a triangle\"><span class=\"pfvs-shape-icon\">\u25b3<\/span><small>Triangle<\/small><\/button>\n                        <button type=\"button\" data-tool=\"line\" title=\"Drag to draw a line; Shift constrains to 45\u00b0\"><span class=\"pfvs-shape-icon\">\u2571<\/span><small>Line<\/small><\/button>\n                        <button type=\"button\" data-tool=\"star\" title=\"Drag to draw a star; Shift constrains proportions\"><span class=\"pfvs-shape-icon\">\u2606<\/span><small>Star<\/small><\/button>\n                        <button type=\"button\" data-tool=\"pencil\" title=\"Freehand\"><span class=\"dashicons dashicons-edit\"><\/span><small>Draw<\/small><\/button>\n                        <button type=\"button\" data-tool=\"image\" title=\"Import image\"><span class=\"dashicons dashicons-format-image\"><\/span><small>Image<\/small><\/button>\n                        <button type=\"button\" data-tool=\"svg\" title=\"Import SVG\"><span class=\"dashicons dashicons-media-code\"><\/span><small>SVG<\/small><\/button>\n                        <button type=\"button\" data-tool=\"font\" title=\"Load font\"><span class=\"dashicons dashicons-editor-spellcheck\"><\/span><small>Font<\/small><\/button>\n                    <\/aside>\n\n                    <section class=\"pfvs-workspace-wrap\">\n                        <div class=\"pfvs-ruler pfvs-ruler-x\" id=\"pfvs-ruler-x\"><\/div>\n                        <div class=\"pfvs-ruler pfvs-ruler-y\" id=\"pfvs-ruler-y\"><\/div>\n                        <div id=\"pfvs-workspace\" class=\"pfvs-workspace\">\n                            <div id=\"pfvs-artboard-shell\" class=\"pfvs-artboard-shell\">\n                                <canvas id=\"pfvs-canvas\" width=\"794\" height=\"1123\"><\/canvas>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pfvs-statusbar\">\n                            <span id=\"pfvs-status\">Ready \u2014 drag to draw; Shift constrains; Alt draws from centre<\/span>\n                            <span id=\"pfvs-selection-status\">No selection<\/span>\n                            <label><input id=\"pfvs-grid-toggle\" type=\"checkbox\"> Grid<\/label>\n                            <label><input id=\"pfvs-snap-toggle\" type=\"checkbox\" checked> Snap<\/label>\n                        <\/div>\n                    <\/section>\n\n                    <aside class=\"pfvs-sidebar\">\n                        <div class=\"pfvs-panel\">\n                            <h2>Document<\/h2>\n                            <div class=\"pfvs-field-grid\">\n                                <label>Preset\n                                    <select id=\"pfvs-page-preset\">\n                                        <option value=\"a4\">A4 Portrait<\/option>\n                                        <option value=\"a4-landscape\">A4 Landscape<\/option>\n                                        <option value=\"a3\">A3 Portrait<\/option>\n                                        <option value=\"square\">Square<\/option>\n                                        <option value=\"social\">Social 1080 \u00d7 1080<\/option>\n                                        <option value=\"story\">Story 1080 \u00d7 1920<\/option>\n                                        <option value=\"custom\">Custom<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label>Units\n                                    <select id=\"pfvs-units\">\n                                        <option value=\"mm\">mm<\/option>\n                                        <option value=\"in\">in<\/option>\n                                        <option value=\"px\">px<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label>Width<input id=\"pfvs-page-width\" type=\"number\" min=\"1\" step=\"0.1\" value=\"210\"><\/label>\n                                <label>Height<input id=\"pfvs-page-height\" type=\"number\" min=\"1\" step=\"0.1\" value=\"297\"><\/label>\n                            <\/div>\n                            <button type=\"button\" class=\"button\" data-action=\"apply-page-size\">Apply page size<\/button>\n                        <\/div>\n\n                        <div class=\"pfvs-panel\">\n                            <h2>Object properties<\/h2>\n                            <div class=\"pfvs-field-grid\">\n                                <label>X<input id=\"pfvs-prop-x\" data-prop=\"left\" type=\"number\" step=\"0.1\"><\/label>\n                                <label>Y<input id=\"pfvs-prop-y\" data-prop=\"top\" type=\"number\" step=\"0.1\"><\/label>\n                                <label>W<input id=\"pfvs-prop-w\" data-prop=\"width\" type=\"number\" min=\"0.1\" step=\"0.1\"><\/label>\n                                <label>H<input id=\"pfvs-prop-h\" data-prop=\"height\" type=\"number\" min=\"0.1\" step=\"0.1\"><\/label>\n                                <label>Rotation<input id=\"pfvs-prop-angle\" data-prop=\"angle\" type=\"number\" step=\"1\"><\/label>\n                                <label>Opacity<input id=\"pfvs-prop-opacity\" data-prop=\"opacity\" type=\"number\" min=\"0\" max=\"100\" step=\"1\"><\/label>\n                            <\/div>\n                            <div class=\"pfvs-field-grid\">\n                                <label>Fill<input id=\"pfvs-prop-fill\" data-prop=\"fill\" type=\"color\" value=\"#2f6fed\"><\/label>\n                                <label>Stroke<input id=\"pfvs-prop-stroke\" data-prop=\"stroke\" type=\"color\" value=\"#111827\"><\/label>\n                                <label>Stroke width<input id=\"pfvs-prop-stroke-width\" data-prop=\"strokeWidth\" type=\"number\" min=\"0\" max=\"100\" step=\"0.5\"><\/label>\n                                <label>Corner radius<input id=\"pfvs-prop-radius\" data-prop=\"rx\" type=\"number\" min=\"0\" step=\"1\"><\/label>\n                            <\/div>\n                            <div id=\"pfvs-text-properties\" class=\"pfvs-text-properties\">\n                                <label>Font family\n                                    <select id=\"pfvs-font-family\" data-prop=\"fontFamily\">\n                                        <option>Arial<\/option>\n                                        <option>Arial Black<\/option>\n                                        <option>Calibri<\/option>\n                                        <option>Cambria<\/option>\n                                        <option>Georgia<\/option>\n                                        <option>Helvetica<\/option>\n                                        <option>Impact<\/option>\n                                        <option>Tahoma<\/option>\n                                        <option>Times New Roman<\/option>\n                                        <option>Trebuchet MS<\/option>\n                                        <option>Verdana<\/option>\n                                    <\/select>\n                                <\/label>\n                                <div class=\"pfvs-field-grid\">\n                                    <label>Font size<input id=\"pfvs-font-size\" data-prop=\"fontSize\" type=\"number\" min=\"4\" max=\"500\" step=\"1\"><\/label>\n                                    <label>Line height<input id=\"pfvs-line-height\" data-prop=\"lineHeight\" type=\"number\" min=\"0.5\" max=\"5\" step=\"0.1\"><\/label>\n                                <\/div>\n                                <div class=\"pfvs-inline-buttons\">\n                                    <button type=\"button\" data-action=\"font-bold\"><strong>B<\/strong><\/button>\n                                    <button type=\"button\" data-action=\"font-italic\"><em>I<\/em><\/button>\n                                    <button type=\"button\" data-action=\"text-left\">Left<\/button>\n                                    <button type=\"button\" data-action=\"text-center\">Centre<\/button>\n                                    <button type=\"button\" data-action=\"text-right\">Right<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pfvs-panel pfvs-arrange-panel\">\n                            <h2>Align &amp; distribute<\/h2>\n                            <label class=\"pfvs-full-field\">Align relative to\n                                <select id=\"pfvs-align-target\">\n                                    <option value=\"selection\">Selection<\/option>\n                                    <option value=\"key\">Key object (last selected)<\/option>\n                                    <option value=\"page\">Page<\/option>\n                                <\/select>\n                            <\/label>\n                            <div class=\"pfvs-align-grid\" aria-label=\"Alignment controls\">\n                                <button type=\"button\" class=\"button\" data-action=\"align-left\">Left<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"align-center\">Centre<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"align-right\">Right<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"align-top\">Top<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"align-middle\">Middle<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"align-bottom\">Bottom<\/button>\n                            <\/div>\n                            <div class=\"pfvs-distribute-grid\">\n                                <button type=\"button\" class=\"button\" data-action=\"distribute-h-centres\">Distribute H centres<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"distribute-v-centres\">Distribute V centres<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"distribute-h-gaps\">Equal H gaps<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"distribute-v-gaps\">Equal V gaps<\/button>\n                            <\/div>\n                            <h2 class=\"pfvs-subheading\">Transform<\/h2>\n                            <div class=\"pfvs-transform-grid\">\n                                <button type=\"button\" class=\"button\" data-action=\"flip-h\">Flip H<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"flip-v\">Flip V<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"rotate-left-90\">Rotate \u221290\u00b0<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"rotate-right-90\">Rotate +90\u00b0<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"center-page\">Centre on page<\/button>\n                            <\/div>\n                            <h2 class=\"pfvs-subheading\">Group &amp; arrange<\/h2>\n                            <div class=\"pfvs-arrange-actions\">\n                                <button type=\"button\" class=\"button\" data-action=\"group\"><span class=\"dashicons dashicons-editor-contract\"><\/span> Group<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"ungroup\"><span class=\"dashicons dashicons-editor-expand\"><\/span> Ungroup<\/button>\n                                <button type=\"button\" class=\"button\" data-action=\"ungroup-all\"><span class=\"dashicons dashicons-networking\"><\/span> Ungroup all<\/button>\n                            <\/div>\n                            <p class=\"description\">Professional alignment can target the selection, the last-selected key object, or the page. Distribution supports equal centres and equal physical gaps.<\/p>\n                        <\/div>\n\n                        <div class=\"pfvs-panel pfvs-layers-panel\">\n                            <div class=\"pfvs-panel-heading\">\n                                <h2>Layers<\/h2>\n                                <button type=\"button\" title=\"Refresh layers\" data-action=\"refresh-layers\"><span class=\"dashicons dashicons-update\"><\/span><\/button>\n                            <\/div>\n                            <div id=\"pfvs-layers\" class=\"pfvs-layers\"><\/div>\n                        <\/div>\n                    <\/aside>\n                <\/main>\n\n                <div id=\"pfvs-import-menu\" class=\"pfvs-popover pfvs-import-menu\" hidden>\n                    <button type=\"button\" data-import=\"any\"><strong>Import artwork<\/strong><small>Editable PDF\/SVG, PNG, JPG, WebP or project JSON<\/small><\/button>\n                    <button type=\"button\" data-import=\"svg\">Import editable SVG<\/button>\n                    <button type=\"button\" data-import=\"pdf\">Import an editable PDF page<\/button>\n                    <button type=\"button\" data-import=\"image\">Import an image<\/button>\n                    <button type=\"button\" data-import=\"json\">Import project JSON<\/button>\n                <\/div>\n\n                <div id=\"pfvs-export-menu\" class=\"pfvs-popover\" hidden>\n                    <button type=\"button\" data-export=\"svg\">Export SVG (vector)<\/button>\n                    <button type=\"button\" data-export=\"png\">Export PNG<\/button>\n                    <button type=\"button\" data-export=\"pdf\">Export PDF<\/button>\n                    <button type=\"button\" data-export=\"json\">Export project JSON<\/button>\n                <\/div>\n\n                <div id=\"pfvs-pdf-modal\" class=\"pfvs-modal\" hidden>\n                    <div class=\"pfvs-modal-card pfvs-pdf-modal-card\">\n                        <div class=\"pfvs-modal-header\">\n                            <h2>Import PDF page<\/h2>\n                            <button type=\"button\" data-action=\"close-pdf-modal\" aria-label=\"Close\">\u00d7<\/button>\n                        <\/div>\n                        <div class=\"pfvs-pdf-import-grid\">\n                            <label>Page\n                                <input id=\"pfvs-pdf-page\" type=\"number\" min=\"1\" value=\"1\">\n                                <small id=\"pfvs-pdf-page-count\">of 1<\/small>\n                            <\/label>\n                            <label>Import mode\n                                <select id=\"pfvs-pdf-mode\">\n                                    <option value=\"editable\">Editable objects \u2014 text, vector paths and images<\/option>\n                                    <option value=\"image\">High-fidelity flattened page image<\/option>\n                                <\/select>\n                            <\/label>\n                            <label class=\"pfvs-check-row\"><input id=\"pfvs-pdf-replace-page\" type=\"checkbox\" checked> Match the artboard to the PDF page size<\/label>\n                            <label class=\"pfvs-check-row\"><input id=\"pfvs-pdf-keep-grouped\" type=\"checkbox\" checked> Keep imported page grouped initially<\/label>\n                        <\/div>\n                        <div class=\"pfvs-import-notice\">\n                            Editable import preserves separate PDF objects where the file structure allows it. Outlined text remains vector paths, and scanned pages remain raster images.\n                        <\/div>\n                        <div class=\"pfvs-modal-actions\">\n                            <button type=\"button\" class=\"button\" data-action=\"close-pdf-modal\">Cancel<\/button>\n                            <button type=\"button\" class=\"button button-primary\" data-action=\"confirm-pdf-import\">Import page<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"pfvs-context-menu\" class=\"pfvs-context-menu\" hidden>\n                    <button type=\"button\" data-action=\"group\"><span class=\"dashicons dashicons-editor-contract\"><\/span> Group<\/button>\n                    <button type=\"button\" data-action=\"ungroup\"><span class=\"dashicons dashicons-editor-expand\"><\/span> Ungroup<\/button>\n                    <button type=\"button\" data-action=\"ungroup-all\"><span class=\"dashicons dashicons-networking\"><\/span> Ungroup all<\/button>\n                    <hr>\n                    <button type=\"button\" data-action=\"duplicate\"><span class=\"dashicons dashicons-images-alt2\"><\/span> Duplicate<\/button>\n                    <button type=\"button\" data-action=\"delete\"><span class=\"dashicons dashicons-trash\"><\/span> Delete<\/button>\n                <\/div>\n\n                <div id=\"pfvs-project-modal\" class=\"pfvs-modal\" hidden>\n                    <div class=\"pfvs-modal-card\">\n                        <div class=\"pfvs-modal-header\">\n                            <h2>Saved projects<\/h2>\n                            <button type=\"button\" data-action=\"close-project-modal\" aria-label=\"Close\">\u00d7<\/button>\n                        <\/div>\n                        <div id=\"pfvs-project-list\" class=\"pfvs-project-list\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <input id=\"pfvs-import-input\" type=\"file\" accept=\".svg,.pdf,.json,.png,.jpg,.jpeg,.webp,.gif,image\/svg+xml,application\/pdf,application\/json,image\/png,image\/jpeg,image\/webp,image\/gif\" hidden>\n                <input id=\"pfvs-pdf-input\" type=\"file\" accept=\"application\/pdf,.pdf\" hidden>\n                <input id=\"pfvs-image-input\" type=\"file\" accept=\"image\/png,image\/jpeg,image\/webp,image\/gif\" hidden>\n                <input id=\"pfvs-svg-input\" type=\"file\" accept=\"image\/svg+xml,.svg\" hidden>\n                <input id=\"pfvs-font-input\" type=\"file\" accept=\".ttf,.otf,font\/ttf,font\/otf\" hidden>\n                <input id=\"pfvs-json-input\" type=\"file\" accept=\"application\/json,.json\" hidden>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-service.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":0,"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/bluepioneer-holdings.co.za\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}