{"id":378,"date":"2026-04-21T08:16:21","date_gmt":"2026-04-21T08:16:21","guid":{"rendered":"https:\/\/samurai.coffee\/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82\/"},"modified":"2026-07-19T08:33:12","modified_gmt":"2026-07-19T08:33:12","slug":"%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82","status":"publish","type":"page","link":"https:\/\/samurai.coffee\/bg\/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82\/","title":{"rendered":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442"},"content":{"rendered":"\n<div class=\"samurai-page-hero py-6 md:py-10 text-center wp-block-samurai-page-hero\">\n        <h1 class=\"font-black text-secondary mb-4 text-4xl md:text-5xl lg:text-6xl\">\n        <span class=\"text-primary\">\u0421\u0432\u044a\u0440\u0436\u0435\u0442\u0435<\/span> \u0441\u0435 \u0441 \u043d\u0430\u0441    <\/h1>\n            <p class=\"text-xl text-gray-600 max-w-2xl mx-auto font-body\">\n        <code>\u0418\u043c\u0430\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441\u0438? \u0429\u0435 \u0441\u0435 \u0440\u0430\u0434\u0432\u0430\u043c\u0435 \u0434\u0430 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441 \u043d\u0430\u0441.<\/code>    <\/p>\n    <\/div>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"samurai-contact-info py-8 wp-block-samurai-contact-info\">\n    <div class=\"prose prose-lg max-w-none\">\n        <h2 class=\"text-3xl font-bold text-gray-900 mb-4 font-sans\">\n            \u041d\u0435\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u0438\u043c \u0437\u0430\u0435\u0434\u043d\u043e        <\/h2>\n        <div class=\"text-gray-600 mb-8 font-body leading-relaxed\">\n            <p>\u0412\u0438\u043d\u0430\u0433\u0438 \u0441\u043c\u0435 \u0433\u043e\u0442\u043e\u0432\u0438 \u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0438\u043c \u0441 \u0431\u0440\u0430\u043d\u0434\u043e\u0432\u0435, \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0438 \u0438 \u0442\u0432\u043e\u0440\u0446\u0438 \u0441\u044a\u0441 \u0441\u0445\u043e\u0434\u043d\u043e \u043c\u0438\u0441\u043b\u0435\u043d\u0435. \u0410\u043a\u043e \u0438\u043c\u0430\u0442\u0435 \u043d\u0435\u0449\u043e \u043f\u0440\u0435\u0434\u0432\u0438\u0434, \u0441\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441\u0435 \u0441 \u043d\u0430\u0441.<\/p>\n        <\/div>\n        \n        <!-- Find your question -->\n        <div class=\"mb-6\">\n            <h3 class=\"text-xl font-semibold text-gray-800\">\n                <a href=\"https:\/\/samurai.coffee\/bg\/%d1%87%d0%b7%d0%b2\/\" class=\"hover:text-primary hover:underline transition\">\n                    \u041d\u0430\u043c\u0435\u0440\u0435\u0442\u0435 \u0441\u0432\u043e\u044f \u0432\u044a\u043f\u0440\u043e\u0441                <\/a>\n            <\/h3>\n        <\/div>\n        \n        <!-- Orders -->\n        <div class=\"mb-8\">\n            <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u041f\u043e\u0440\u044a\u0447\u043a\u0438<\/h3>\n            <p class=\"text-gray-600 mb-1\">\u0412\u044a\u043f\u0440\u043e\u0441\u0438, \u0441\u0432\u044a\u0440\u0437\u0430\u043d\u0438 \u0441 \u043f\u043e\u0440\u044a\u0447\u043a\u0438<\/p>\n            <a href=\"mailto:orders@samurai.coffee\" class=\"text-primary hover:underline break-all\">\n                orders@samurai.coffee            <\/a>\n        <\/div>\n        \n        <!-- Wholesale -->\n        <div class=\"mb-8\">\n            <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u0422\u044a\u0440\u0433\u043e\u0432\u0438\u044f \u043d\u0430 \u0435\u0434\u0440\u043e<\/h3>\n            <p class=\"text-gray-600 mb-1\">\u0412\u044a\u043f\u0440\u043e\u0441\u0438 \u043e\u0442\u043d\u043e\u0441\u043d\u043e \u043f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u0442\u0432\u0430 \u0438 B2B \u043c\u043e\u0433\u0430\u0442 \u0434\u0430 \u0441\u0435 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u0442 \u043d\u0430:<\/p>\n            <a href=\"mailto:wholesale@samurai.coffee\" class=\"text-primary hover:underline break-all\">\n                wholesale@samurai.coffee            <\/a>\n        <\/div>\n        \n        <!-- Company info -->\n        <div class=\"pt-4 border-t border-gray-200\">\n            <h3 class=\"text-xl font-semibold text-gray-800 mb-3\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0437\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0442\u0430<\/h3>\n            <p class=\"text-gray-600\">\n                <strong>\u0414\u0414\u0421:<\/strong> BG206247123<br>\n                <strong>\u0415\u0418\u041a:<\/strong> 206247123            <\/p>\n        <\/div>\n        \n        <!-- General contact -->\n        <div class=\"mt-6\">\n            <p class=\"text-gray-600\">\n                <strong>\u041e\u0431\u0449\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f:<\/strong> \n                <a href=\"mailto:hello@samurai.coffee\" class=\"text-primary hover:underline break-all\">\n                    hello@samurai.coffee                <\/a>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div class=\"samurai-contact-form py-8 wp-block-samurai-contact-form\">\n    <div \n        x-data=\"contactForm()\"\n        x-init=\"init()\"\n        class=\"rounded-lg shadow-sm border border-gray-200 p-6 md:p-8\"\n        style=\"background-color: #f2f2f3;\"\n    >\n        <template x-if=\"!submitted\">\n            <form @submit.prevent=\"submitForm\" class=\"space-y-5\">\n                \n                <!-- Name -->\n                <div class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"name\" class=\"w-fit pl-0.5 text-sm\">\n                        \u0418\u043c\u0435 <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input \n                        id=\"name\" \n                        type=\"text\" \n                        x-model=\"formData.name\"\n                        required\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                        placeholder=\"\u0412\u0430\u0448\u0435\u0442\u043e \u0438\u043c\u0435\"\n                        autocomplete=\"name\"\n                    \/>\n                <\/div>\n                \n                <!-- Email -->\n                <div class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"email\" class=\"w-fit pl-0.5 text-sm\">\n                        \u0418\u043c\u0435\u0439\u043b <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input \n                        id=\"email\" \n                        type=\"email\" \n                        x-model=\"formData.email\"\n                        required\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                        placeholder=\"your@email.com\"\n                        autocomplete=\"email\"\n                    \/>\n                <\/div>\n                \n                <!-- Phone -->\n                <div class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"phone\" class=\"w-fit pl-0.5 text-sm\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n                    <input \n                        id=\"phone\" \n                        type=\"tel\" \n                        x-model=\"formData.phone\"\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                        placeholder=\"+359 888 123 456\"\n                        autocomplete=\"tel\"\n                    \/>\n                <\/div>\n                \n                <!-- Subject -->\n                <div class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"subject\" class=\"w-fit pl-0.5 text-sm\">\n                        \u0422\u0435\u043c\u0430 <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <select \n                        id=\"subject\" \n                        x-model=\"formData.subject\"\n                        required\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                    >\n                        <option value=\"\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0442\u0435\u043c\u0430<\/option>\n                                                    <option value=\"\u041e\u0431\u0449\u043e \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435\">\u041e\u0431\u0449\u043e \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435<\/option>\n                                                    <option value=\"\u041f\u043e\u0434\u0434\u0440\u044a\u0436\u043a\u0430 \u043d\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438\">\u041f\u043e\u0434\u0434\u0440\u044a\u0436\u043a\u0430 \u043d\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438<\/option>\n                                                    <option value=\"\u0422\u044a\u0440\u0433\u043e\u0432\u0438\u044f \u043d\u0430 \u0435\u0434\u0440\u043e\">\u0422\u044a\u0440\u0433\u043e\u0432\u0438\u044f \u043d\u0430 \u0435\u0434\u0440\u043e<\/option>\n                                                    <option value=\"\u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u0442\u0432\u043e\">\u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u0442\u0432\u043e<\/option>\n                                                    <option value=\"\u0414\u0440\u0443\u0433\u043e\">\u0414\u0440\u0443\u0433\u043e<\/option>\n                                            <\/select>\n                <\/div>\n                \n                <!-- Custom Subject (shown only when \"Other\" is selected) -->\n                <div x-show=\"formData.subject === '\u0414\u0440\u0443\u0433\u043e'\" class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"custom_subject\" class=\"w-fit pl-0.5 text-sm\">\n                        \u041c\u043e\u043b\u044f, \u0443\u0442\u043e\u0447\u043d\u0435\u0442\u0435 <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <input \n                        id=\"custom_subject\" \n                        type=\"text\" \n                        x-model=\"formData.customSubject\"\n                        x-bind:required=\"formData.subject === '\u0414\u0440\u0443\u0433\u043e'\"\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                        placeholder=\"\u0412\u0430\u0448\u0430\u0442\u0430 \u0442\u0435\u043c\u0430\"\n                    \/>\n                <\/div>\n                \n                <!-- Message -->\n                <div class=\"flex w-full flex-col gap-1 text-neutral-600\">\n                    <label for=\"message\" class=\"w-fit pl-0.5 text-sm\">\n                        \u0421\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <span class=\"text-red-500\">*<\/span>\n                    <\/label>\n                    <textarea \n                        id=\"message\" \n                        x-model=\"formData.message\"\n                        required\n                        rows=\"5\"\n                        class=\"w-full rounded-sm border border-neutral-300 bg-neutral-50 px-2 py-2 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black\"\n                        placeholder=\"\u0412\u0430\u0448\u0435\u0442\u043e \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435...\"\n                    ><\/textarea>\n                <\/div>\n                \n                <!-- Submit Button -->\n                <div class=\"pt-4 flex justify-center\">\n                    <button \n                        type=\"submit\"\n                        :disabled=\"loading\"\n                        class=\"w-full md:w-auto px-8 py-3 bg-primary text-black rounded-lg font-medium hover:bg-lime-500 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n                        x-text=\"loading ? '\u0418\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435...' : '\u0418\u0437\u043f\u0440\u0430\u0442\u0438 \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435'\"\n                    ><\/button>\n                <\/div>\n                \n                <!-- Error Message -->\n                <div x-show=\"error\" x-cloak class=\"text-red-600 text-sm mt-2\" x-text=\"error\"><\/div>\n            <\/form>\n        <\/template>\n        \n        <!-- Success Message -->\n        <template x-if=\"submitted\">\n            <div class=\"text-center py-8\">\n                <div class=\"mb-4 text-primary\">\n                    <svg class=\"w-16 h-16 mx-auto\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\u0421\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435\u0442\u043e \u0435 \u0438\u0437\u043f\u0440\u0430\u0442\u0435\u043d\u043e!<\/h3>\n                <p class=\"text-gray-600\">\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u0432\u0430\u0448\u0435\u0442\u043e \u0441\u044a\u043e\u0431\u0449\u0435\u043d\u0438\u0435! \u0429\u0435 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u043c \u0441 \u0432\u0430\u0441 \u0441\u043a\u043e\u0440\u043e.<\/p>\n            <\/div>\n        <\/template>\n    <\/div>\n<\/div>\n\n<script>\nfunction initContactForm() {\n    if (typeof Alpine !== 'undefined') {\n        if (!Alpine.data('contactForm')) {\n            Alpine.data('contactForm', () => ({\n                formData: {\n                    name: '',\n                    email: '',\n                    phone: '',\n                    subject: '',\n                    customSubject: '',\n                    message: ''\n                },\n                loading: false,\n                submitted: false,\n                error: null,\n                \n                init() {\n                    console.log('\u2705 Contact form initialized');\n                },\n                \n                async submitForm() {\n                    this.loading = true;\n                    this.error = null;\n                    \n                    try {\n                        const response = await fetch('\/wp-json\/samurai\/v1\/contact\/submit', {\n                            method: 'POST',\n                            headers: {\n                                'Content-Type': 'application\/json',\n                            },\n                            body: JSON.stringify(this.formData)\n                        });\n                        \n                        const data = await response.json();\n                        \n                        if (!response.ok) {\n                            throw new Error(data.message || 'Something went wrong. Please try again.');\n                        }\n                        \n                        this.submitted = true;\n                        console.log('\u2705 Contact form submitted successfully');\n                        \n                    } catch (err) {\n                        this.error = err.message;\n                        console.error('Form submission error:', err);\n                    } finally {\n                        this.loading = false;\n                    }\n                }\n            }));\n            console.log('\u2705 contactForm component registered');\n        }\n    }\n}\n\nif (typeof Alpine !== 'undefined') {\n    initContactForm();\n} else {\n    document.addEventListener('alpine:init', initContactForm);\n}\n<\/script><\/div>\n<\/div>\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":{"footnotes":""},"class_list":["post-378","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":8,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/pages\/378\/revisions\/812"}],"wp:attachment":[{"href":"https:\/\/samurai.coffee\/bg\/wp-json\/wp\/v2\/media?parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}