{"id":12065,"date":"2025-10-05T15:32:54","date_gmt":"2025-10-05T15:32:54","guid":{"rendered":"https:\/\/rbbaltic.lt\/enquiries\/"},"modified":"2025-11-12T11:24:16","modified_gmt":"2025-11-12T11:24:16","slug":"enquiries","status":"publish","type":"page","link":"https:\/\/rbbaltic.lt\/en\/enquiries\/","title":{"rendered":"Enquiries"},"content":{"rendered":"\r\n<section data-section=\"pageHeadingComponent\" class=\"lg:py-16 py-10 relative mt-24\">\r\n    <img decoding=\"async\" src=\"https:\/\/rbbaltic.lt\/wp-content\/themes\/rb\/assets\/static\/aboutUsComponentBg.jpg\" alt=\"Background Top\"\r\n         class=\"absolute top-0 left-0 w-full h-full object-cover\">\r\n    <div class=\"bg-forest absolute top-0 left-0 w-full h-full blur10\"><\/div>\r\n    <div class=\"container 2xl:px-24 px-5 relative\">\r\n        <div class=\"flex md:flex-row flex-col md:items-center md:items-center justify-between md:gap-20 gap-8\">\r\n            <div class=\"flex-1\">\r\n                \r\n    \r\n            <h1 class=\"2xl:text-5xl\/[1.2] text-4xl\/[1.2] font-apotek text-white font-light\">\r\n            Submit a request to<br>for your project        <\/h1>\r\n    \r\n    \r\n            \r\n\r\n                <\/div>\r\n            <div class=\"flex-1\">\r\n                \r\n    <div class=\"text-base flex flex-col gap-5\r\n        \/* Lists *\/\r\n        [&#038;_ul]:flex [&#038;_ul]:flex-col [&#038;_ul]:gap-2.5 [&#038;_ul]:pl-5 [&#038;_ul]:list-disc\r\n        [&#038;_li]:text-base [&#038;_li]:relative\r\n\r\n        \/* Headings *\/\r\n        [&#038;_h1]:text-[44px] [&#038;_h1]:font-bold [&#038;_h1]:leading-[50px] [&#038;_h1]:tracking-[-1px]\r\n        [&#038;_h2]:text-[35px] [&#038;_h2]:font-semibold [&#038;_h2]:leading-[40px] [&#038;_h2]:tracking-[-0.8px]\r\n        [&#038;_h3]:text-[28px] [&#038;_h3]:font-medium [&#038;_h3]:leading-[32px] [&#038;_h3]:tracking-[-0.6px]\r\n\r\n        \/* Tables *\/\r\n        [&#038;_table]:min-w-full [&#038;_table]:border-collapse\r\n        [&#038;_table]:border [&#038;_table]:border-gray-200\r\n        [&#038;_thead_th]:border [&#038;_thead_th]:border-gray-200\r\n        [&#038;_tbody_td]:border [&#038;_tbody_td]:border-gray-200\r\n        [&#038;_thead_th]:bg-gray-50\r\n        [&#038;_thead_th]:text-left [&#038;_thead_th]:text-[16px] [&#038;_thead_th]:leading-[24px] [&#038;_thead_th]:font-semibold\r\n        [&#038;_thead_th]:px-4 [&#038;_thead_th]:py-3\r\n        [&#038;_tbody_td]:px-4 [&#038;_tbody_td]:py-3 [&#038;_tbody_td]:align-top [&#038;_tbody_td]:text-[16px] [&#038;_tbody_td]:leading-[28px]\r\n        text-white\">\r\n        <p>Add the equipment to your inquiry basket and receive a quote with terms, delivery, installation, and service.<\/p>\n    <\/div>\r\n\r\n                <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n\r\n<section data-section=\"requestComponent\" class=\"pt-10 lg:pb-20 pb-10 bg-[#F8F8F8]\">\r\n    <div class=\"container 2xl:px-24 px-5\">\r\n        <div class=\"flex md:flex-row flex-col gap-8\">\r\n            <div class=\"flex-1\">\r\n                <div class=\"md:px-12 md:py-14\">\r\n                    <div class=\"flex flex-col gap-12\">\r\n                        <div class=\"flex flex-col gap-7\">\r\n                            \r\n    \r\n    \r\n            <h2 class=\"md:text-4xl text-2xl font-apotek text-black\">\r\n            Your inquiry cart        <\/h2>\r\n    \r\n            \r\n\r\n                                <div\r\n                                    id=\"added-products\"\r\n                                    hx-get=\"\/wp-admin\/admin-ajax.php?action=rb_inquiry_list\"\r\n                                    hx-trigger=\"load\"\r\n                                    hx-swap=\"outerHTML\"\r\n                            >\r\n                                                                    <div class=\"rounded-xl border border-[#EEE] p-8 text-center text-gray-500 bg-white flex flex-col gap-5\">\r\n                                        <p>Kol kas nepasirinkote joki\u0173 produkt\u0173.<\/p>\r\n                                        \r\n    <a href=\"\/katalogas\" target=\"\"\r\n       class=\"py-3.5 px-6 rounded bg-green text-white hover:bg-[#185C30] active:bg-[#155128]          text-base flex justify-center transition-colors duration-200\r\n          focus:outline-none focus-visible:ring-2 focus-visible:ring-green\/50 focus-visible:ring-offset-2 \">\r\n        <span>Back to catalogue<\/span>\r\n    <\/a>\r\n\r\n                                        <\/div>\r\n                                                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"w-full h-px bg-green\"><\/div>\r\n                        <div class=\"flex flex-col gap-5\">\r\n                            \r\n    \r\n    \r\n    \r\n                    <h5 class=\"text-[22px]\/[1.2] text-black font-apotek\">\r\n            Need help?        <\/h5>\r\n    \r\n\r\n                                <div class=\"flex flex-wrap justify-between items-center gap-5\">\r\n                                <a href=\"tel:+370 520 53490\"\r\n                                   class=\"text-black text-lg flex items-center gap-2.5\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/rbbaltic.lt\/wp-content\/themes\/rb\/assets\/static\/phonegreen.svg\"\r\n                                         alt=\"Phone\" class=\"w-6 h-auto flex-none\">\r\n                                    +370 520 53490\r\n                                <\/a>\r\n\r\n                                <a href=\"mailto:info@rbbaltic.lt\"\r\n                                   class=\"text-black text-lg flex items-center gap-2.5\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/rbbaltic.lt\/wp-content\/themes\/rb\/assets\/static\/mailgreen.svg\"\r\n                                         alt=\"Email\" class=\"w-7 h-auto flex-none\">\r\n                                    info@rbbaltic.lt\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"flex-1\">\r\n                <div id=\"inquiry-form-wrapper\"\r\n                     class=\"relative md:px-12 px-5 md:py-14 py-8 bg-white rounded-[10px]\">\r\n                    <div id=\"form-content\" class=\"transition-opacity duration-300 flex flex-col gap-12\">\r\n                        \r\n    \r\n    \r\n            <h2 class=\"md:text-4xl text-2xl font-apotek text-black\">\r\n            Fill in the information and submit your request.        <\/h2>\r\n    \r\n            \r\n\r\n                            <form\r\n                                id=\"inquiry-form\"\r\n                                class=\"text-black\"\r\n                                hx-post=\"\/wp-admin\/admin-ajax.php?action=rb_inquiry_submit\"\r\n                                hx-swap=\"none\"\r\n                        >\r\n                            <input type=\"hidden\" name=\"nonce\"\r\n                                   value=\"89f4a7fee8\">\r\n\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-5\">\r\n                                <input\r\n                                        type=\"text\"\r\n                                        name=\"first_name_company\"\r\n                                        aria-label=\"Name (company)\"\r\n                                        placeholder=\"Name (company)\"\r\n                                        class=\"py-2.5 px-5 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0 placeholder-black\/80\"\r\n                                        autocomplete=\"name\"\r\n                                        required\r\n                                \/>\r\n\r\n                                <input\r\n                                        type=\"text\"\r\n                                        name=\"last_name\"\r\n                                        aria-label=\"Surname\"\r\n                                        placeholder=\"Surname\"\r\n                                        class=\"py-2.5 px-5 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0 placeholder-black\/80\"\r\n                                        autocomplete=\"family-name\"\r\n                                        required\r\n                                \/>\r\n\r\n                                <input\r\n                                        type=\"tel\"\r\n                                        name=\"phone\"\r\n                                        aria-label=\"Phone\"\r\n                                        placeholder=\"Phone\"\r\n                                        class=\"py-2.5 px-5 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0 placeholder-black\/80\"\r\n                                        autocomplete=\"tel\"\r\n                                \/>\r\n\r\n                                <input\r\n                                        type=\"email\"\r\n                                        name=\"email\"\r\n                                        aria-label=\"E. mail\"\r\n                                        placeholder=\"E. mail\"\r\n                                        class=\"py-2.5 px-5 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0 placeholder-black\/80\"\r\n                                        autocomplete=\"email\"\r\n                                        required\r\n                                \/>\r\n\r\n                                <!-- Select: Papildomos paslaugos (pasirinktinai) -->\r\n                                <div class=\"md:col-span-2\">\r\n                                    <select\r\n                                            name=\"extra_services\"\r\n                                            aria-label=\"Additional services (optional)\"\r\n                                            class=\"py-2.5 px-5 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0\"\r\n                                    >\r\n                                        <option value=\"\" selected disabled hidden>\r\n                                            Additional services (optional)                                        <\/option>\r\n\r\n                                        <option value=\"konsultacija\">\r\n                                            Consultation                                        <\/option>\r\n                                        <option value=\"montavimas\">\r\n                                            Installation                                        <\/option>\r\n                                        <option value=\"pristatymas\">\r\n                                            Delivery                                        <\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n\r\n                                <textarea\r\n                                        name=\"message\"\r\n                                        aria-label=\"Message\"\r\n                                        placeholder=\"Message\"\r\n                                        rows=\"4\"\r\n                                        class=\"py-2.5 px-5 h-14 md:col-span-2 w-full bg-transparent border-0 border-b border-black\/50 focus:border-black focus:ring-0 placeholder-black\/80 resize-y\"\r\n                                ><\/textarea>\r\n\r\n                                <label class=\"cb relative flex items-center gap-3 text-xs cursor-pointer select-none md:col-span-2\">\r\n                                    <input id=\"privacy\" name=\"privacy\" type=\"checkbox\" required>\r\n                                    <span class=\"box flex-shrink-0\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\"\r\n                     aria-hidden=\"true\">\r\n                    <path d=\"M5 12.5l4 4L19 7.5\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n                                    <span>\r\n                I agree to the privacy policy and cookies. Read                <a href=\"https:\/\/rbbaltic.lt\/privatumo-politika\/\" class=\"underline\">\r\n                    privacy policy                <\/a>.\r\n            <\/span>\r\n                                <\/label>\r\n\r\n                                <label class=\"cb relative flex items-center gap-3 text-xs cursor-pointer select-none md:col-span-2\">\r\n                                    <input id=\"newsletter\" name=\"newsletter\" type=\"checkbox\">\r\n                                    <span class=\"box flex-shrink-0\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\r\n                     stroke-linejoin=\"round\"\r\n                     aria-hidden=\"true\">\r\n                    <path d=\"M5 12.5l4 4L19 7.5\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n                                    <span>\r\n                I want to receive news (optional)            <\/span>\r\n                                <\/label>\r\n\r\n                                <div class=\"md:col-span-2\">\r\n                                    <button\r\n                                            type=\"submit\"\r\n                                            class=\"w-full py-3.5 px-6 rounded bg-green text-white text-base font-medium flex justify-center\"\r\n                                    >\r\n                                        Send                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/form>\r\n\r\n                        <style>\r\n                            \/* custom checkbox core *\/\r\n                            .cb input[type=\"checkbox\"] { \/* visually hide but keep accessible *\/\r\n                                position: absolute;\r\n                                width: 1px;\r\n                                height: 1px;\r\n                                margin: -1px;\r\n                                padding: 0;\r\n                                border: 0;\r\n                                clip: rect(0 0 0 0);\r\n                                overflow: hidden;\r\n                                white-space: nowrap;\r\n                            }\r\n\r\n                            .cb .box {\r\n                                display: inline-flex;\r\n                                width: 20px;\r\n                                height: 20px;\r\n                                border: 1px solid #000; \/* default border *\/\r\n                                border-radius: 4px;\r\n                                align-items: center;\r\n                                justify-content: center;\r\n                                transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;\r\n                            }\r\n\r\n                            .cb .box svg {\r\n                                width: 14px;\r\n                                height: 14px;\r\n                                opacity: 0;\r\n                                transition: opacity .15s ease;\r\n                            }\r\n\r\n                            \/* Checked state \u2014 green background + border *\/\r\n                            .cb input[type=\"checkbox\"]:checked + .box {\r\n                                background: #1E733C; \/* your requested green *\/\r\n                                border-color: #1E733C;\r\n                            }\r\n\r\n                            .cb input[type=\"checkbox\"]:checked + .box svg {\r\n                                opacity: 1;\r\n                            }\r\n\r\n                            \/* Keyboard focus ring for accessibility *\/\r\n                            .cb input[type=\"checkbox\"]:focus + .box {\r\n                                box-shadow: 0 0 0 3px rgba(30, 115, 60, 0.35);\r\n                                outline: none;\r\n                            }\r\n\r\n                            \/* Optional: hover hint *\/\r\n                            .cb:hover .box {\r\n                                border-color: #1E733C;\r\n                            }\r\n                        <\/style>\r\n                    <\/div>\r\n                    <div id=\"thanks-overlay\"\r\n                         class=\"absolute inset-0 flex items-center justify-center opacity-0 pointer-events-none transition-opacity duration-300\">\r\n                        <div class=\"text-center\">\r\n                            <div class=\"text-2xl font-apotek text-black mb-2\">Thank you!<\/div>\r\n                            <p class=\"text-black\/80\">Your request has been sent. We will contact you shortly.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n        function byId(id) {\r\n            return document.getElementById(id);\r\n        }\r\n\r\n        var form = byId('inquiry-form');\r\n        if (!form) return;\r\n\r\n        \/\/ Fade out form on submit start\r\n        document.body.addEventListener('htmx:beforeRequest', function (e) {\r\n            if (e.target === form) {\r\n                var content = byId('form-content');\r\n                if (content) content.classList.add('opacity-0');\r\n            }\r\n        });\r\n\r\n        \/\/ On success (200 OK), backend returns only OOB updates; show overlay\r\n        document.body.addEventListener('htmx:afterOnLoad', function (e) {\r\n            if (e.target === form) {\r\n                var ov = byId('thanks-overlay');\r\n                if (ov) {\r\n                    ov.classList.remove('pointer-events-none');\r\n                    ov.classList.add('opacity-100');\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ On error, bring the form back (no overlay)\r\n        document.body.addEventListener('htmx:responseError', function (e) {\r\n            if (e.target === form) {\r\n                var content = byId('form-content');\r\n                if (content) content.classList.remove('opacity-0');\r\n            }\r\n        });\r\n    })();\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-12065","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/pages\/12065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/comments?post=12065"}],"version-history":[{"count":4,"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/pages\/12065\/revisions"}],"predecessor-version":[{"id":12147,"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/pages\/12065\/revisions\/12147"}],"wp:attachment":[{"href":"https:\/\/rbbaltic.lt\/en\/wp-json\/wp\/v2\/media?parent=12065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}