{"id":84,"date":"2026-07-14T10:34:01","date_gmt":"2026-07-14T07:34:01","guid":{"rendered":"http:\/\/localhost\/?page_id=84"},"modified":"2026-07-14T16:32:33","modified_gmt":"2026-07-14T13:32:33","slug":"iletisim","status":"publish","type":"page","link":"https:\/\/ercsaas.com\/index.php\/iletisim\/","title":{"rendered":"\u0130leti\u015fim"},"content":{"rendered":"\n<style>\n    \/* --------------------------------------\n       1. GENEL AYARLAR & FERAH V\u0130ZYON\n       -------------------------------------- *\/\n    .erc-contact-page-wrapper {\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        background-color: #f8fafc;\n        color: #1e293b; \n        line-height: 1.6;\n        box-sizing: border-box;\n        overflow-x: hidden;\n        position: relative;\n        min-height: 100vh; \/* Sayfan\u0131n tam ekran olmas\u0131n\u0131 sa\u011flar *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .erc-contact-page-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* SOFT RENK PALET\u0130 *\/\n    :root {\n        --brand-green: #0a5c36;\n        --brand-light-green: #e6f4ea;\n        --text-main: #1e293b;\n        --text-muted: #64748b;\n        --white: #ffffff;\n    }\n\n    \/* --------------------------------------\n       2. ORGAN\u0130K ARKA PLAN AN\u0130MASYONLARI\n       -------------------------------------- *\/\n    @keyframes morph {\n        0% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n        50% { border-radius: 30% 60% 70% 40% \/ 50% 60% 30% 60%; }\n        100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\n    }\n    @keyframes slideUpFade {\n        0% { opacity: 0; transform: translateY(40px); }\n        100% { opacity: 1; transform: translateY(0); }\n    }\n\n    .erc-bg-shapes {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        overflow: hidden;\n        z-index: 0;\n        pointer-events: none;\n    }\n    .erc-shape-1 {\n        position: absolute;\n        top: -10%; left: -10%;\n        width: 60vw; height: 60vw;\n        background: linear-gradient(135deg, rgba(10, 92, 54, 0.08), rgba(0, 184, 255, 0.05));\n        animation: morph 15s ease-in-out infinite;\n        filter: blur(40px);\n    }\n    .erc-shape-2 {\n        position: absolute;\n        top: 30%; right: -15%;\n        width: 50vw; height: 50vw;\n        background: linear-gradient(135deg, rgba(0, 200, 100, 0.05), rgba(10, 92, 54, 0.08));\n        animation: morph 20s ease-in-out infinite alternate-reverse;\n        filter: blur(50px);\n    }\n\n    \/* --------------------------------------\n       3. \u0130LET\u0130\u015e\u0130M ALANI TASARIMI\n       -------------------------------------- *\/\n    .erc-contact-container {\n        position: relative;\n        z-index: 1;\n        padding: 10px 20px;\n        width: 100%;\n        animation: slideUpFade 0.8s ease-out forwards;\n    }\n    .erc-contact-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 60px auto;\n    }\n    .erc-contact-header h1 {\n        font-size: 46px;\n        color: var(--text-main);\n        font-weight: 900;\n        letter-spacing: -1px;\n        margin-bottom: 15px;\n    }\n    .erc-contact-header p {\n        font-size: 18px;\n        color: var(--text-muted);\n    }\n    .erc-contact-grid {\n        display: flex;\n        max-width: 1200px;\n        margin: 0 auto;\n        gap: 60px;\n        flex-wrap: wrap;\n    }\n    \n    \/* Sol Taraf - Kartlar *\/\n    .erc-contact-info {\n        flex: 1;\n        min-width: 300px;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n    .erc-info-card {\n        background: rgba(255, 255, 255, 0.8);\n        backdrop-filter: blur(10px);\n        padding: 30px;\n        border-radius: 20px;\n        display: flex;\n        align-items: center;\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);\n        border: 1px solid rgba(255,255,255,0.9);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .erc-info-card:hover {\n        transform: translateX(10px);\n        box-shadow: 0 15px 40px -10px rgba(10, 92, 54, 0.1);\n        background: var(--white);\n    }\n    .erc-info-icon {\n        width: 60px;\n        height: 60px;\n        background: var(--brand-light-green);\n        color: var(--brand-green);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n        margin-right: 25px;\n        flex-shrink: 0;\n    }\n    .erc-info-text h4 {\n        font-size: 18px;\n        color: var(--text-main);\n        margin-bottom: 5px;\n        font-weight: 800;\n    }\n    .erc-info-text p {\n        font-size: 16px;\n        color: var(--text-muted);\n        margin: 0;\n    }\n\n    \/* Sa\u011f Taraf - Form *\/\n    .erc-contact-form-wrapper {\n        flex: 1.5;\n        min-width: 320px;\n        background: var(--white);\n        padding: 50px;\n        border-radius: 24px;\n        box-shadow: 0 25px 60px -15px rgba(10, 92, 54, 0.08);\n        border-top: 6px solid var(--brand-green);\n    }\n    .erc-form-row {\n        display: flex;\n        gap: 20px;\n        margin-bottom: 20px;\n        flex-wrap: wrap;\n    }\n    .erc-form-group {\n        flex: 1;\n        min-width: 200px;\n        display: flex;\n        flex-direction: column;\n    }\n    .erc-form-group label {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--text-main);\n        margin-bottom: 8px;\n    }\n    .erc-form-control {\n        font-family: inherit;\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        padding: 16px 20px;\n        border-radius: 12px;\n        font-size: 16px;\n        color: var(--text-main);\n        transition: all 0.3s ease;\n        outline: none;\n    }\n    .erc-form-control::placeholder {\n        color: #94a3b8;\n    }\n    .erc-form-control:focus {\n        border-color: var(--brand-green);\n        background: var(--white);\n        box-shadow: 0 0 0 4px rgba(10, 92, 54, 0.1);\n    }\n    textarea.erc-form-control {\n        resize: vertical;\n        min-height: 150px;\n    }\n    .erc-btn-submit {\n        display: inline-block;\n        background: var(--brand-green);\n        color: var(--white);\n        font-size: 18px;\n        font-weight: 800;\n        padding: 20px 40px;\n        border-radius: 12px;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        width: 100%;\n        margin-top: 10px;\n    }\n    .erc-btn-submit:hover {\n        background: #084a2c;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 30px rgba(10, 92, 54, 0.2);\n    }\n\n    \/* --------------------------------------\n       4. MOB\u0130L UYUMLULUK\n       -------------------------------------- *\/\n    @media (max-width: 768px) {\n        .erc-contact-header h1 { font-size: 36px; }\n        .erc-contact-form-wrapper { padding: 30px 20px; }\n        .erc-form-row { flex-direction: column; gap: 20px; margin-bottom: 0; }\n        .erc-form-group { margin-bottom: 20px; }\n        .erc-contact-grid { gap: 40px; }\n    }\n<\/style>\n\n<div class=\"erc-contact-page-wrapper\">\n\n    <!-- SIVI FORMLU ORGAN\u0130K ARKA PLAN -->\n    <div class=\"erc-bg-shapes\">\n        <div class=\"erc-shape-1\"><\/div>\n        <div class=\"erc-shape-2\"><\/div>\n    <\/div>\n\n    <!-- \u0130LET\u0130\u015e\u0130M ALANI -->\n    <div class=\"erc-contact-container\">\n        <div class=\"erc-contact-header\">\n            <h1>\u0130leti\u015fim Kurun<\/h1>\n            <p>ErcSaaS \u00fcr\u00fcnleri hakk\u0131nda detayl\u0131 bilgi almak, kurumsal demo talebinde bulunmak veya destek almak i\u00e7in bize yaz\u0131n. Uzman ekibimiz en k\u0131sa s\u00fcrede size d\u00f6n\u00fc\u015f yapacakt\u0131r.<\/p>\n        <\/div>\n\n        <div class=\"erc-contact-grid\">\n            <!-- Sol Taraf: \u0130leti\u015fim Bilgileri Kartlar\u0131 -->\n            <div class=\"erc-contact-info\">\n                <div class=\"erc-info-card\">\n                    <div class=\"erc-info-icon\">\u2709\ufe0f<\/div>\n                    <div class=\"erc-info-text\">\n                        <h4>Sat\u0131\u015f ve Bilgi<\/h4>\n                        <p>satis@ercsaas.com<\/p>\n                        <p>Tel: 0536 932 05 33<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"erc-info-card\">\n                    <div class=\"erc-info-icon\">\ud83d\udee0\ufe0f<\/div>\n                    <div class=\"erc-info-text\">\n                        <h4>Teknik Destek<\/h4>\n                        <p>destek@ercsaas.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"erc-info-card\">\n                    <div class=\"erc-info-icon\">\ud83d\udccd<\/div>\n                    <div class=\"erc-info-text\">\n                        <h4>Genel Merkez<\/h4>\n                        <p>Sakarya\/Erenler T\u00fcrkiye<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Sa\u011f Taraf: \u0130leti\u015fim Formu -->\n            <!-- Sa\u011f Taraf: \u0130leti\u015fim Formu -->\n            <div class=\"erc-contact-form-wrapper\">\n                <form action=\"#\" method=\"POST\">\n                    <!-- 1. Sat\u0131r -->\n                    <div class=\"erc-form-row\">\n                        <div class=\"erc-form-group\">\n                            <label for=\"ad-soyad\">Ad Soyad<\/label>\n                            <input type=\"text\" id=\"ad-soyad\" class=\"erc-form-control\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\" required=\"\">\n                        <\/div>\n                        <div class=\"erc-form-group\">\n                            <label for=\"kurumsal-eposta\">Kurumsal E-posta<\/label>\n                            <input type=\"email\" id=\"kurumsal-eposta\" class=\"erc-form-control\" placeholder=\"ornek@sirketiniz.com\" required=\"\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- 2. Sat\u0131r: Telefon ve \u015eirket Ad\u0131 Eklendi -->\n                    <div class=\"erc-form-row\">\n                        <div class=\"erc-form-group\">\n                            <label for=\"telefon\">Telefon Numaras\u0131<\/label>\n                            <input type=\"tel\" id=\"telefon\" class=\"erc-form-control\" placeholder=\"05XX XXX XX XX\" required=\"\">\n                        <\/div>\n                        <div class=\"erc-form-group\">\n                            <label for=\"sirket-adi\">\u015eirket Ad\u0131<\/label>\n                            <input type=\"text\" id=\"sirket-adi\" class=\"erc-form-control\" placeholder=\"Firman\u0131z\u0131n Ad\u0131\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- 3. Sat\u0131r: Konu (Tam Geni\u015flik) -->\n                    <div class=\"erc-form-group\" style=\"margin-bottom: 20px;\">\n                        <label for=\"konu\">Konu<\/label>\n                        <select id=\"konu\" class=\"erc-form-control\">\n                            <option value=\"demo\">Canl\u0131 Demo Talebi<\/option>\n                            <option value=\"satis\">Sat\u0131\u015f ve Fiyatland\u0131rma<\/option>\n                            <option value=\"destek\">Teknik Destek<\/option>\n                            <option value=\"diger\">Di\u011fer<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- Mesaj Alan\u0131 -->\n                    <div class=\"erc-form-group\">\n                        <label for=\"mesaj\">Mesaj\u0131n\u0131z<\/label>\n                        <textarea id=\"mesaj\" class=\"erc-form-control\" placeholder=\"Size nas\u0131l yard\u0131mc\u0131 olabiliriz?\" required=\"\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"erc-btn-submit\">Mesaj\u0131 G\u00f6nder<\/button>\n\n            <\/form><\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0130leti\u015fim Kurun ErcSaaS \u00fcr\u00fcnleri hakk\u0131nda detayl\u0131 bilgi almak, kurumsal demo talebinde bulunmak veya destek almak i\u00e7in bize yaz\u0131n. Uzman ekibimiz en k\u0131sa s\u00fcrede size d\u00f6n\u00fc\u015f yapacakt\u0131r. \u2709\ufe0f Sat\u0131\u015f ve Bilgi satis@ercsaas.com Tel: 0536 932 05 33 \ud83d\udee0\ufe0f Teknik Destek destek@ercsaas.com \ud83d\udccd Genel Merkez Sakarya\/Erenler T\u00fcrkiye Ad Soyad Kurumsal E-posta Telefon Numaras\u0131 \u015eirket Ad\u0131 Konu Canl\u0131 [&hellip;]<\/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-84","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":6,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/ercsaas.com\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}