{"id":817,"date":"2023-05-08T08:55:12","date_gmt":"2023-05-08T05:55:12","guid":{"rendered":"https:\/\/dekoralboya.com.tr\/?page_id=817"},"modified":"2026-08-11T16:43:52","modified_gmt":"2026-08-11T13:43:52","slug":"iletisim","status":"publish","type":"page","link":"https:\/\/dekoralboya.com.tr\/index.php\/iletisim\/","title":{"rendered":"\u0130LET\u0130\u015e\u0130M"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"817\" class=\"elementor elementor-817\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f755a45 e-flex e-con-boxed e-con\" data-id=\"f755a45\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49425a6 elementor-widget elementor-widget-html\" data-id=\"49425a6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0130leti\u015fim - Dekoral Boya & Coral Paints<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script>\r\n    <style>\r\n        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n    <!-- \u00dcst Ba\u015fl\u0131k Alan\u0131 -->\r\n    <div class=\"bg-slate-900 text-white py-16 text-center\">\r\n        <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u0130leti\u015fim<\/h1>\r\n        <p class=\"text-lg text-slate-300\">Bizimle ileti\u015fime ge\u00e7mek i\u00e7in a\u015fa\u011f\u0131daki formu doldurabilir veya ileti\u015fim bilgilerimizi kullanabilirsiniz.<\/p>\r\n    <\/div>\r\n\r\n    <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-10\">\r\n            \r\n            <!-- \u0130leti\u015fim Bilgileri (Sol Taraf) -->\r\n            <div class=\"lg:col-span-1 space-y-8\">\r\n                <div class=\"bg-white p-8 rounded-xl shadow-md border-t-4 border-red-600\">\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-6\">Merkez Ofis & Fabrika<\/h3>\r\n                    \r\n                    <div class=\"flex items-start mb-6\">\r\n                        <i data-lucide=\"map-pin\" class=\"text-red-600 mr-4 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"font-semibold\">Adres<\/p>\r\n                            <p class=\"text-gray-600 text-sm\">Saray Mahallesi Bekir Ad\u0131belli Bulvar\u0131 No:33<br>06980 Kahramankazan \/ ANKARA<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-start mb-6\">\r\n                        <i data-lucide=\"phone\" class=\"text-red-600 mr-4 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"font-semibold\">Telefon<\/p>\r\n                            <p class=\"text-gray-600 text-sm\">0312 354 8 777<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-start\">\r\n                        <i data-lucide=\"mail\" class=\"text-red-600 mr-4 mt-1\"><\/i>\r\n                        <div>\r\n                            <p class=\"font-semibold\">E-Posta<\/p>\r\n                            <p class=\"text-gray-600 text-sm\">info@dekoralboya.com.tr<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0130leti\u015fim Formu (Sa\u011f Taraf) -->\r\n            <div class=\"lg:col-span-2 bg-white p-8 rounded-xl shadow-md\">\r\n                <h2 class=\"text-2xl font-bold mb-6 text-slate-900\">Bize Bir Mesaj B\u0131rak\u0131n<\/h2>\r\n                \r\n                <!-- JS AJAX FORM -->\r\n                <form id=\"iletisimFormu\" class=\"space-y-6\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                        <div>\r\n                            <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Ad\u0131n\u0131z Soyad\u0131n\u0131z *<\/label>\r\n                            <input type=\"text\" name=\"\u0130sim\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-red-600 focus:border-red-600 outline-none transition\">\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"block text-sm font-semibold text-gray-700 mb-2\">E-Posta Adresiniz *<\/label>\r\n                            <input type=\"email\" name=\"E-Posta\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-red-600 focus:border-red-600 outline-none transition\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Konu *<\/label>\r\n                        <input type=\"text\" name=\"Konu\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-red-600 focus:border-red-600 outline-none transition\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Mesaj\u0131n\u0131z *<\/label>\r\n                        <textarea name=\"Mesaj\" rows=\"5\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-red-600 focus:border-red-600 outline-none transition\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" id=\"gonderButonu\" class=\"bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-lg transition-colors w-full md:w-auto\">\r\n                        Mesaj\u0131 G\u00f6nder\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Harita -->\r\n        <div class=\"mt-12 rounded-xl overflow-hidden shadow-md h-96\">\r\n            <iframe \r\n                src=\"https:\/\/maps.google.com\/maps?q=Saray%20Mahallesi%20Bekir%20Ad%C4%B1belli%20Bulvar%C4%B1%20No:33%20Kahramankazan%20ANKARA&t=&z=15&ie=UTF8&iwloc=&output=embed\" \r\n                width=\"100%\" \r\n                height=\"100%\" \r\n                style=\"border:0;\" \r\n                allowfullscreen=\"\" \r\n                loading=\"lazy\">\r\n            <\/iframe>\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <script>\r\n        \/\/ \u0130konlar\u0131 y\u00fckle\r\n        lucide.createIcons();\r\n\r\n        \/\/ Form G\u00f6nderme \u0130\u015flemi (Sayfa yenilenmez)\r\n        document.getElementById('iletisimFormu').addEventListener('submit', function(e) {\r\n            e.preventDefault(); \r\n\r\n            const form = e.target;\r\n            const formData = new FormData(form);\r\n            const buton = document.getElementById('gonderButonu');\r\n\r\n            \/\/ --- API ANAHTARINI BURAYA YAPI\u015eTIR ---\r\n            formData.append(\"access_key\", \"7863bbf1-9522-4a38-988a-7b56a43b6a12\");\r\n            \/\/ ---------------------------------------\r\n            \r\n            \/\/ Konu sat\u0131r\u0131n\u0131 \u00f6zelle\u015ftir (Mailine d\u00fc\u015ferken ba\u015fl\u0131kta yazar)\r\n            formData.append(\"subject\", \"Dekoral Boya Web Sitesinden Yeni Mesaj\");\r\n\r\n            \/\/ Butonu g\u00f6nderiliyor moduna al\r\n            const orjinalButonMetni = buton.innerHTML;\r\n            buton.innerHTML = \"G\u00f6nderiliyor... \u23f3\";\r\n            buton.disabled = true;\r\n            buton.classList.add(\"opacity-70\", \"cursor-not-allowed\");\r\n\r\n            fetch('https:\/\/api.web3forms.com\/submit', {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n            .then(async (response) => {\r\n                let json = await response.json();\r\n                if (response.status == 200) {\r\n                    alert(\"Harika! Mesaj\u0131n\u0131z bize ula\u015ft\u0131. En k\u0131sa s\u00fcrede d\u00f6nece\u011fiz.\");\r\n                    form.reset(); \r\n                } else {\r\n                    alert(\"Hata: \" + json.message);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                alert(\"Ba\u011flant\u0131 hatas\u0131 olu\u015ftu, l\u00fctfen tekrar deneyin.\");\r\n            })\r\n            .finally(() => {\r\n                \/\/ Butonu normal haline geri d\u00f6nd\u00fcr\r\n                buton.innerHTML = orjinalButonMetni;\r\n                buton.disabled = false;\r\n                buton.classList.remove(\"opacity-70\", \"cursor-not-allowed\");\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0130leti\u015fim &#8211; Dekoral Boya &#038; Coral Paints \u0130leti\u015fim Bizimle ileti\u015fime ge\u00e7mek i\u00e7in a\u015fa\u011f\u0131daki formu doldurabilir veya ileti\u015fim bilgilerimizi kullanabilirsiniz. Merkez Ofis &#038; Fabrika Adres Saray Mahallesi Bekir Ad\u0131belli Bulvar\u0131 No:3306980 Kahramankazan \/ ANKARA Telefon 0312 354 8 777 E-Posta info@dekoralboya.com.tr Bize Bir Mesaj B\u0131rak\u0131n Ad\u0131n\u0131z Soyad\u0131n\u0131z * E-Posta Adresiniz * Konu * Mesaj\u0131n\u0131z * Mesaj\u0131 G\u00f6nder<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/817"}],"collection":[{"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=817"}],"version-history":[{"count":43,"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/817\/revisions"}],"predecessor-version":[{"id":6371,"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/817\/revisions\/6371"}],"wp:attachment":[{"href":"https:\/\/dekoralboya.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}