{"id":24,"date":"2019-10-30T08:04:10","date_gmt":"2019-10-30T08:04:10","guid":{"rendered":"https:\/\/demo.casethemes.net\/contio\/?page_id=24"},"modified":"2025-06-28T14:10:39","modified_gmt":"2025-06-28T11:10:39","slug":"iletisim","status":"publish","type":"page","link":"https:\/\/aykabacatemizleme.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
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0130leti\u015fim - Ayka Baca Temizleme<\/title>\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: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: #0d1117;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Animated background *\/\r\n .bg-animation {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n background: linear-gradient(45deg, #0d1117, #161b22, #21262d);\r\n background-size: 400% 400%;\r\n animation: gradientShift 8s ease infinite;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Floating orbs *\/\r\n .orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(45deg, #58a6ff, #f85149);\r\n opacity: 0.1;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .orb:nth-child(1) {\r\n width: 100px;\r\n height: 100px;\r\n top: 20%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .orb:nth-child(2) {\r\n width: 150px;\r\n height: 150px;\r\n top: 60%;\r\n right: 10%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .orb:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n bottom: 20%;\r\n left: 20%;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(-20px) scale(1.1); }\r\n }\r\n\r\n \/* Main container *\/\r\n .main-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Hero section *\/\r\n .hero {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n opacity: 0;\r\n animation: fadeInUp 1s ease-out 0.3s forwards;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(2.5rem, 5vw, 4rem);\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #58a6ff, #f85149, #ffa657);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.2rem;\r\n color: #7d8590;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n \/* Contact grid *\/\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-item {\r\n background: rgba(33, 38, 45, 0.8);\r\n border: 1px solid #30363d;\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: slideUp 0.8s ease-out forwards;\r\n }\r\n\r\n .contact-item:nth-child(1) { animation-delay: 0.1s; }\r\n .contact-item:nth-child(2) { animation-delay: 0.2s; }\r\n .contact-item:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n .contact-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #58a6ff, transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .contact-item:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateY(-5px);\r\n border-color: #58a6ff;\r\n box-shadow: 0 10px 30px rgba(88, 166, 255, 0.2);\r\n }\r\n\r\n .contact-icon {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, #58a6ff, #1f6feb);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .contact-item:hover .contact-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .contact-item h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.5rem;\r\n color: #f0f6fc;\r\n }\r\n\r\n .contact-item a {\r\n color: #58a6ff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .contact-item a:hover {\r\n color: #79c0ff;\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Map section *\/\r\n .map-section {\r\n background: rgba(33, 38, 45, 0.6);\r\n border: 1px solid #30363d;\r\n border-radius: 16px;\r\n padding: 2rem;\r\n margin-bottom: 3rem;\r\n opacity: 0;\r\n animation: fadeInUp 1s ease-out 0.6s forwards;\r\n }\r\n\r\n .map-section h2 {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n font-size: 2rem;\r\n color: #f0f6fc;\r\n }\r\n\r\n .map-container {\r\n height: 300px;\r\n background: linear-gradient(135deg, #21262d, #30363d);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .map-placeholder {\r\n text-align: center;\r\n color: #7d8590;\r\n }\r\n\r\n .map-placeholder .icon {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n text-align: center;\r\n padding: 2rem 0;\r\n border-top: 1px solid #30363d;\r\n color: #7d8590;\r\n opacity: 0;\r\n animation: fadeInUp 1s ease-out 0.8s forwards;\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 @keyframes slideUp {\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 @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n 40% { transform: translateY(-10px); }\r\n 60% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* Responsive design *\/\r\n @media (max-width: 768px) {\r\n .main-container {\r\n padding: 1rem;\r\n }\r\n\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .contact-item {\r\n padding: 1.5rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .map-container {\r\n height: 250px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .contact-item {\r\n padding: 1.2rem;\r\n }\r\n\r\n .map-section {\r\n padding: 1.5rem;\r\n }\r\n }\r\n\r\n \/* Loading screen *\/\r\n .loader {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #0d1117;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n transition: opacity 0.5s ease;\r\n }\r\n\r\n .loader.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .spinner {\r\n width: 50px;\r\n height: 50px;\r\n border: 3px solid #30363d;\r\n border-top: 3px solid #58a6ff;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Selection styling *\/\r\n ::selection {\r\n background: #58a6ff;\r\n color: #ffffff;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Loading screen -->\r\n <div class=\"loader\" id=\"loader\">\r\n <div class=\"spinner\"><\/div>\r\n <\/div>\r\n\r\n <!-- Animated background -->\r\n <div class=\"bg-animation\">\r\n <div class=\"orb\"><\/div>\r\n <div class=\"orb\"><\/div>\r\n <div class=\"orb\"><\/div>\r\n <\/div>\r\n\r\n <!-- Main content -->\r\n <div class=\"main-container\">\r\n <!-- Hero section -->\r\n <section class=\"hero\">\r\n <h1>\u0130leti\u015fim<\/h1>\r\n <p>Ayka Baca Temizleme Hizmetleri ile ileti\u015fime ge\u00e7in<\/p>\r\n <\/section>\r\n\r\n <!-- Contact cards -->\r\n <section class=\"contact-grid\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <h3>Telefon<\/h3>\r\n <p><a href=\"tel:+905374825756\">0537 482 5756<\/a><\/p>\r\n <p style=\"color: #7d8590; font-size: 0.9rem; margin-top: 0.5rem;\">\r\n 7\/24 ula\u015fabilirsiniz\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <h3>E-posta<\/h3>\r\n <p><a href=\"mailto:info@aykabacatemizleme.com.tr\">info@aykabacatemizleme.com.tr<\/a><\/p>\r\n <p style=\"color: #7d8590; font-size: 0.9rem; margin-top: 0.5rem;\">\r\n 24 saat i\u00e7inde yan\u0131tl\u0131yoruz\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <h3>Adres<\/h3>\r\n <p>Mimar Sinan Mahallesi Ferhat 3A Sultanbeyli <br>\u0130stanbul<\/p>\r\n <p style=\"color: #7d8590; font-size: 0.9rem; margin-top: 0.5rem;\">\r\n \u00dccretsiz ke\u015fif i\u00e7in gelebiliriz\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Map section -->\r\n <section class=\"map-section\">\r\n <h2>Konum<\/h2>\r\n \r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d48185.16631801881!2d29.22267683221828!3d40.990832353534444!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cad1b32053e8fd%3A0x72937cde6b531791!2sMimar%20Sinan%2C%20Ferhat%20Sk.%20No%3A3%2C%2034935%20Sultanbeyli%2F%C4%B0stanbul!5e0!3m2!1str!2str!4v1751108587298!5m2!1str!2str\" \r\n width=\"1068\" \r\n height=\"400\" \r\n style=\"border:0; max-width: 100%; height: auto;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n\r\n<\/div>\r\n <center>\r\n \r\n<p>Ferhat Sk. No:3, Mimar Sinan, 34935 Sultanbeyli\/\u0130stanbul<\/p>\r\n <\/div>\r\n <\/center>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <p>© 2024 Ayka Baca Temizleme. T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Remove loading screen\r\n window.addEventListener('load', () => {\r\n setTimeout(() => {\r\n document.getElementById('loader').classList.add('hidden');\r\n }, 800);\r\n });\r\n\r\n \/\/ Smooth scroll for internal 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 });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Add hover effects\r\n document.querySelectorAll('.contact-item').forEach(item => {\r\n item.addEventListener('mouseenter', () => {\r\n item.style.background = 'rgba(33, 38, 45, 0.95)';\r\n });\r\n \r\n item.addEventListener('mouseleave', () => {\r\n item.style.background = 'rgba(33, 38, 45, 0.8)';\r\n });\r\n });\r\n\r\n \/\/ Parallax effect for orbs\r\n document.addEventListener('mousemove', (e) => {\r\n const orbs = document.querySelectorAll('.orb');\r\n const mouseX = e.clientX \/ window.innerWidth;\r\n const mouseY = e.clientY \/ window.innerHeight;\r\n \r\n orbs.forEach((orb, index) => {\r\n const speed = (index + 1) * 0.02;\r\n const x = (mouseX - 0.5) * speed * 100;\r\n const y = (mouseY - 0.5) * speed * 100;\r\n \r\n orb.style.transform = `translate(${x}px, ${y}px)`;\r\n });\r\n });\r\n\r\n \/\/ Contact item click animation\r\n document.querySelectorAll('.contact-item a').forEach(link => {\r\n link.addEventListener('click', function() {\r\n const item = this.closest('.contact-item');\r\n item.style.transform = 'scale(0.98)';\r\n setTimeout(() => {\r\n item.style.transform = '';\r\n }, 150);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html> \t\t\t\t<\/div>\n\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 – Ayka Baca Temizleme \u0130leti\u015fim Ayka Baca Temizleme Hizmetleri ile ileti\u015fime ge\u00e7in \ud83d\udcde Telefon 0537 482 5756 7\/24 ula\u015fabilirsiniz \u2709\ufe0f E-posta info@aykabacatemizleme.com.tr 24 saat i\u00e7inde yan\u0131tl\u0131yoruz \ud83d\udccd Adres Mimar Sinan Mahallesi Ferhat 3A Sultanbeyli \u0130stanbul \u00dccretsiz ke\u015fif i\u00e7in gelebiliriz Konum Ferhat Sk. No:3, Mimar Sinan, 34935 Sultanbeyli\/\u0130stanbul © 2024 Ayka Baca Temizleme. T\u00fcm haklar\u0131 […]<\/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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":73,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":2157,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/2157"}],"wp:attachment":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}