{"id":11,"date":"2026-09-17T12:46:54","date_gmt":"2026-09-17T12:46:54","guid":{"rendered":"https:\/\/hospac.ng\/?page_id=11"},"modified":"2026-09-17T14:08:28","modified_gmt":"2026-09-17T14:08:28","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/hospac.ng\/","title":{"rendered":"coming soon"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb45881 e-flex e-con-boxed e-con e-parent\" data-id=\"fb45881\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1de0df elementor-widget elementor-widget-html\" data-id=\"c1de0df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"hospacComingSoon\">\r\n\r\n    <main class=\"hc-page\">\r\n\r\n        <!-- =========================\r\n             LEFT CONTENT\r\n        ========================== -->\r\n\r\n        <section class=\"hc-left\">\r\n\r\n            <div class=\"hc-left-inner\">\r\n\r\n                <!-- LOGO -->\r\n                <div class=\"hc-logo-area\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hospac.ng\/wp-content\/uploads\/2026\/09\/HOSPAC_Dark_Background_Logo_Transparent.png\"\r\n                        alt=\"HOSPAC\"\r\n                        class=\"hc-logo\"\r\n                    >\r\n\r\n                    <div class=\"hc-company-name\">\r\n                        Hospitality Packaging Ltd\r\n                    <\/div>\r\n\r\n                    <div class=\"hc-tagline\">\r\n                        Quality Packaging for a Brighter Tomorrow\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- EYEBROW -->\r\n                <div class=\"hc-eyebrow\">\r\n                    <span><\/span>\r\n                    Our New Website Is\r\n                <\/div>\r\n\r\n\r\n                <!-- TITLE -->\r\n                <h1 class=\"hc-title\">\r\n                    Something Better\r\n                    <strong>Is Coming.<\/strong>\r\n                <\/h1>\r\n\r\n\r\n                <!-- DESCRIPTION -->\r\n                <p class=\"hc-description\">\r\n                    We\u2019re building a new digital home for HOSPAC \u2014\r\n                    designed to make discovering our packaging solutions,\r\n                    requesting quotations and connecting with our team\r\n                    easier than ever.\r\n                <\/p>\r\n\r\n\r\n                <!-- LAUNCH DATE -->\r\n                <div class=\"hc-launch\">\r\n                    <span><\/span>\r\n                    <strong>Launching 1 October 2026<\/strong>\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================\r\n                     COUNTDOWN\r\n                ========================== -->\r\n\r\n                <div class=\"hc-countdown\">\r\n\r\n                    <div class=\"hc-countdown-title\">\r\n                        Launching In\r\n                    <\/div>\r\n\r\n                    <div class=\"hc-countdown-grid\">\r\n\r\n                        <div>\r\n                            <strong id=\"hcDays\">00<\/strong>\r\n                            <span>Days<\/span>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong id=\"hcHours\">00<\/strong>\r\n                            <span>Hours<\/span>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong id=\"hcMinutes\">00<\/strong>\r\n                            <span>Minutes<\/span>\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <strong id=\"hcSeconds\">00<\/strong>\r\n                            <span>Seconds<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================\r\n                     BUTTONS\r\n                ========================== -->\r\n\r\n                <div class=\"hc-actions\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        id=\"hcOpenQuote\"\r\n                        class=\"hc-btn hc-btn-primary\"\r\n                    >\r\n                        Request a Quote\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n\r\n                    <a\r\n                        href=\"tel:+2348061900434\"\r\n                        class=\"hc-btn hc-btn-outline\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M6.62 10.79a15.54 15.54 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z\"\/>\r\n                        <\/svg>\r\n\r\n                        Contact HOSPAC\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================\r\n                     CONTACT\r\n                ========================== -->\r\n\r\n                <div class=\"hc-contact-grid\">\r\n\r\n                    <a href=\"tel:+2348061900434\">\r\n\r\n                        <span class=\"hc-contact-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M6.62 10.79a15.54 15.54 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            <small>Call Us<\/small>\r\n                            <strong>+234 806 190 0434<\/strong>\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"mailto:info@hospac.ng\">\r\n\r\n                        <span class=\"hc-contact-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            <small>Email Us<\/small>\r\n                            <strong>info@hospac.ng<\/strong>\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================\r\n                     SOCIALS\r\n                ========================== -->\r\n\r\n                <div class=\"hc-social\">\r\n\r\n                    <span class=\"hc-social-title\">\r\n                        Follow Us\r\n                    <\/span>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.instagram.com\/hospac_ng\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                        aria-label=\"Instagram\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M7 2h10a5 5 0 015 5v10a5 5 0 01-5 5H7a5 5 0 01-5-5V7a5 5 0 015-5zm0 2a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H7zm5 3a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6zm5.5-3.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.tiktok.com\/@hospac_ng\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                        aria-label=\"TikTok\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M15.5 3c.45 2.24 1.76 3.58 4 4v3a8.12 8.12 0 01-4-1.1v6.35a6.25 6.25 0 11-5.38-6.19v3.12a3.25 3.25 0 102.38 3.07V3h3z\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n\r\n                    <span class=\"hc-social-handle\">\r\n                        @hospac_ng\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- DESKTOP COPYRIGHT -->\r\n                <div class=\"hc-copyright hc-copyright-desktop\">\r\n                    \u00a9 2026 Hospitality Packaging Ltd. All Rights Reserved.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =========================\r\n             PRODUCT IMAGE\r\n        ========================== -->\r\n\r\n        <section class=\"hc-right\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/hospac.ng\/wp-content\/uploads\/2026\/09\/HOSPAC_Product_Image.png\"\r\n                alt=\"HOSPAC packaging products\"\r\n                class=\"hc-product\"\r\n            >\r\n\r\n            <div class=\"hc-image-overlay\"><\/div>\r\n\r\n\r\n            <div class=\"hc-image-label\">\r\n                <span><\/span>\r\n\r\n                <p>\r\n                    Packaging Solutions<br>\r\n                    For Growing Brands\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n\r\n    <!-- MOBILE COPYRIGHT -->\r\n    <div class=\"hc-copyright hc-copyright-mobile\">\r\n        \u00a9 2026 Hospitality Packaging Ltd. All Rights Reserved.\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         QUOTE MODAL\r\n    ====================================================== -->\r\n\r\n    <div\r\n        id=\"hcQuoteModal\"\r\n        class=\"hc-modal\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <div\r\n            id=\"hcQuoteOverlay\"\r\n            class=\"hc-modal-overlay\"\r\n        ><\/div>\r\n\r\n\r\n        <div class=\"hc-modal-box\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                id=\"hcCloseQuote\"\r\n                class=\"hc-modal-close\"\r\n                aria-label=\"Close\"\r\n            >\r\n                \u00d7\r\n            <\/button>\r\n\r\n\r\n            <div class=\"hc-modal-heading\">\r\n\r\n                <span>HOSPAC<\/span>\r\n\r\n                <h2>\r\n                    Request a Quote\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Tell us what packaging you need and continue\r\n                    your request directly on WhatsApp.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <form id=\"hcQuoteForm\">\r\n\r\n                <div class=\"hc-form-grid\">\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcName\">\r\n                            Full Name *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"hcName\"\r\n                            required\r\n                            placeholder=\"Your full name\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcBusiness\">\r\n                            Business \/ Company\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"hcBusiness\"\r\n                            placeholder=\"Business name\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcPhone\">\r\n                            Phone Number *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"hcPhone\"\r\n                            required\r\n                            placeholder=\"080...\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcEmail\">\r\n                            Email Address\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"email\"\r\n                            id=\"hcEmail\"\r\n                            placeholder=\"name@email.com\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field hc-field-full\">\r\n\r\n                        <label for=\"hcProduct\">\r\n                            Product \/ Packaging Needed *\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"hcProduct\"\r\n                            required\r\n                            placeholder=\"e.g. Burger boxes, paper cups...\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcQuantity\">\r\n                            Estimated Quantity\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"hcQuantity\"\r\n                            placeholder=\"e.g. 2,000 pieces\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field\">\r\n\r\n                        <label for=\"hcBranding\">\r\n                            Custom Branding?\r\n                        <\/label>\r\n\r\n                        <select id=\"hcBranding\">\r\n\r\n                            <option value=\"Not specified\">\r\n                                Select option\r\n                            <\/option>\r\n\r\n                            <option value=\"Yes\">\r\n                                Yes\r\n                            <\/option>\r\n\r\n                            <option value=\"No\">\r\n                                No\r\n                            <\/option>\r\n\r\n                            <option value=\"Not sure\">\r\n                                Not sure\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hc-field hc-field-full\">\r\n\r\n                        <label for=\"hcMessage\">\r\n                            Additional Information\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            id=\"hcMessage\"\r\n                            rows=\"3\"\r\n                            placeholder=\"Anything else we should know?\"\r\n                        ><\/textarea>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"hc-submit\"\r\n                >\r\n                    Continue on WhatsApp\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n\r\n                <p class=\"hc-form-note\">\r\n                    WhatsApp will open with your details pre-filled.\r\n                    Tap Send to complete your request.\r\n                <\/p>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n#hospacComingSoon {\r\n\r\n    --blue: #3B4086;\r\n    --blue-dark: #061A43;\r\n    --blue-deep: #041331;\r\n\r\n    --green: #4E986D;\r\n    --green-light: #68C98B;\r\n\r\n    --white: #FEFEFE;\r\n\r\n    width: 100vw;\r\n    max-width: none !important;\r\n\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: calc(50% - 50vw) !important;\r\n\r\n    background: var(--blue-dark);\r\n\r\n    color: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n    font-family:\r\n        Inter,\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n#hospacComingSoon *,\r\n#hospacComingSoon *::before,\r\n#hospacComingSoon *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.hc-page {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 100vh;\r\n    min-height: 100svh;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        51% 49%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.hc-left {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    position: relative;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 22% 0%,\r\n            rgba(78,116,230,.45),\r\n            transparent 35%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #061943 0%,\r\n            #09275C 54%,\r\n            #061A43 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.hc-left-inner {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 690px;\r\n\r\n    margin-left: auto;\r\n\r\n    padding:\r\n        20px\r\n        clamp(34px,4.5vw,72px)\r\n        18px\r\n        clamp(38px,5.6vw,88px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.hc-logo-area {\r\n\r\n    margin-bottom: 17px;\r\n\r\n}\r\n\r\n\r\n.hc-logo {\r\n\r\n    display: block;\r\n\r\n    width: 215px;\r\n\r\n    max-width: 100%;\r\n\r\n    height: auto;\r\n\r\n    filter: none !important;\r\n\r\n    background: transparent !important;\r\n\r\n}\r\n\r\n\r\n.hc-company-name {\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: .22em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.hc-tagline {\r\n\r\n    margin-top: 6px;\r\n\r\n    color:\r\n        rgba(255,255,255,.50);\r\n\r\n    font-size: 7.5px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.hc-eyebrow {\r\n\r\n    margin-bottom: 8px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color:\r\n        var(--green-light);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .22em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.hc-eyebrow > span {\r\n\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    display: block;\r\n\r\n    background:\r\n        var(--green-light);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hc-title {\r\n\r\n    margin: 0;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(43px,4.1vw,59px);\r\n\r\n    line-height: .95;\r\n\r\n    letter-spacing: -.05em;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.hc-title strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--green-light);\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hc-description {\r\n\r\n    max-width: 590px;\r\n\r\n    margin:\r\n        12px 0 8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.77);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.52;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAUNCH\r\n========================================================= *\/\r\n\r\n.hc-launch {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.hc-launch > span {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    flex: 0 0 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--green-light);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(104,201,139,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTDOWN\r\n========================================================= *\/\r\n\r\n.hc-countdown {\r\n\r\n    max-width: 590px;\r\n\r\n    padding: 8px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(112,150,229,.30);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(2,19,53,.38);\r\n\r\n}\r\n\r\n\r\n.hc-countdown-title {\r\n\r\n    margin-bottom: 7px;\r\n\r\n    text-align: center;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .28em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.hc-countdown-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    gap: 7px;\r\n\r\n}\r\n\r\n\r\n.hc-countdown-grid > div {\r\n\r\n    padding:\r\n        8px 3px 7px;\r\n\r\n    text-align: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(112,150,229,.27);\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(3,17,48,.40);\r\n\r\n}\r\n\r\n\r\n.hc-countdown-grid strong {\r\n\r\n    display: block;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(23px,2.1vw,32px);\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n.hc-countdown-grid span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        rgba(255,255,255,.58);\r\n\r\n    font-size: 6px;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.hc-actions {\r\n\r\n    max-width: 590px;\r\n\r\n    margin-top: 9px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.12fr .88fr;\r\n\r\n    gap: 9px;\r\n\r\n}\r\n\r\n\r\n.hc-btn {\r\n\r\n    min-height: 44px;\r\n\r\n    padding:\r\n        0 18px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    border-radius: 9px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 750;\r\n\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\nbutton.hc-btn {\r\n    border: 0;\r\n}\r\n\r\n\r\n.hc-btn svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n.hc-btn-primary {\r\n\r\n    color:\r\n        #06193E;\r\n\r\n    background:\r\n        var(--green-light);\r\n\r\n}\r\n\r\n\r\n.hc-btn-outline {\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.64);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n========================================================= *\/\r\n\r\n.hc-contact-grid {\r\n\r\n    max-width: 590px;\r\n\r\n    margin-top: 9px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,1fr);\r\n\r\n    gap: 9px;\r\n\r\n}\r\n\r\n\r\n.hc-contact-grid > a {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.hc-contact-icon {\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    flex: 0 0 34px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(87,120,204,.17);\r\n\r\n}\r\n\r\n\r\n.hc-contact-icon svg {\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n.hc-contact-grid small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size: 7px;\r\n\r\n}\r\n\r\n\r\n.hc-contact-grid strong {\r\n\r\n    display: block;\r\n\r\n    margin-top: 2px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL\r\n========================================================= *\/\r\n\r\n.hc-social {\r\n\r\n    max-width: 590px;\r\n\r\n    margin-top: 8px;\r\n\r\n    padding-top: 7px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n}\r\n\r\n\r\n.hc-social-title {\r\n\r\n    margin-right: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 8px;\r\n\r\n}\r\n\r\n\r\n.hc-social a {\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    display: grid;\r\n\r\n    place-items: center;\r\n\r\n    color: #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.hc-social svg {\r\n\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n.hc-social-handle {\r\n\r\n    margin-left: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPYRIGHT\r\n========================================================= *\/\r\n\r\n.hc-copyright {\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size: 8px;\r\n\r\n}\r\n\r\n\r\n.hc-copyright-desktop {\r\n\r\n    max-width: 590px;\r\n\r\n    margin-top: 10px;\r\n\r\n}\r\n\r\n\r\n.hc-copyright-mobile {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.hc-right {\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 100vh;\r\n    min-height: 100svh;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.hc-product {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        69% center;\r\n\r\n}\r\n\r\n\r\n.hc-image-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(6,26,67,.42),\r\n            transparent 40%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(2,12,30,.22),\r\n            transparent 38%\r\n        );\r\n\r\n}\r\n\r\n\r\n.hc-image-label {\r\n\r\n    position: absolute;\r\n\r\n    top: 32px;\r\n    right: 34px;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    gap: 10px;\r\n\r\n}\r\n\r\n\r\n.hc-image-label > span {\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    margin-top: 5px;\r\n\r\n    background:\r\n        rgba(255,255,255,.75);\r\n\r\n}\r\n\r\n\r\n.hc-image-label p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.80);\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1.55;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n========================================================= *\/\r\n\r\n.hc-modal {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 999999;\r\n\r\n    padding: 15px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        .25s ease;\r\n\r\n}\r\n\r\n\r\n.hc-modal.is-open {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    pointer-events: auto;\r\n\r\n}\r\n\r\n\r\n.hc-modal-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        rgba(3,12,31,.82);\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n\r\n}\r\n\r\n\r\n.hc-modal-box {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(640px,100%);\r\n\r\n    max-height:\r\n        calc(100vh - 30px);\r\n\r\n    overflow-y: auto;\r\n\r\n    padding: 30px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #172033;\r\n\r\n}\r\n\r\n\r\n.hc-modal-close {\r\n\r\n    position: absolute;\r\n\r\n    top: 13px;\r\n    right: 14px;\r\n\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #F2F4F7;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size: 22px;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.hc-modal-heading > span {\r\n\r\n    color:\r\n        var(--green);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .16em;\r\n\r\n}\r\n\r\n\r\n.hc-modal-heading h2 {\r\n\r\n    margin:\r\n        6px 0;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size: 28px;\r\n\r\n}\r\n\r\n\r\n.hc-modal-heading p {\r\n\r\n    margin:\r\n        0 0 20px;\r\n\r\n    color:\r\n        #667085;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.hc-form-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,1fr);\r\n\r\n    gap: 13px;\r\n\r\n}\r\n\r\n\r\n.hc-field {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 6px;\r\n\r\n}\r\n\r\n\r\n.hc-field-full {\r\n\r\n    grid-column:\r\n        1 \/ -1;\r\n\r\n}\r\n\r\n\r\n.hc-field label {\r\n\r\n    color:\r\n        #344054;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.hc-field input,\r\n.hc-field select,\r\n.hc-field textarea {\r\n\r\n    width: 100%;\r\n\r\n    border:\r\n        1px solid #DDE1E8;\r\n\r\n    border-radius: 8px;\r\n\r\n    outline: none;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n}\r\n\r\n\r\n.hc-field input,\r\n.hc-field select {\r\n\r\n    height: 43px;\r\n\r\n    padding:\r\n        0 12px;\r\n\r\n}\r\n\r\n\r\n.hc-field textarea {\r\n\r\n    padding:\r\n        11px 12px;\r\n\r\n}\r\n\r\n\r\n.hc-submit {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 48px;\r\n\r\n    margin-top: 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        var(--green);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 750;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.hc-submit svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n}\r\n\r\n\r\n.hc-form-note {\r\n\r\n    margin:\r\n        9px 0 0;\r\n\r\n    text-align: center;\r\n\r\n    color:\r\n        #8A92A0;\r\n\r\n    font-size: 9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #hospacComingSoon {\r\n\r\n        overflow: visible;\r\n\r\n    }\r\n\r\n\r\n    .hc-page {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        min-height: auto;\r\n\r\n    }\r\n\r\n\r\n    .hc-left {\r\n\r\n        order: 1;\r\n\r\n        min-height: auto;\r\n\r\n    }\r\n\r\n\r\n    .hc-right {\r\n\r\n        order: 2;\r\n\r\n        width: 100%;\r\n\r\n        min-height: 470px;\r\n\r\n    }\r\n\r\n\r\n    .hc-left-inner {\r\n\r\n        max-width: none;\r\n\r\n        margin: 0;\r\n\r\n        padding:\r\n            26px 18px 26px;\r\n\r\n    }\r\n\r\n\r\n    .hc-logo-area {\r\n\r\n        margin-bottom: 24px;\r\n\r\n    }\r\n\r\n\r\n    .hc-logo {\r\n\r\n        width:\r\n            min(225px,65vw);\r\n\r\n    }\r\n\r\n\r\n    .hc-company-name {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .hc-tagline {\r\n\r\n        font-size: 7px;\r\n\r\n        line-height: 1.5;\r\n\r\n    }\r\n\r\n\r\n    .hc-eyebrow {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: .18em;\r\n\r\n    }\r\n\r\n\r\n    .hc-title {\r\n\r\n        font-size:\r\n            clamp(42px,13vw,58px);\r\n\r\n        line-height: .97;\r\n\r\n    }\r\n\r\n\r\n    .hc-description {\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.58;\r\n\r\n    }\r\n\r\n\r\n    .hc-launch {\r\n\r\n        margin:\r\n            15px 0;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .hc-countdown {\r\n\r\n        max-width: none;\r\n\r\n        padding: 11px;\r\n\r\n    }\r\n\r\n\r\n    .hc-countdown-title {\r\n\r\n        margin-bottom: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hc-countdown-grid {\r\n\r\n        gap: 6px;\r\n\r\n    }\r\n\r\n\r\n    .hc-countdown-grid > div {\r\n\r\n        padding:\r\n            11px 3px 9px;\r\n\r\n    }\r\n\r\n\r\n    .hc-countdown-grid strong {\r\n\r\n        font-size:\r\n            clamp(24px,7vw,31px);\r\n\r\n    }\r\n\r\n\r\n    .hc-actions {\r\n\r\n        max-width: none;\r\n\r\n        margin-top: 15px;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .hc-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 52px;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .hc-contact-grid {\r\n\r\n        max-width: none;\r\n\r\n        margin-top: 17px;\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hc-contact-icon {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        flex-basis: 40px;\r\n\r\n    }\r\n\r\n\r\n    .hc-contact-grid small {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .hc-contact-grid strong {\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .hc-social {\r\n\r\n        max-width: none;\r\n\r\n        margin-top: 17px;\r\n\r\n        padding-top: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hc-social a {\r\n\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n    }\r\n\r\n\r\n    .hc-social svg {\r\n\r\n        width: 15px;\r\n        height: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hc-copyright-desktop {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .hc-product {\r\n\r\n        object-position:\r\n            68% center;\r\n\r\n    }\r\n\r\n\r\n    .hc-image-label {\r\n\r\n        top: 24px;\r\n        left: 20px;\r\n        right: auto;\r\n\r\n    }\r\n\r\n\r\n    .hc-copyright-mobile {\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            17px 18px 22px;\r\n\r\n        background:\r\n            #061A43;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hc-left-inner {\r\n\r\n        padding:\r\n            24px 15px 25px;\r\n\r\n    }\r\n\r\n\r\n    .hc-contact-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .hc-right {\r\n\r\n        min-height: 430px;\r\n\r\n    }\r\n\r\n\r\n    .hc-modal {\r\n\r\n        padding: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hc-modal-box {\r\n\r\n        padding:\r\n            28px 17px 21px;\r\n\r\n    }\r\n\r\n\r\n    .hc-form-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .hc-field-full {\r\n\r\n        grid-column: auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n\r\n    \/* ===============================\r\n       COUNTDOWN\r\n    =============================== *\/\r\n\r\n    const launchDate =\r\n        new Date(\r\n            '2026-10-01T00:00:00+01:00'\r\n        ).getTime();\r\n\r\n\r\n    const days =\r\n        document.getElementById('hcDays');\r\n\r\n    const hours =\r\n        document.getElementById('hcHours');\r\n\r\n    const minutes =\r\n        document.getElementById('hcMinutes');\r\n\r\n    const seconds =\r\n        document.getElementById('hcSeconds');\r\n\r\n\r\n    function pad(value) {\r\n\r\n        return String(value).padStart(\r\n            2,\r\n            '0'\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function updateCountdown() {\r\n\r\n        const distance =\r\n            launchDate - Date.now();\r\n\r\n\r\n        if (distance <= 0) {\r\n\r\n            days.textContent = '00';\r\n            hours.textContent = '00';\r\n            minutes.textContent = '00';\r\n            seconds.textContent = '00';\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        days.textContent =\r\n            pad(\r\n                Math.floor(\r\n                    distance \/ 86400000\r\n                )\r\n            );\r\n\r\n\r\n        hours.textContent =\r\n            pad(\r\n                Math.floor(\r\n                    (distance % 86400000) \/\r\n                    3600000\r\n                )\r\n            );\r\n\r\n\r\n        minutes.textContent =\r\n            pad(\r\n                Math.floor(\r\n                    (distance % 3600000) \/\r\n                    60000\r\n                )\r\n            );\r\n\r\n\r\n        seconds.textContent =\r\n            pad(\r\n                Math.floor(\r\n                    (distance % 60000) \/\r\n                    1000\r\n                )\r\n            );\r\n\r\n    }\r\n\r\n\r\n    updateCountdown();\r\n\r\n    setInterval(\r\n        updateCountdown,\r\n        1000\r\n    );\r\n\r\n\r\n    \/* ===============================\r\n       MODAL\r\n    =============================== *\/\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            'hcQuoteModal'\r\n        );\r\n\r\n    const openBtn =\r\n        document.getElementById(\r\n            'hcOpenQuote'\r\n        );\r\n\r\n    const closeBtn =\r\n        document.getElementById(\r\n            'hcCloseQuote'\r\n        );\r\n\r\n    const overlay =\r\n        document.getElementById(\r\n            'hcQuoteOverlay'\r\n        );\r\n\r\n\r\n    function openModal() {\r\n\r\n        modal.classList.add(\r\n            'is-open'\r\n        );\r\n\r\n        modal.setAttribute(\r\n            'aria-hidden',\r\n            'false'\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            'hidden';\r\n\r\n    }\r\n\r\n\r\n    function closeModal() {\r\n\r\n        modal.classList.remove(\r\n            'is-open'\r\n        );\r\n\r\n        modal.setAttribute(\r\n            'aria-hidden',\r\n            'true'\r\n        );\r\n\r\n        document.body.style.overflow =\r\n            '';\r\n\r\n    }\r\n\r\n\r\n    openBtn.addEventListener(\r\n        'click',\r\n        openModal\r\n    );\r\n\r\n\r\n    closeBtn.addEventListener(\r\n        'click',\r\n        closeModal\r\n    );\r\n\r\n\r\n    overlay.addEventListener(\r\n        'click',\r\n        closeModal\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n        'keydown',\r\n        function (event) {\r\n\r\n            if (\r\n                event.key === 'Escape'\r\n            ) {\r\n\r\n                closeModal();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ===============================\r\n       FORM \u2192 WHATSAPP\r\n    =============================== *\/\r\n\r\n    const form =\r\n        document.getElementById(\r\n            'hcQuoteForm'\r\n        );\r\n\r\n\r\n    form.addEventListener(\r\n        'submit',\r\n        function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            if (!form.checkValidity()) {\r\n\r\n                form.reportValidity();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            const name =\r\n                document\r\n                    .getElementById('hcName')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const business =\r\n                document\r\n                    .getElementById('hcBusiness')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const phone =\r\n                document\r\n                    .getElementById('hcPhone')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const email =\r\n                document\r\n                    .getElementById('hcEmail')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const product =\r\n                document\r\n                    .getElementById('hcProduct')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const quantity =\r\n                document\r\n                    .getElementById('hcQuantity')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const branding =\r\n                document\r\n                    .getElementById('hcBranding')\r\n                    .value;\r\n\r\n\r\n            const message =\r\n                document\r\n                    .getElementById('hcMessage')\r\n                    .value\r\n                    .trim();\r\n\r\n\r\n            const whatsappMessage =\r\n`Hello HOSPAC,\r\n\r\nI would like to request a quotation.\r\n\r\n*Name:* ${name}\r\n*Business \/ Company:* ${business || 'Not provided'}\r\n*Phone:* ${phone}\r\n*Email:* ${email || 'Not provided'}\r\n*Product \/ Packaging Needed:* ${product}\r\n*Estimated Quantity:* ${quantity || 'Not specified'}\r\n*Custom Branding:* ${branding}\r\n*Additional Information:* ${message || 'None'}\r\n\r\nI submitted this request through hospac.ng.`;\r\n\r\n\r\n            window.location.href =\r\n                'https:\/\/wa.me\/2348061900434?text='\r\n                +\r\n                encodeURIComponent(\r\n                    whatsappMessage\r\n                );\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hospitality Packaging Ltd Quality Packaging for a Brighter Tomorrow Our New Website Is Something Better Is Coming. We\u2019re building a new digital home for HOSPAC \u2014 designed to make discovering our packaging solutions, requesting quotations and connecting with our team easier than ever. Launching 1 October 2026 Launching In 00 Days 00 Hours 00 Minutes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hospac.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":20,"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/hospac.ng\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/hospac.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}