Demsan End\u00fcstriyel Boya Proje Ke\u015fif Formu<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700&display=swap');\r\n body { font-family: 'Montserrat', sans-serif; }\r\n .checkbox-card:checked + div {\r\n border-color: #2563EB;\r\n background-color: #EFF6FF;\r\n color: #1E40AF;\r\n }\r\n .checkbox-card:checked + div .check-icon {\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-100 min-h-screen py-10 px-4\">\r\n\r\n <div class=\"max-w-5xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden\">\r\n \r\n <div class=\"bg-slate-900 p-8 text-white\">\r\n <div class=\"flex items-center justify-between flex-wrap gap-4\">\r\n <div>\r\n <p class=\"text-slate-300 mt-2 text-sm\">Projeniz i\u00e7in en do\u011fru boya sistemini belirlememiz i\u00e7in teknik detaylar\u0131 doldurun.<\/p>\r\n <\/div>\r\n <div class=\"bg-white\/10 p-3 rounded-lg backdrop-blur-sm\">\r\n <i class=\"fas fa-clipboard-list text-3xl text-blue-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"projectForm\" class=\"p-8 space-y-10\" onsubmit=\"event.preventDefault(); generateOffer();\">\r\n \r\n \r\n <div class=\"grid md:grid-cols-2 gap-6 bg-gray-50 p-6 rounded-xl border border-gray-200\">\r\n <div>\r\n <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Firma Ad\u0131<\/label>\r\n <input type=\"text\" id=\"companyName\" placeholder=\"Firma \u00fcnvan\u0131n\u0131z...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Yetkili Ki\u015fi & Telefon<\/label>\r\n <input type=\"text\" id=\"contactInfo\" placeholder=\"Ad Soyad - 05XX...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">1<\/span>\r\n Proje ve Y\u00fczey Bilgileri\r\n <\/h3>\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <label class=\"block text-sm font-medium text-gray-600 mb-3\">Boyanacak Malzeme Cinsi (Birden fazla se\u00e7ilebilir)<\/label>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Siyah Sac (DKP\/HRP)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Siyah Sac<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Galvaniz \/ Al\u00fcminyum\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Galvaniz \/ Al\u00fcminyum<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Paslanmaz \u00c7elik\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Paslanmaz \u00c7elik<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Eski Boyal\u0131 Y\u00fczey\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Eski Boyal\u0131 Y\u00fczey<\/span>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Toplam Boyanacak Alan (m\u00b2)<\/label>\r\n <div class=\"relative\">\r\n <input type=\"number\" id=\"totalArea\" placeholder=\"\u00d6rn: 500\" class=\"w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <i class=\"fas fa-ruler-combined absolute left-3 top-3.5 text-gray-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Mevcut Y\u00fczey Haz\u0131rl\u0131\u011f\u0131<\/label>\r\n <select id=\"surfacePrep\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none bg-white\">\r\n <option value=\"Belirtilmedi\">Se\u00e7iniz...<\/option>\r\n <option value=\"Kumlama Yap\u0131lacak (SA 2.5)\">Kumlama Yap\u0131lacak (SA 2.5)<\/option>\r\n <option value=\"Z\u0131mpara \/ Tel F\u0131r\u00e7a\">Z\u0131mpara \/ Tel F\u0131r\u00e7a<\/option>\r\n <option value=\"Kimyasal Temizlik (Solvent)\">Kimyasal Temizlik (Solvent)<\/option>\r\n <option value=\"Haz\u0131rl\u0131k Yok\">Haz\u0131rl\u0131k Yok<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">2<\/span>\r\n Ortam ve Korozyon \u015eartlar\u0131\r\n <\/h3>\r\n\r\n <div class=\"grid lg:grid-cols-3 gap-4 mb-6\">\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C2\/C3 (\u0130\u00e7 Mekan\/Kuru)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C2 \/ C3 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-warehouse text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">Depo, ofis, fabrika i\u00e7i makineler. D\u00fc\u015f\u00fck nem ve korozyon riski.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C4 (D\u0131\u015f Mekan\/End\u00fcstriyel)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C4 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-city text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">\u015eehir d\u0131\u015f\u0131, nemli ortamlar, end\u00fcstriyel tesisler. Y\u00fcksek koruma gerekir.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C5 (A\u011f\u0131r Korozyon)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C5 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-ship text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">Deniz kenar\u0131, asit buhar\u0131, kimyasal tanklar. \u00c7ok a\u011f\u0131r korozyon.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"flex items-center space-x-4 bg-yellow-50 p-4 rounded-lg border border-yellow-200\">\r\n <div class=\"bg-yellow-100 p-2 rounded-full text-yellow-600\">\r\n <i class=\"fas fa-sun\"><\/i>\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"font-semibold text-gray-700 block text-sm\">G\u00fcne\u015f (UV) Maruziyeti Var m\u0131?<\/span>\r\n <p class=\"text-xs text-gray-500\">Makine s\u00fcrekli a\u00e7\u0131k havada m\u0131 duracak?<\/p>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"uv\" value=\"Evet (S\u00fcrekli G\u00fcne\u015f)\" class=\"form-radio text-blue-600\">\r\n <span class=\"ml-2 text-sm\">Evet<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"uv\" value=\"Hay\u0131r (Kapal\u0131 Alan)\" class=\"form-radio text-blue-600\" checked>\r\n <span class=\"ml-2 text-sm\">Hay\u0131r<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">3<\/span>\r\n G\u00f6rsel \u00d6zellikler\r\n <\/h3>\r\n \r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">\u0130stenen Parlakl\u0131k<\/label>\r\n <select id=\"glossLevel\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg outline-none bg-white\">\r\n <option value=\"Belirtilmedi\">Se\u00e7iniz...<\/option>\r\n <option value=\"Mat\">Mat<\/option>\r\n <option value=\"Yar\u0131 Mat (\u0130pek)\">Yar\u0131 Mat (\u0130pek)<\/option>\r\n <option value=\"Tam Parlak (Piano Black\/Oto)\">Tam Parlak (High Gloss)<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Renk Kodu (RAL)<\/label>\r\n <input type=\"text\" id=\"ralCode\" placeholder=\"\u00d6rn: RAL 7035 Gri\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg outline-none\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Y\u00fczey Dokusu<\/label>\r\n <div class=\"flex gap-4\">\r\n <label class=\"flex items-center p-3 border rounded-lg w-full cursor-pointer hover:bg-gray-50\">\r\n <input type=\"radio\" name=\"texture\" value=\"D\u00fcz (P\u00fcr\u00fczs\u00fcz)\" class=\"text-blue-600\" checked>\r\n <span class=\"ml-2 text-sm\">D\u00fcz (P\u00fcr\u00fczs\u00fcz)<\/span>\r\n <\/label>\r\n <label class=\"flex items-center p-3 border rounded-lg w-full cursor-pointer hover:bg-gray-50\">\r\n <input type=\"radio\" name=\"texture\" value=\"Tekst\u00fcre (Texture)\" class=\"text-blue-600\">\r\n <span class=\"ml-2 text-sm\">Tekst\u00fcre<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">4<\/span>\r\n Uygulama Ekipman\u0131\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 gap-3\">\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Haval\u0131 (Klasik) Tabanca\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-wind text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Haval\u0131 (Klasik) Tabanca<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Airless (Havas\u0131z) Pompa\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-compress-arrows-alt text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Airless (Havas\u0131z) Pompa<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Rulo \/ F\u0131r\u00e7a\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-paint-roller text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Rulo \/ F\u0131r\u00e7a<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-6 border-t border-gray-200\">\r\n <button type=\"submit\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl text-lg shadow-lg hover:shadow-xl transition transform hover:-translate-y-1 flex items-center justify-center gap-3\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n TEKL\u0130F\u0130 OLU\u015eTUR & G\u00d6NDER\r\n <\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n \r\n <div id=\"resultModal\" class=\"hidden fixed inset-0 bg-black\/50 z-50 flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-2xl w-full p-6 shadow-2xl transform transition-all\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-check text-2xl text-green-600\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-bold text-gray-800\">Proje Detaylar\u0131 Haz\u0131r!<\/h2>\r\n <p class=\"text-gray-600 text-sm\">A\u015fa\u011f\u0131daki metni kopyalay\u0131p bize iletebilirsiniz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-100 p-4 rounded-lg font-mono text-sm text-gray-700 h-64 overflow-y-auto border border-gray-300\" id=\"generatedText\">\r\n \r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 mt-6\">\r\n <button onclick=\"copyToClipboard()\" class=\"bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-3 rounded-lg flex items-center justify-center gap-2 transition\">\r\n <i class=\"fas fa-copy\"><\/i> Kopyala\r\n <\/button>\r\n <button onclick=\"sendToWhatsapp()\" class=\"bg-green-500 hover:bg-green-600 text-white font-bold py-3 rounded-lg flex items-center justify-center gap-2 transition\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp ile G\u00f6nder\r\n <\/button>\r\n <\/div>\r\n <button onclick=\"closeModal()\" class=\"mt-4 text-gray-400 hover:text-gray-600 text-sm w-full\">Kapat<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n function getCheckedValues(name) {\r\n const checkboxes = document.querySelectorAll(`input[name=\"${name}\"]:checked`);\r\n let values = [];\r\n checkboxes.forEach((checkbox) => {\r\n values.push(checkbox.value);\r\n });\r\n return values.length > 0 ? values.join(\", \") : \"Belirtilmedi\";\r\n }\r\n\r\n function getRadioValue(name) {\r\n const radio = document.querySelector(`input[name=\"${name}\"]:checked`);\r\n return radio ? radio.value : \"Belirtilmedi\";\r\n }\r\n\r\n function generateOffer() {\r\n \/\/ Verileri Topla\r\n const company = document.getElementById('companyName').value || \"Belirtilmedi\";\r\n const contact = document.getElementById('contactInfo').value || \"Belirtilmedi\";\r\n const materials = getCheckedValues('material');\r\n const area = document.getElementById('totalArea').value + \" m\u00b2\";\r\n const prep = document.getElementById('surfacePrep').value;\r\n const env = getRadioValue('environment');\r\n const uv = getRadioValue('uv');\r\n const gloss = document.getElementById('glossLevel').value;\r\n const ral = document.getElementById('ralCode').value || \"Standart\";\r\n const texture = getRadioValue('texture');\r\n const equipment = getCheckedValues('equipment');\r\n\r\n \/\/ Metin Olu\u015ftur\r\n const date = new Date().toLocaleDateString('tr-TR');\r\n const message = `\r\n*DEMSAN BOYA - PROJE KE\u015e\u0130F FORMU*\r\n\ud83d\udcc5 Tarih: ${date}\r\n\r\n*1. M\u00dc\u015eTER\u0130 B\u0130LG\u0130LER\u0130*\r\n\ud83c\udfe2 Firma: ${company}\r\n\ud83d\udc64 Yetkili: ${contact}\r\n\r\n*2. Y\u00dcZEY B\u0130LG\u0130LER\u0130*\r\n\ud83d\udd29 Malzeme: ${materials}\r\n\ud83d\udccf Toplam Alan: ${area}\r\n\ud83e\uddf9 Haz\u0131rl\u0131k: ${prep}\r\n\r\n*3. ORTAM \u015eARTLARI*\r\n\ud83c\udf0d S\u0131n\u0131f: ${env}\r\n\u2600\ufe0f G\u00fcne\u015f (UV): ${uv}\r\n\r\n*4. G\u00d6RSEL \u0130STEKLER*\r\n\u2728 Parlakl\u0131k: ${gloss}\r\n\ud83c\udfa8 Renk: ${ral}\r\n\ud83e\uddf1 Doku: ${texture}\r\n\r\n*5. UYGULAMA EK\u0130PMANI*\r\n\ud83d\udd2b Y\u00f6ntem: ${equipment}\r\n\r\n--------------------------------\r\n*Talebi De\u011ferlendirip Teklifinizi Bekliyorum.*\r\n `;\r\n\r\n document.getElementById('generatedText').innerText = message.trim();\r\n document.getElementById('resultModal').classList.remove('hidden');\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('resultModal').classList.add('hidden');\r\n }\r\n\r\n function copyToClipboard() {\r\n const text = document.getElementById('generatedText').innerText;\r\n navigator.clipboard.writeText(text).then(() => {\r\n alert(\"Metin kopyaland\u0131!\");\r\n });\r\n }\r\n\r\n function sendToWhatsapp() {\r\n const text = document.getElementById('generatedText').innerText;\r\n const encodedText = encodeURIComponent(text);\r\n \/\/ Buraya kendi numaran\u0131z\u0131 yazabilirsiniz. \u00d6rn: 90532XXXXXXX\r\n window.open(`https:\/\/wa.me\/?text=${encodedText}`, '_blank');\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demsan End\u00fcstriyel Boya Proje Ke\u015fif Formu Projeniz i\u00e7in en do\u011fru boya sistemini belirlememiz i\u00e7in teknik detaylar\u0131 doldurun. Firma Ad\u0131 Yetkili Ki\u015fi & Telefon 1 Proje ve Y\u00fczey Bilgileri Boyanacak Malzeme Cinsi (Birden fazla se\u00e7ilebilir) Siyah Sac Galvaniz \/ Al\u00fcminyum Paslanmaz \u00c7elik Eski Boyal\u0131 Y\u00fczey Toplam Boyanacak Alan (m\u00b2) Mevcut Y\u00fczey Haz\u0131rl\u0131\u011f\u0131 Se\u00e7iniz…Kumlama Yap\u0131lacak (SA 2.5)Z\u0131mpara […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20377","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/comments?post=20377"}],"version-history":[{"count":7,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377\/revisions"}],"predecessor-version":[{"id":20384,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377\/revisions\/20384"}],"wp:attachment":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/media?parent=20377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\n \n

<\/div>

\r\n

\r\n \r\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Demsan End\u00fcstriyel Boya Proje Ke\u015fif Formu<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700&display=swap');\r\n body { font-family: 'Montserrat', sans-serif; }\r\n .checkbox-card:checked + div {\r\n border-color: #2563EB;\r\n background-color: #EFF6FF;\r\n color: #1E40AF;\r\n }\r\n .checkbox-card:checked + div .check-icon {\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-100 min-h-screen py-10 px-4\">\r\n\r\n <div class=\"max-w-5xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden\">\r\n \r\n <div class=\"bg-slate-900 p-8 text-white\">\r\n <div class=\"flex items-center justify-between flex-wrap gap-4\">\r\n <div>\r\n <p class=\"text-slate-300 mt-2 text-sm\">Projeniz i\u00e7in en do\u011fru boya sistemini belirlememiz i\u00e7in teknik detaylar\u0131 doldurun.<\/p>\r\n <\/div>\r\n <div class=\"bg-white\/10 p-3 rounded-lg backdrop-blur-sm\">\r\n <i class=\"fas fa-clipboard-list text-3xl text-blue-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"projectForm\" class=\"p-8 space-y-10\" onsubmit=\"event.preventDefault(); generateOffer();\">\r\n \r\n \r\n <div class=\"grid md:grid-cols-2 gap-6 bg-gray-50 p-6 rounded-xl border border-gray-200\">\r\n <div>\r\n <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Firma Ad\u0131<\/label>\r\n <input type=\"text\" id=\"companyName\" placeholder=\"Firma \u00fcnvan\u0131n\u0131z...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-semibold text-gray-700 mb-2\">Yetkili Ki\u015fi & Telefon<\/label>\r\n <input type=\"text\" id=\"contactInfo\" placeholder=\"Ad Soyad - 05XX...\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">1<\/span>\r\n Proje ve Y\u00fczey Bilgileri\r\n <\/h3>\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\r\n \r\n <div class=\"lg:col-span-4\">\r\n <label class=\"block text-sm font-medium text-gray-600 mb-3\">Boyanacak Malzeme Cinsi (Birden fazla se\u00e7ilebilir)<\/label>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Siyah Sac (DKP\/HRP)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Siyah Sac<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Galvaniz \/ Al\u00fcminyum\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Galvaniz \/ Al\u00fcminyum<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Paslanmaz \u00c7elik\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Paslanmaz \u00c7elik<\/span>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"material\" value=\"Eski Boyal\u0131 Y\u00fczey\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-3 text-center hover:bg-gray-50 transition h-full flex items-center justify-center relative\">\r\n <i class=\"fas fa-check-circle absolute top-2 right-2 text-blue-600 hidden check-icon\"><\/i>\r\n <span class=\"text-sm font-medium\">Eski Boyal\u0131 Y\u00fczey<\/span>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Toplam Boyanacak Alan (m\u00b2)<\/label>\r\n <div class=\"relative\">\r\n <input type=\"number\" id=\"totalArea\" placeholder=\"\u00d6rn: 500\" class=\"w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none\">\r\n <i class=\"fas fa-ruler-combined absolute left-3 top-3.5 text-gray-400\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Mevcut Y\u00fczey Haz\u0131rl\u0131\u011f\u0131<\/label>\r\n <select id=\"surfacePrep\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none bg-white\">\r\n <option value=\"Belirtilmedi\">Se\u00e7iniz...<\/option>\r\n <option value=\"Kumlama Yap\u0131lacak (SA 2.5)\">Kumlama Yap\u0131lacak (SA 2.5)<\/option>\r\n <option value=\"Z\u0131mpara \/ Tel F\u0131r\u00e7a\">Z\u0131mpara \/ Tel F\u0131r\u00e7a<\/option>\r\n <option value=\"Kimyasal Temizlik (Solvent)\">Kimyasal Temizlik (Solvent)<\/option>\r\n <option value=\"Haz\u0131rl\u0131k Yok\">Haz\u0131rl\u0131k Yok<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">2<\/span>\r\n Ortam ve Korozyon \u015eartlar\u0131\r\n <\/h3>\r\n\r\n <div class=\"grid lg:grid-cols-3 gap-4 mb-6\">\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C2\/C3 (\u0130\u00e7 Mekan\/Kuru)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C2 \/ C3 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-warehouse text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">Depo, ofis, fabrika i\u00e7i makineler. D\u00fc\u015f\u00fck nem ve korozyon riski.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C4 (D\u0131\u015f Mekan\/End\u00fcstriyel)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C4 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-city text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">\u015eehir d\u0131\u015f\u0131, nemli ortamlar, end\u00fcstriyel tesisler. Y\u00fcksek koruma gerekir.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer relative h-full\">\r\n <input type=\"radio\" name=\"environment\" value=\"C5 (A\u011f\u0131r Korozyon)\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-xl p-5 hover:shadow-md transition h-full flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex justify-between items-start mb-2\">\r\n <span class=\"font-bold text-gray-800\">C5 S\u0131n\u0131f\u0131<\/span>\r\n <i class=\"fas fa-ship text-gray-400\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500\">Deniz kenar\u0131, asit buhar\u0131, kimyasal tanklar. \u00c7ok a\u011f\u0131r korozyon.<\/p>\r\n <\/div>\r\n <i class=\"fas fa-check-circle self-end text-blue-600 mt-2 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"flex items-center space-x-4 bg-yellow-50 p-4 rounded-lg border border-yellow-200\">\r\n <div class=\"bg-yellow-100 p-2 rounded-full text-yellow-600\">\r\n <i class=\"fas fa-sun\"><\/i>\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <span class=\"font-semibold text-gray-700 block text-sm\">G\u00fcne\u015f (UV) Maruziyeti Var m\u0131?<\/span>\r\n <p class=\"text-xs text-gray-500\">Makine s\u00fcrekli a\u00e7\u0131k havada m\u0131 duracak?<\/p>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"uv\" value=\"Evet (S\u00fcrekli G\u00fcne\u015f)\" class=\"form-radio text-blue-600\">\r\n <span class=\"ml-2 text-sm\">Evet<\/span>\r\n <\/label>\r\n <label class=\"inline-flex items-center\">\r\n <input type=\"radio\" name=\"uv\" value=\"Hay\u0131r (Kapal\u0131 Alan)\" class=\"form-radio text-blue-600\" checked>\r\n <span class=\"ml-2 text-sm\">Hay\u0131r<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">3<\/span>\r\n G\u00f6rsel \u00d6zellikler\r\n <\/h3>\r\n \r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">\u0130stenen Parlakl\u0131k<\/label>\r\n <select id=\"glossLevel\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg outline-none bg-white\">\r\n <option value=\"Belirtilmedi\">Se\u00e7iniz...<\/option>\r\n <option value=\"Mat\">Mat<\/option>\r\n <option value=\"Yar\u0131 Mat (\u0130pek)\">Yar\u0131 Mat (\u0130pek)<\/option>\r\n <option value=\"Tam Parlak (Piano Black\/Oto)\">Tam Parlak (High Gloss)<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Renk Kodu (RAL)<\/label>\r\n <input type=\"text\" id=\"ralCode\" placeholder=\"\u00d6rn: RAL 7035 Gri\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg outline-none\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-600 mb-2\">Y\u00fczey Dokusu<\/label>\r\n <div class=\"flex gap-4\">\r\n <label class=\"flex items-center p-3 border rounded-lg w-full cursor-pointer hover:bg-gray-50\">\r\n <input type=\"radio\" name=\"texture\" value=\"D\u00fcz (P\u00fcr\u00fczs\u00fcz)\" class=\"text-blue-600\" checked>\r\n <span class=\"ml-2 text-sm\">D\u00fcz (P\u00fcr\u00fczs\u00fcz)<\/span>\r\n <\/label>\r\n <label class=\"flex items-center p-3 border rounded-lg w-full cursor-pointer hover:bg-gray-50\">\r\n <input type=\"radio\" name=\"texture\" value=\"Tekst\u00fcre (Texture)\" class=\"text-blue-600\">\r\n <span class=\"ml-2 text-sm\">Tekst\u00fcre<\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-gray-800 border-b pb-2 mb-6 flex items-center\">\r\n <span class=\"bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3\">4<\/span>\r\n Uygulama Ekipman\u0131\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 gap-3\">\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Haval\u0131 (Klasik) Tabanca\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-wind text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Haval\u0131 (Klasik) Tabanca<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Airless (Havas\u0131z) Pompa\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-compress-arrows-alt text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Airless (Havas\u0131z) Pompa<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <label class=\"cursor-pointer relative\">\r\n <input type=\"checkbox\" name=\"equipment\" value=\"Rulo \/ F\u0131r\u00e7a\" class=\"checkbox-card absolute opacity-0 w-full h-full cursor-pointer\">\r\n <div class=\"border rounded-lg p-4 flex items-center justify-between hover:bg-gray-50 transition\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-paint-roller text-gray-400 w-8\"><\/i>\r\n <span class=\"text-sm font-medium\">Rulo \/ F\u0131r\u00e7a<\/span>\r\n <\/div>\r\n <i class=\"fas fa-check text-blue-600 hidden check-icon\"><\/i>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-6 border-t border-gray-200\">\r\n <button type=\"submit\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl text-lg shadow-lg hover:shadow-xl transition transform hover:-translate-y-1 flex items-center justify-center gap-3\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n TEKL\u0130F\u0130 OLU\u015eTUR & G\u00d6NDER\r\n <\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n \r\n <div id=\"resultModal\" class=\"hidden fixed inset-0 bg-black\/50 z-50 flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-2xl w-full p-6 shadow-2xl transform transition-all\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-check text-2xl text-green-600\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-bold text-gray-800\">Proje Detaylar\u0131 Haz\u0131r!<\/h2>\r\n <p class=\"text-gray-600 text-sm\">A\u015fa\u011f\u0131daki metni kopyalay\u0131p bize iletebilirsiniz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-slate-100 p-4 rounded-lg font-mono text-sm text-gray-700 h-64 overflow-y-auto border border-gray-300\" id=\"generatedText\">\r\n \r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-4 mt-6\">\r\n <button onclick=\"copyToClipboard()\" class=\"bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-3 rounded-lg flex items-center justify-center gap-2 transition\">\r\n <i class=\"fas fa-copy\"><\/i> Kopyala\r\n <\/button>\r\n <button onclick=\"sendToWhatsapp()\" class=\"bg-green-500 hover:bg-green-600 text-white font-bold py-3 rounded-lg flex items-center justify-center gap-2 transition\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp ile G\u00f6nder\r\n <\/button>\r\n <\/div>\r\n <button onclick=\"closeModal()\" class=\"mt-4 text-gray-400 hover:text-gray-600 text-sm w-full\">Kapat<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n function getCheckedValues(name) {\r\n const checkboxes = document.querySelectorAll(`input[name=\"${name}\"]:checked`);\r\n let values = [];\r\n checkboxes.forEach((checkbox) => {\r\n values.push(checkbox.value);\r\n });\r\n return values.length > 0 ? values.join(\", \") : \"Belirtilmedi\";\r\n }\r\n\r\n function getRadioValue(name) {\r\n const radio = document.querySelector(`input[name=\"${name}\"]:checked`);\r\n return radio ? radio.value : \"Belirtilmedi\";\r\n }\r\n\r\n function generateOffer() {\r\n \/\/ Verileri Topla\r\n const company = document.getElementById('companyName').value || \"Belirtilmedi\";\r\n const contact = document.getElementById('contactInfo').value || \"Belirtilmedi\";\r\n const materials = getCheckedValues('material');\r\n const area = document.getElementById('totalArea').value + \" m\u00b2\";\r\n const prep = document.getElementById('surfacePrep').value;\r\n const env = getRadioValue('environment');\r\n const uv = getRadioValue('uv');\r\n const gloss = document.getElementById('glossLevel').value;\r\n const ral = document.getElementById('ralCode').value || \"Standart\";\r\n const texture = getRadioValue('texture');\r\n const equipment = getCheckedValues('equipment');\r\n\r\n \/\/ Metin Olu\u015ftur\r\n const date = new Date().toLocaleDateString('tr-TR');\r\n const message = `\r\n*DEMSAN BOYA - PROJE KE\u015e\u0130F FORMU*\r\n\ud83d\udcc5 Tarih: ${date}\r\n\r\n*1. M\u00dc\u015eTER\u0130 B\u0130LG\u0130LER\u0130*\r\n\ud83c\udfe2 Firma: ${company}\r\n\ud83d\udc64 Yetkili: ${contact}\r\n\r\n*2. Y\u00dcZEY B\u0130LG\u0130LER\u0130*\r\n\ud83d\udd29 Malzeme: ${materials}\r\n\ud83d\udccf Toplam Alan: ${area}\r\n\ud83e\uddf9 Haz\u0131rl\u0131k: ${prep}\r\n\r\n*3. ORTAM \u015eARTLARI*\r\n\ud83c\udf0d S\u0131n\u0131f: ${env}\r\n\u2600\ufe0f G\u00fcne\u015f (UV): ${uv}\r\n\r\n*4. G\u00d6RSEL \u0130STEKLER*\r\n\u2728 Parlakl\u0131k: ${gloss}\r\n\ud83c\udfa8 Renk: ${ral}\r\n\ud83e\uddf1 Doku: ${texture}\r\n\r\n*5. UYGULAMA EK\u0130PMANI*\r\n\ud83d\udd2b Y\u00f6ntem: ${equipment}\r\n\r\n--------------------------------\r\n*Talebi De\u011ferlendirip Teklifinizi Bekliyorum.*\r\n `;\r\n\r\n document.getElementById('generatedText').innerText = message.trim();\r\n document.getElementById('resultModal').classList.remove('hidden');\r\n }\r\n\r\n function closeModal() {\r\n document.getElementById('resultModal').classList.add('hidden');\r\n }\r\n\r\n function copyToClipboard() {\r\n const text = document.getElementById('generatedText').innerText;\r\n navigator.clipboard.writeText(text).then(() => {\r\n alert(\"Metin kopyaland\u0131!\");\r\n });\r\n }\r\n\r\n function sendToWhatsapp() {\r\n const text = document.getElementById('generatedText').innerText;\r\n const encodedText = encodeURIComponent(text);\r\n \/\/ Buraya kendi numaran\u0131z\u0131 yazabilirsiniz. \u00d6rn: 90532XXXXXXX\r\n window.open(`https:\/\/wa.me\/?text=${encodedText}`, '_blank');\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t <\/div>\r\n <\/div>\r\n \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demsan End\u00fcstriyel Boya Proje Ke\u015fif Formu Projeniz i\u00e7in en do\u011fru boya sistemini belirlememiz i\u00e7in teknik detaylar\u0131 doldurun. Firma Ad\u0131 Yetkili Ki\u015fi & Telefon 1 Proje ve Y\u00fczey Bilgileri Boyanacak Malzeme Cinsi (Birden fazla se\u00e7ilebilir) Siyah Sac Galvaniz \/ Al\u00fcminyum Paslanmaz \u00c7elik Eski Boyal\u0131 Y\u00fczey Toplam Boyanacak Alan (m\u00b2) Mevcut Y\u00fczey Haz\u0131rl\u0131\u011f\u0131 Se\u00e7iniz…Kumlama Yap\u0131lacak (SA 2.5)Z\u0131mpara […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20377","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/comments?post=20377"}],"version-history":[{"count":7,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377\/revisions"}],"predecessor-version":[{"id":20384,"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/pages\/20377\/revisions\/20384"}],"wp:attachment":[{"href":"https:\/\/wpmentor.com.tr\/demo01\/wp-json\/wp\/v2\/media?parent=20377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}