{"id":46,"date":"2025-09-10T20:23:08","date_gmt":"2025-09-10T17:23:08","guid":{"rendered":"https:\/\/kardeslercamaluminyum.com.tr\/?page_id=46"},"modified":"2025-10-08T21:30:06","modified_gmt":"2025-10-08T18:30:06","slug":"iletisim","status":"publish","type":"page","link":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/","title":{"rendered":"\u0130leti\u015fim"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0130leti\u015fim - Karde\u015fler Cam Al\u00fcminyum<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n min-height: 100vh;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n padding: 2rem 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"rgba(255,255,255,0.1)\"><polygon points=\"0,0 1000,0 1000,100 0,80\"\/><\/svg>') no-repeat bottom;\r\n background-size: cover;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .header h1 {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .header p {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https:\/\/images.unsplash.com\/photo-1423666639041-f56000c27a9a?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n margin-bottom: 1rem;\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 1s ease-out 0.6s both;\r\n }\r\n\r\n .btn {\r\n padding: 15px 30px;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(45deg, #667eea, #764ba2);\r\n color: white;\r\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);\r\n }\r\n\r\n .btn-secondary {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Contact Section *\/\r\n .contact-section {\r\n padding: 100px 0;\r\n background: white;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title p {\r\n font-size: 1.2rem;\r\n color: #666;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .contact-card {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 1px solid #f0f0f0;\r\n }\r\n\r\n .contact-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .contact-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(45deg, #667eea, #764ba2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 2rem;\r\n color: white;\r\n }\r\n\r\n .contact-card h3 {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .contact-card p {\r\n color: #666;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .contact-info {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #667eea;\r\n word-break: break-all;\r\n }\r\n\r\n \/* Contact Form *\/\r\n .contact-form {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n padding: 3rem;\r\n border-radius: 20px;\r\n color: white;\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group label {\r\n margin-bottom: 0.5rem;\r\n font-weight: 500;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n padding: 15px;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n background: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .form-group textarea {\r\n grid-column: 1 \/ -1;\r\n min-height: 120px;\r\n resize: vertical;\r\n }\r\n\r\n .submit-btn {\r\n background: white;\r\n color: #667eea;\r\n padding: 15px 40px;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 auto;\r\n }\r\n\r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* Features Section *\/\r\n .features {\r\n background: #f8f9fa;\r\n padding: 80px 0;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n }\r\n\r\n .feature-card {\r\n text-align: center;\r\n padding: 2rem;\r\n background: white;\r\n border-radius: 15px;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 3rem;\r\n color: #667eea;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.3rem;\r\n color: #2c3e50;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card p {\r\n color: #666;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n\r\n .hero {\r\n height: 80vh;\r\n padding: 0 20px;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n max-width: 300px;\r\n justify-content: center;\r\n }\r\n\r\n .contact-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .contact-card {\r\n padding: 1.5rem;\r\n margin: 0 10px;\r\n }\r\n\r\n .contact-form {\r\n padding: 2rem 1rem;\r\n margin: 0 10px;\r\n }\r\n\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .features {\r\n padding: 60px 0;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .feature-card {\r\n padding: 1.5rem;\r\n margin: 0 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .hero {\r\n height: 70vh;\r\n padding: 0 15px;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 2rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1rem;\r\n line-height: 1.4;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: 2rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title p {\r\n font-size: 1rem;\r\n }\r\n\r\n .contact-card {\r\n padding: 1rem;\r\n margin: 0 5px;\r\n }\r\n\r\n .contact-form {\r\n padding: 1.5rem 0.5rem;\r\n margin: 0 5px;\r\n }\r\n\r\n .contact-form h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n padding: 12px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .submit-btn {\r\n padding: 12px 30px;\r\n font-size: 1rem;\r\n width: 100%;\r\n }\r\n\r\n .feature-card {\r\n padding: 1rem;\r\n margin: 0 5px;\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .feature-card p {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .hero-content h1 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .contact-card {\r\n padding: 0.8rem;\r\n }\r\n\r\n .contact-form {\r\n padding: 1rem 0.3rem;\r\n }\r\n\r\n .contact-form h2 {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n padding: 10px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .submit-btn {\r\n padding: 10px 25px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Header -->\r\n <header class=\"header\">\r\n <div class=\"header-content\">\r\n <h1>\u0130leti\u015fim<\/h1>\r\n <p>Bizimle ileti\u015fime ge\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <h1>Bizimle \u0130leti\u015fime Ge\u00e7in<\/h1>\r\n <p>Profesyonel cam ve al\u00fcminyum \u00e7\u00f6z\u00fcmleri i\u00e7in uzman ekibimizle tan\u0131\u015f\u0131n<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"tel:+905079176280\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n Hemen Aray\u0131n\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/905079176280\" class=\"btn btn-secondary\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section class=\"contact-section\" id=\"iletisim\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u0130leti\u015fim Bilgilerimiz<\/h2>\r\n <p>Size en uygun ileti\u015fim y\u00f6ntemini se\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <h3>Tanju \u00c7ATAL<\/h3>\r\n <p>Genel M\u00fcd\u00fcr<\/p>\r\n <div class=\"contact-info\">0507 917 6280<\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <h3>Mehmet \u00c7ATAL<\/h3>\r\n <p>Teknik M\u00fcd\u00fcr<\/p>\r\n <div class=\"contact-info\">0538 509 5150<\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h3>E-Posta<\/h3>\r\n <p>7\/24 Destek<\/p>\r\n <div class=\"contact-info\">info@kardeslercamaluminyum.com.tr<\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <h3>Adres<\/h3>\r\n <p> \u0130stanbul \u00e7ekmek\u00f6y ta\u015fdelen So\u011fukp\u0131nar mahallesi Gen\u00e7lik caddesi no 16<\/p>\r\n <div class=\"contact-info\">Merkez Ofis<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Form -->\r\n <div class=\"contact-form\">\r\n <h2 style=\"text-align: center; margin-bottom: 2rem; font-size: 2rem;\">Proje Talebinizi G\u00f6nderin<\/h2>\r\n <form>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Ad Soyad<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Telefon<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">E-Posta<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"service\">Hizmet T\u00fcr\u00fc<\/label>\r\n <select id=\"service\" name=\"service\" style=\"padding: 15px; border: none; border-radius: 10px; font-size: 1rem; background: rgba(255, 255, 255, 0.9);\">\r\n <option value=\"\">Se\u00e7iniz<\/option>\r\n <option value=\"cam-balkon\">Cam Balkon Sistemleri<\/option>\r\n <option value=\"pimapen\">Pimapen Do\u011frama<\/option>\r\n <option value=\"aluminyum\">Al\u00fcminyum Do\u011frama<\/option>\r\n <option value=\"dusakabin\">Du\u015fakabin Sistemleri<\/option>\r\n <option value=\"sineklik\">Sineklik Sistemleri<\/option>\r\n <option value=\"kupeste\">K\u00fcpe\u015fte Sistemleri<\/option>\r\n <option value=\"alc\u0131pan\">Al\u00e7\u0131pan Sistemleri<\/option>\r\n <option value=\"boya\">Boya Badana<\/option>\r\n <option value=\"pergole\">Pergole Tente<\/option>\r\n <option value=\"katlanir-cam\">Katlan\u0131r Cam<\/option>\r\n <option value=\"golgelendirme\">G\u00f6lgelendirme<\/option>\r\n <option value=\"kis-bahcesi\">K\u0131\u015f Bah\u00e7esi<\/option>\r\n <option value=\"giyotin\">Giyotin Cam<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"message\">Mesaj\u0131n\u0131z<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Projeniz hakk\u0131nda detayl\u0131 bilgi verin...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n Mesaj G\u00f6nder\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features Section -->\r\n <section class=\"features\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>Neden Bizi Tercih Etmelisiniz?<\/h2>\r\n <p>25 y\u0131ll\u0131k deneyimimizle size en kaliteli hizmeti sunuyoruz<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-award\"><\/i>\r\n <\/div>\r\n <h3>Kaliteli Malzeme<\/h3>\r\n <p>En kaliteli al\u00fcminyum profiller ve cam malzemeler kullanarak uzun \u00f6m\u00fcrl\u00fc \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <\/div>\r\n <h3>Uzman Ekip<\/h3>\r\n <p>Alan\u0131nda uzman teknisyenlerimizle profesyonel montaj ve kurulum hizmeti veriyoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3>H\u0131zl\u0131 Teslimat<\/h3>\r\n <p>Projelerinizi zaman\u0131nda teslim ederek m\u00fc\u015fteri memnuniyetini \u00f6n planda tutuyoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>Garanti<\/h3>\r\n <p>T\u00fcm \u00fcr\u00fcnlerimizde kapsaml\u0131 garanti ve sonras\u0131 destek hizmeti sa\u011fl\u0131yoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-palette\"><\/i>\r\n <\/div>\r\n <h3>\u00d6zel Tasar\u0131m<\/h3>\r\n <p>\u0130htiya\u00e7lar\u0131n\u0131za \u00f6zel tasar\u0131m \u00e7\u00f6z\u00fcmleri ile hayalinizdeki projeyi ger\u00e7ekle\u015ftiriyoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n <\/div>\r\n <h3>7\/24 Destek<\/h3>\r\n <p>M\u00fc\u015fterilerimize kesintisiz destek sa\u011flayarak her zaman yanlar\u0131nda oluyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for navigation links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Test function\r\n function testForm() {\r\n console.log('Test fonksiyonu \u00e7al\u0131\u015ft\u0131!');\r\n alert('Test mesaj\u0131!');\r\n }\r\n\r\n \/\/ Form submission - Wait for DOM to load\r\n document.addEventListener('DOMContentLoaded', function() {\r\n console.log('DOM y\u00fcklendi!');\r\n \r\n const form = document.querySelector('form');\r\n const submitBtn = document.querySelector('.submit-btn');\r\n \r\n console.log('Form:', form);\r\n console.log('Submit Button:', submitBtn);\r\n \r\n if (!form) {\r\n console.error('Form bulunamad\u0131!');\r\n return;\r\n }\r\n \r\n if (!submitBtn) {\r\n console.error('Submit button bulunamad\u0131!');\r\n return;\r\n }\r\n \r\n \/\/ Add click event to button\r\n submitBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n console.log('Buton t\u0131kland\u0131!');\r\n \r\n \/\/ Get form data\r\n const name = document.getElementById('name').value;\r\n const phone = document.getElementById('phone').value;\r\n const email = document.getElementById('email').value;\r\n const service = document.getElementById('service').value;\r\n const message = document.getElementById('message').value;\r\n \r\n console.log('Form verileri:', {name, phone, email, service, message});\r\n \r\n \/\/ Validate form\r\n if (!name || !phone || !email || !service) {\r\n alert('L\u00fctfen t\u00fcm alanlar\u0131 doldurun!');\r\n return;\r\n }\r\n \r\n \/\/ Create WhatsApp message\r\n const whatsappMessage = `Merhaba! Proje talebim var:\r\n\r\nAd Soyad: ${name}\r\nTelefon: ${phone}\r\nE-Posta: ${email}\r\nHizmet T\u00fcr\u00fc: ${service}\r\nMesaj: ${message}\r\n\r\nL\u00fctfen benimle ileti\u015fime ge\u00e7in.`;\r\n\r\n \/\/ Show success message with instructions\r\n alert(`\u2705 Mesaj\u0131n\u0131z haz\u0131rland\u0131!\r\n\r\n\ud83d\udcf1 WhatsApp Numaras\u0131: 0507 917 6280\r\n\r\n\ud83d\udcdd Mesaj\u0131n\u0131z:\r\n${whatsappMessage}\r\n\r\n\ud83d\udca1 Bu mesaj\u0131 kopyalay\u0131p WhatsApp'ta 0507 917 6280 numaras\u0131na g\u00f6nderin.`);\r\n\r\n \/\/ Try to copy message to clipboard\r\n if (navigator.clipboard) {\r\n navigator.clipboard.writeText(whatsappMessage).then(() => {\r\n console.log('Mesaj panoya kopyaland\u0131');\r\n }).catch(() => {\r\n console.log('Panoya kopyalama ba\u015far\u0131s\u0131z');\r\n });\r\n }\r\n \r\n \/\/ Open WhatsApp after alert (compatible with WhatsApp Business)\r\n setTimeout(() => {\r\n \/\/ WhatsApp URL format (works with both WhatsApp and WhatsApp Business)\r\n const whatsappUrl = `https:\/\/wa.me\/905079176280?text=${encodeURIComponent(whatsappMessage)}`;\r\n \r\n \/\/ Detect if user is on mobile or desktop\r\n const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\r\n \r\n try {\r\n if (isMobile) {\r\n \/\/ For mobile devices, try direct navigation first\r\n window.location.href = whatsappUrl;\r\n console.log('Mobil cihazda WhatsApp a\u00e7\u0131l\u0131yor...');\r\n } else {\r\n \/\/ For desktop, try window.open first\r\n const whatsappWindow = window.open(whatsappUrl, '_blank', 'noopener,noreferrer');\r\n \r\n if (!whatsappWindow || whatsappWindow.closed || typeof whatsappWindow.closed == 'undefined') {\r\n \/\/ If popup blocked, try direct navigation\r\n window.location.href = whatsappUrl;\r\n console.log('Popup engellendi, direkt y\u00f6nlendirme yap\u0131l\u0131yor...');\r\n } else {\r\n console.log('WhatsApp yeni sekmede a\u00e7\u0131l\u0131yor...');\r\n }\r\n }\r\n } catch (error) {\r\n console.log('WhatsApp a\u00e7\u0131l\u0131rken hata:', error);\r\n \/\/ Final fallback\r\n try {\r\n window.location.href = whatsappUrl;\r\n } catch (error2) {\r\n console.log('WhatsApp y\u00f6nlendirme ba\u015far\u0131s\u0131z:', error2);\r\n alert('WhatsApp a\u00e7\u0131lamad\u0131. L\u00fctfen manuel olarak 0507 917 6280 numaras\u0131na mesaj g\u00f6nderin.');\r\n }\r\n }\r\n }, 1000);\r\n \r\n \/\/ Reset form\r\n form.reset();\r\n });\r\n });\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-730a5ba e-con-full e-flex e-con e-parent\" data-id=\"730a5ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41cf02f elementor-widget elementor-widget-html\" data-id=\"41cf02f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3010.1616696840597!2d29.232310776463052!3d41.021718818596504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cad1e2336ac589%3A0xef206a3b6c5ab29e!2zU2_En3VrcMSxbmFyLCBHZW7Dp2xpayBDZC4gTm86MTYsIDM0Nzg4IMOHZWttZWvDtnkvxLBzdGFuYnVs!5e0!3m2!1str!2str!4v1759948118145!5m2!1str!2str\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0130leti\u015fim – Karde\u015fler Cam Al\u00fcminyum \u0130leti\u015fim Bizimle ileti\u015fime ge\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Bizimle \u0130leti\u015fime Ge\u00e7in Profesyonel cam ve al\u00fcminyum \u00e7\u00f6z\u00fcmleri i\u00e7in uzman ekibimizle tan\u0131\u015f\u0131n Hemen Aray\u0131n WhatsApp \u0130leti\u015fim Bilgilerimiz Size en uygun ileti\u015fim y\u00f6ntemini se\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Tanju \u00c7ATAL Genel M\u00fcd\u00fcr 0507 917 6280 Mehmet \u00c7ATAL Teknik M\u00fcd\u00fcr 0538 509 […]<\/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":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun\" \/>\n<meta property=\"og:description\" content=\"\u0130leti\u015fim – Karde\u015fler Cam Al\u00fcminyum \u0130leti\u015fim Bizimle ileti\u015fime ge\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Bizimle \u0130leti\u015fime Ge\u00e7in Profesyonel cam ve al\u00fcminyum \u00e7\u00f6z\u00fcmleri i\u00e7in uzman ekibimizle tan\u0131\u015f\u0131n Hemen Aray\u0131n WhatsApp \u0130leti\u015fim Bilgilerimiz Size en uygun ileti\u015fim y\u00f6ntemini se\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Tanju \u00c7ATAL Genel M\u00fcd\u00fcr 0507 917 6280 Mehmet \u00c7ATAL Teknik M\u00fcd\u00fcr 0538 509 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/\" \/>\n<meta property=\"og:site_name\" content=\"Karde\u015fler Cam Balkon Al\u00fcminyun\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-08T18:30:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/\",\"url\":\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/\",\"name\":\"\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun\",\"isPartOf\":{\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#website\"},\"datePublished\":\"2025-09-10T17:23:08+00:00\",\"dateModified\":\"2025-10-08T18:30:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/kardeslercamaluminyum.com.tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0130leti\u015fim\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#website\",\"url\":\"https:\/\/kardeslercamaluminyum.com.tr\/\",\"name\":\"Karde\u015fler Cam Balkon Al\u00fcminyun\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kardeslercamaluminyum.com.tr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#organization\",\"name\":\"Karde\u015fler Cam Balkon Al\u00fcminyun\",\"url\":\"https:\/\/kardeslercamaluminyum.com.tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kardeslercamaluminyum.com.tr\/wp-content\/uploads\/2025\/09\/image.jpg\",\"contentUrl\":\"https:\/\/kardeslercamaluminyum.com.tr\/wp-content\/uploads\/2025\/09\/image.jpg\",\"width\":960,\"height\":960,\"caption\":\"Karde\u015fler Cam Balkon Al\u00fcminyun\"},\"image\":{\"@id\":\"https:\/\/kardeslercamaluminyum.com.tr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/","og_locale":"tr_TR","og_type":"article","og_title":"\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun","og_description":"\u0130leti\u015fim – Karde\u015fler Cam Al\u00fcminyum \u0130leti\u015fim Bizimle ileti\u015fime ge\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Bizimle \u0130leti\u015fime Ge\u00e7in Profesyonel cam ve al\u00fcminyum \u00e7\u00f6z\u00fcmleri i\u00e7in uzman ekibimizle tan\u0131\u015f\u0131n Hemen Aray\u0131n WhatsApp \u0130leti\u015fim Bilgilerimiz Size en uygun ileti\u015fim y\u00f6ntemini se\u00e7in ve projelerinizi birlikte hayata ge\u00e7irelim Tanju \u00c7ATAL Genel M\u00fcd\u00fcr 0507 917 6280 Mehmet \u00c7ATAL Teknik M\u00fcd\u00fcr 0538 509 […]","og_url":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/","og_site_name":"Karde\u015fler Cam Balkon Al\u00fcminyun","article_modified_time":"2025-10-08T18:30:06+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/","url":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/","name":"\u0130leti\u015fim - Karde\u015fler Cam Balkon Al\u00fcminyun","isPartOf":{"@id":"https:\/\/kardeslercamaluminyum.com.tr\/#website"},"datePublished":"2025-09-10T17:23:08+00:00","dateModified":"2025-10-08T18:30:06+00:00","breadcrumb":{"@id":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/iletisim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/kardeslercamaluminyum.com.tr\/"},{"@type":"ListItem","position":2,"name":"\u0130leti\u015fim"}]},{"@type":"WebSite","@id":"https:\/\/kardeslercamaluminyum.com.tr\/#website","url":"https:\/\/kardeslercamaluminyum.com.tr\/","name":"Karde\u015fler Cam Balkon Al\u00fcminyun","description":"","publisher":{"@id":"https:\/\/kardeslercamaluminyum.com.tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kardeslercamaluminyum.com.tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/kardeslercamaluminyum.com.tr\/#organization","name":"Karde\u015fler Cam Balkon Al\u00fcminyun","url":"https:\/\/kardeslercamaluminyum.com.tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/kardeslercamaluminyum.com.tr\/#\/schema\/logo\/image\/","url":"https:\/\/kardeslercamaluminyum.com.tr\/wp-content\/uploads\/2025\/09\/image.jpg","contentUrl":"https:\/\/kardeslercamaluminyum.com.tr\/wp-content\/uploads\/2025\/09\/image.jpg","width":960,"height":960,"caption":"Karde\u015fler Cam Balkon Al\u00fcminyun"},"image":{"@id":"https:\/\/kardeslercamaluminyum.com.tr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":49,"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":2555,"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/2555"}],"wp:attachment":[{"href":"https:\/\/kardeslercamaluminyum.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}