Biz Kimiz - 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: 'Arial', sans-serif;\r\n background: #0a0a0a;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .about-container {\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);\r\n position: relative;\r\n }\r\n\r\n .about-container::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: radial-gradient(circle at 20% 30%, rgba(255, 165, 0, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 69, 0, 0.1) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .about-title {\r\n text-align: center;\r\n font-size: 3.5rem;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n color: #ff6b35;\r\n text-shadow: 0 0 20px rgba(255, 107, 53, 0.5);\r\n animation: titleFloat 3s ease-in-out infinite;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-subtitle {\r\n text-align: center;\r\n font-size: 1.4rem;\r\n margin-bottom: 60px;\r\n color: #ff6b35;\r\n font-weight: bold;\r\n animation: subtitleFade 2s ease-in-out;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .content-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .about-text {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out;\r\n }\r\n\r\n .about-text h3 {\r\n color: #ff6b35;\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n text-shadow: 0 0 10px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .about-text p {\r\n color: #cccccc;\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .certificate-section {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out 0.2s both;\r\n }\r\n\r\n .certificate-section h3 {\r\n color: #ff6b35;\r\n font-size: 1.8rem;\r\n margin-bottom: 30px;\r\n text-shadow: 0 0 10px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .certificate-image {\r\n width: 100%;\r\n max-width: 400px;\r\n height: auto;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);\r\n transition: all 0.4s ease;\r\n border: 2px solid rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .certificate-image:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);\r\n border-color: rgba(255, 107, 53, 0.6);\r\n }\r\n\r\n .features-section {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .feature-card {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .feature-card:nth-child(1) { animation-delay: 0.3s; }\r\n .feature-card:nth-child(2) { animation-delay: 0.4s; }\r\n .feature-card:nth-child(3) { animation-delay: 0.5s; }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);\r\n transition: left 0.5s ease-in-out;\r\n }\r\n\r\n .feature-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: \r\n 0 25px 50px rgba(255, 107, 53, 0.3),\r\n 0 0 30px rgba(255, 107, 53, 0.2),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.2);\r\n border-color: rgba(255, 107, 53, 0.6);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 3rem;\r\n margin-bottom: 20px;\r\n color: #ff6b35;\r\n display: block;\r\n transition: all 0.4s ease;\r\n text-shadow: 0 0 15px rgba(255, 107, 53, 0.5);\r\n }\r\n\r\n .feature-card:hover .feature-icon {\r\n transform: scale(1.2);\r\n text-shadow: 0 0 25px rgba(255, 107, 53, 0.8);\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .feature-title {\r\n color: #ff6b35;\r\n }\r\n\r\n .feature-description {\r\n font-size: 1rem;\r\n color: #b0b0b0;\r\n line-height: 1.6;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .feature-description {\r\n color: #ffffff;\r\n }\r\n\r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .floating-element {\r\n position: absolute;\r\n background: rgba(255, 107, 53, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .floating-element:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .floating-element:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .floating-element:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n bottom: 20%;\r\n left: 20%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .floating-element:nth-child(4) {\r\n width: 100px;\r\n height: 100px;\r\n bottom: 10%;\r\n right: 10%;\r\n animation-delay: 1s;\r\n }\r\n\r\n .floating-element:nth-child(5) {\r\n width: 50px;\r\n height: 50px;\r\n top: 50%;\r\n left: 5%;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes titleFloat {\r\n 0%, 100% { transform: translateY(0px); }\r\n 25% { transform: translateY(-10px); }\r\n 75% { transform: translateY(-5px); }\r\n }\r\n\r\n @keyframes subtitleFade {\r\n 0% { opacity: 0; transform: translateY(20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes cardSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(50px) scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 25% { transform: translateY(-20px) rotate(90deg); }\r\n 50% { transform: translateY(-10px) rotate(180deg); }\r\n 75% { transform: translateY(-30px) rotate(270deg); }\r\n }\r\n\r\n @keyframes glow {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.3); }\r\n 50% { box-shadow: 0 0 40px rgba(255, 107, 53, 0.6); }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .about-title {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .about-subtitle {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-content {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-text, .certificate-section {\r\n padding: 25px;\r\n }\r\n\r\n .about-text h3, .certificate-section h3 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1rem;\r\n }\r\n\r\n .features-section {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 40px;\r\n }\r\n\r\n .feature-card {\r\n padding: 20px;\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .floating-element {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-container {\r\n padding: 20px 15px;\r\n }\r\n\r\n .about-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .about-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .about-text, .certificate-section, .feature-card {\r\n padding: 20px;\r\n }\r\n\r\n .certificate-image {\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"about-container\">\r\n <div class=\"floating-elements\">\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"about-title\">B\u0130Z K\u0130M\u0130Z<\/h1>\r\n <p class=\"about-subtitle\">AYKA BACA TEM\u0130ZLEME<\/p>\r\n\r\n <div class=\"content-wrapper\">\r\n <div class=\"about-content\">\r\n <div class=\"about-text\">\r\n <h3>Tecr\u00fcbe ve G\u00fcvenilirlik<\/h3>\r\n <p>\r\n 15 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir baca temizli\u011fi, bak\u0131m ve kontrol hizmetlerinde uzmanla\u015fm\u0131\u015f bir ekibiz. \r\n Tecr\u00fcbemiz ve profesyonel ekipmanlar\u0131m\u0131zla; soba, kombi ve \u015f\u00f6mine bacalar\u0131nda biriken kurum, \r\n is ve t\u0131kan\u0131kl\u0131klar\u0131 g\u00fcvenle temizliyor, ya\u015fam alanlar\u0131n\u0131z\u0131 yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerinden \r\n koruyoruz.\r\n <\/p>\r\n <p>\r\n M\u00fc\u015fteri memnuniyeti, h\u0131zl\u0131 hizmet ve g\u00fcvenli sonu\u00e7lar ilkesiyle \u0130stanbul'un d\u00f6rt bir yan\u0131na \r\n hizmet veriyoruz. Kaliteli hizmet anlay\u0131\u015f\u0131m\u0131z ve deneyimli ekibimizle, bacalar\u0131n\u0131z\u0131n g\u00fcvenli \r\n ve verimli \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011fl\u0131yoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"certificate-section\">\r\n <h3>Yetki Belgemiz<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/aykabacatemizleme.com.tr\/galeri\/yetki.jpg\" alt=\"Ayka Baca Temizleme Yetki Belgesi\" class=\"certificate-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"features-section\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd27<\/div>\r\n <h4 class=\"feature-title\">Profesyonel Ekipman<\/h4>\r\n <p class=\"feature-description\">\r\n En son teknoloji ekipmanlar\u0131m\u0131zla g\u00fcvenli ve etkili temizlik hizmeti sunuyoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n <h4 class=\"feature-title\">Uzman Ekip<\/h4>\r\n <p class=\"feature-description\">\r\n 15+ y\u0131ll\u0131k tecr\u00fcbeli ve sertifikal\u0131 teknisyenlerimizle kaliteli hizmet garantisi veriyoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h4 class=\"feature-title\">G\u00fcvenlik \u00d6nceli\u011fi<\/h4>\r\n <p class=\"feature-description\">\r\n Yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerine kar\u015f\u0131 kapsaml\u0131 g\u00fcvenlik kontrolleri yap\u0131yoruz.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Sayfa y\u00fcklendi\u011finde animasyonlar\u0131 ba\u015flat\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Kartlara hover efekti ekle\r\n const cards = document.querySelectorAll('.about-text, .certificate-section, .feature-card');\r\n \r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.animation = 'glow 2s ease-in-out infinite';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.animation = '';\r\n });\r\n });\r\n\r\n \/\/ Sertifika resmine t\u0131klama efekti\r\n const certificateImage = document.querySelector('.certificate-image');\r\n if (certificateImage) {\r\n certificateImage.addEventListener('click', function() {\r\n \/\/ Resmi b\u00fcy\u00fct\r\n if (this.style.position === 'fixed') {\r\n \/\/ K\u00fc\u00e7\u00fclt\r\n this.style.position = '';\r\n this.style.top = '';\r\n this.style.left = '';\r\n this.style.width = '';\r\n this.style.height = '';\r\n this.style.zIndex = '';\r\n this.style.transform = '';\r\n this.style.cursor = 'pointer';\r\n document.body.style.overflow = '';\r\n } else {\r\n \/\/ B\u00fcy\u00fct\r\n this.style.position = 'fixed';\r\n this.style.top = '50%';\r\n this.style.left = '50%';\r\n this.style.width = '90vw';\r\n this.style.height = 'auto';\r\n this.style.maxWidth = '800px';\r\n this.style.zIndex = '1000';\r\n this.style.transform = 'translate(-50%, -50%)';\r\n this.style.cursor = 'zoom-out';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Scroll animasyonlar\u0131\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ T\u00fcm animasyonlu elementleri g\u00f6zlemle\r\n document.querySelectorAll('.about-text, .certificate-section, .feature-card').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Floating elementlerin rastgele pozisyonlar\u0131\r\n const floatingElements = document.querySelectorAll('.floating-element');\r\n floatingElements.forEach((element, index) => {\r\n \/\/ Rastgele pozisyon ve boyut ayarla\r\n const randomTop = Math.random() * 80 + 10;\r\n const randomLeft = Math.random() * 80 + 10;\r\n const randomSize = Math.random() * 60 + 40;\r\n const randomDelay = Math.random() * 6;\r\n \r\n element.style.top = randomTop + '%';\r\n element.style.left = randomLeft + '%';\r\n element.style.width = randomSize + 'px';\r\n element.style.height = randomSize + 'px';\r\n element.style.animationDelay = randomDelay + 's';\r\n });\r\n });\r\n\r\n \/\/ Sayfa kayd\u0131rma efekti\r\n let lastScrollTop = 0;\r\n window.addEventListener('scroll', function() {\r\n const st = window.pageYOffset || document.documentElement.scrollTop;\r\n const scrollPercent = st \/ (document.documentElement.scrollHeight - window.innerHeight);\r\n \r\n \/\/ Arkaplan gradient efekti\r\n const container = document.querySelector('.about-container');\r\n const opacity = Math.min(scrollPercent * 2, 0.3);\r\n container.style.background = `linear-gradient(135deg, #0a0a0a 0%, rgba(255, 107, 53, ${opacity}) 50%, #0a0a0a 100%)`;\r\n \r\n lastScrollTop = st <= 0 ? 0 : st;\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>Biz Kimiz – Ayka Baca Temizleme B\u0130Z K\u0130M\u0130Z AYKA BACA TEM\u0130ZLEME Tecr\u00fcbe ve G\u00fcvenilirlik 15 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir baca temizli\u011fi, bak\u0131m ve kontrol hizmetlerinde uzmanla\u015fm\u0131\u015f bir ekibiz. Tecr\u00fcbemiz ve profesyonel ekipmanlar\u0131m\u0131zla; soba, kombi ve \u015f\u00f6mine bacalar\u0131nda biriken kurum, is ve t\u0131kan\u0131kl\u0131klar\u0131 g\u00fcvenle temizliyor, ya\u015fam alanlar\u0131n\u0131z\u0131 yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerinden koruyoruz. M\u00fc\u015fteri memnuniyeti, h\u0131zl\u0131 hizmet […]<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":7,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":2036,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/2036"}],"wp:attachment":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Biz Kimiz - 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: 'Arial', sans-serif;\r\n background: #0a0a0a;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .about-container {\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);\r\n position: relative;\r\n }\r\n\r\n .about-container::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: radial-gradient(circle at 20% 30%, rgba(255, 165, 0, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 69, 0, 0.1) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .about-title {\r\n text-align: center;\r\n font-size: 3.5rem;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n color: #ff6b35;\r\n text-shadow: 0 0 20px rgba(255, 107, 53, 0.5);\r\n animation: titleFloat 3s ease-in-out infinite;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-subtitle {\r\n text-align: center;\r\n font-size: 1.4rem;\r\n margin-bottom: 60px;\r\n color: #ff6b35;\r\n font-weight: bold;\r\n animation: subtitleFade 2s ease-in-out;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .content-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .about-text {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out;\r\n }\r\n\r\n .about-text h3 {\r\n color: #ff6b35;\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n text-shadow: 0 0 10px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .about-text p {\r\n color: #cccccc;\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .certificate-section {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out 0.2s both;\r\n }\r\n\r\n .certificate-section h3 {\r\n color: #ff6b35;\r\n font-size: 1.8rem;\r\n margin-bottom: 30px;\r\n text-shadow: 0 0 10px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .certificate-image {\r\n width: 100%;\r\n max-width: 400px;\r\n height: auto;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);\r\n transition: all 0.4s ease;\r\n border: 2px solid rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .certificate-image:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 50px rgba(255, 107, 53, 0.4);\r\n border-color: rgba(255, 107, 53, 0.6);\r\n }\r\n\r\n .features-section {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .feature-card {\r\n background: linear-gradient(145deg, #1a1a1a, #0f0f0f);\r\n border-radius: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: \r\n 0 10px 30px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 107, 53, 0.2);\r\n animation: cardSlideIn 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .feature-card:nth-child(1) { animation-delay: 0.3s; }\r\n .feature-card:nth-child(2) { animation-delay: 0.4s; }\r\n .feature-card:nth-child(3) { animation-delay: 0.5s; }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);\r\n transition: left 0.5s ease-in-out;\r\n }\r\n\r\n .feature-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: \r\n 0 25px 50px rgba(255, 107, 53, 0.3),\r\n 0 0 30px rgba(255, 107, 53, 0.2),\r\n inset 0 1px 1px rgba(255, 255, 255, 0.2);\r\n border-color: rgba(255, 107, 53, 0.6);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 3rem;\r\n margin-bottom: 20px;\r\n color: #ff6b35;\r\n display: block;\r\n transition: all 0.4s ease;\r\n text-shadow: 0 0 15px rgba(255, 107, 53, 0.5);\r\n }\r\n\r\n .feature-card:hover .feature-icon {\r\n transform: scale(1.2);\r\n text-shadow: 0 0 25px rgba(255, 107, 53, 0.8);\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .feature-title {\r\n color: #ff6b35;\r\n }\r\n\r\n .feature-description {\r\n font-size: 1rem;\r\n color: #b0b0b0;\r\n line-height: 1.6;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .feature-description {\r\n color: #ffffff;\r\n }\r\n\r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .floating-element {\r\n position: absolute;\r\n background: rgba(255, 107, 53, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .floating-element:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .floating-element:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .floating-element:nth-child(3) {\r\n width: 40px;\r\n height: 40px;\r\n bottom: 20%;\r\n left: 20%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .floating-element:nth-child(4) {\r\n width: 100px;\r\n height: 100px;\r\n bottom: 10%;\r\n right: 10%;\r\n animation-delay: 1s;\r\n }\r\n\r\n .floating-element:nth-child(5) {\r\n width: 50px;\r\n height: 50px;\r\n top: 50%;\r\n left: 5%;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes titleFloat {\r\n 0%, 100% { transform: translateY(0px); }\r\n 25% { transform: translateY(-10px); }\r\n 75% { transform: translateY(-5px); }\r\n }\r\n\r\n @keyframes subtitleFade {\r\n 0% { opacity: 0; transform: translateY(20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes cardSlideIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(50px) scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 25% { transform: translateY(-20px) rotate(90deg); }\r\n 50% { transform: translateY(-10px) rotate(180deg); }\r\n 75% { transform: translateY(-30px) rotate(270deg); }\r\n }\r\n\r\n @keyframes glow {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.3); }\r\n 50% { box-shadow: 0 0 40px rgba(255, 107, 53, 0.6); }\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .about-title {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .about-subtitle {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-content {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-text, .certificate-section {\r\n padding: 25px;\r\n }\r\n\r\n .about-text h3, .certificate-section h3 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n font-size: 1rem;\r\n }\r\n\r\n .features-section {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 40px;\r\n }\r\n\r\n .feature-card {\r\n padding: 20px;\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .feature-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .floating-element {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-container {\r\n padding: 20px 15px;\r\n }\r\n\r\n .about-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .about-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .about-text, .certificate-section, .feature-card {\r\n padding: 20px;\r\n }\r\n\r\n .certificate-image {\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"about-container\">\r\n <div class=\"floating-elements\">\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n <\/div>\r\n\r\n <h1 class=\"about-title\">B\u0130Z K\u0130M\u0130Z<\/h1>\r\n <p class=\"about-subtitle\">AYKA BACA TEM\u0130ZLEME<\/p>\r\n\r\n <div class=\"content-wrapper\">\r\n <div class=\"about-content\">\r\n <div class=\"about-text\">\r\n <h3>Tecr\u00fcbe ve G\u00fcvenilirlik<\/h3>\r\n <p>\r\n 15 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir baca temizli\u011fi, bak\u0131m ve kontrol hizmetlerinde uzmanla\u015fm\u0131\u015f bir ekibiz. \r\n Tecr\u00fcbemiz ve profesyonel ekipmanlar\u0131m\u0131zla; soba, kombi ve \u015f\u00f6mine bacalar\u0131nda biriken kurum, \r\n is ve t\u0131kan\u0131kl\u0131klar\u0131 g\u00fcvenle temizliyor, ya\u015fam alanlar\u0131n\u0131z\u0131 yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerinden \r\n koruyoruz.\r\n <\/p>\r\n <p>\r\n M\u00fc\u015fteri memnuniyeti, h\u0131zl\u0131 hizmet ve g\u00fcvenli sonu\u00e7lar ilkesiyle \u0130stanbul'un d\u00f6rt bir yan\u0131na \r\n hizmet veriyoruz. Kaliteli hizmet anlay\u0131\u015f\u0131m\u0131z ve deneyimli ekibimizle, bacalar\u0131n\u0131z\u0131n g\u00fcvenli \r\n ve verimli \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011fl\u0131yoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"certificate-section\">\r\n <h3>Yetki Belgemiz<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/aykabacatemizleme.com.tr\/galeri\/yetki.jpg\" alt=\"Ayka Baca Temizleme Yetki Belgesi\" class=\"certificate-image\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"features-section\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd27<\/div>\r\n <h4 class=\"feature-title\">Profesyonel Ekipman<\/h4>\r\n <p class=\"feature-description\">\r\n En son teknoloji ekipmanlar\u0131m\u0131zla g\u00fcvenli ve etkili temizlik hizmeti sunuyoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n <h4 class=\"feature-title\">Uzman Ekip<\/h4>\r\n <p class=\"feature-description\">\r\n 15+ y\u0131ll\u0131k tecr\u00fcbeli ve sertifikal\u0131 teknisyenlerimizle kaliteli hizmet garantisi veriyoruz.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h4 class=\"feature-title\">G\u00fcvenlik \u00d6nceli\u011fi<\/h4>\r\n <p class=\"feature-description\">\r\n Yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerine kar\u015f\u0131 kapsaml\u0131 g\u00fcvenlik kontrolleri yap\u0131yoruz.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Sayfa y\u00fcklendi\u011finde animasyonlar\u0131 ba\u015flat\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Kartlara hover efekti ekle\r\n const cards = document.querySelectorAll('.about-text, .certificate-section, .feature-card');\r\n \r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.animation = 'glow 2s ease-in-out infinite';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.animation = '';\r\n });\r\n });\r\n\r\n \/\/ Sertifika resmine t\u0131klama efekti\r\n const certificateImage = document.querySelector('.certificate-image');\r\n if (certificateImage) {\r\n certificateImage.addEventListener('click', function() {\r\n \/\/ Resmi b\u00fcy\u00fct\r\n if (this.style.position === 'fixed') {\r\n \/\/ K\u00fc\u00e7\u00fclt\r\n this.style.position = '';\r\n this.style.top = '';\r\n this.style.left = '';\r\n this.style.width = '';\r\n this.style.height = '';\r\n this.style.zIndex = '';\r\n this.style.transform = '';\r\n this.style.cursor = 'pointer';\r\n document.body.style.overflow = '';\r\n } else {\r\n \/\/ B\u00fcy\u00fct\r\n this.style.position = 'fixed';\r\n this.style.top = '50%';\r\n this.style.left = '50%';\r\n this.style.width = '90vw';\r\n this.style.height = 'auto';\r\n this.style.maxWidth = '800px';\r\n this.style.zIndex = '1000';\r\n this.style.transform = 'translate(-50%, -50%)';\r\n this.style.cursor = 'zoom-out';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Scroll animasyonlar\u0131\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ T\u00fcm animasyonlu elementleri g\u00f6zlemle\r\n document.querySelectorAll('.about-text, .certificate-section, .feature-card').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Floating elementlerin rastgele pozisyonlar\u0131\r\n const floatingElements = document.querySelectorAll('.floating-element');\r\n floatingElements.forEach((element, index) => {\r\n \/\/ Rastgele pozisyon ve boyut ayarla\r\n const randomTop = Math.random() * 80 + 10;\r\n const randomLeft = Math.random() * 80 + 10;\r\n const randomSize = Math.random() * 60 + 40;\r\n const randomDelay = Math.random() * 6;\r\n \r\n element.style.top = randomTop + '%';\r\n element.style.left = randomLeft + '%';\r\n element.style.width = randomSize + 'px';\r\n element.style.height = randomSize + 'px';\r\n element.style.animationDelay = randomDelay + 's';\r\n });\r\n });\r\n\r\n \/\/ Sayfa kayd\u0131rma efekti\r\n let lastScrollTop = 0;\r\n window.addEventListener('scroll', function() {\r\n const st = window.pageYOffset || document.documentElement.scrollTop;\r\n const scrollPercent = st \/ (document.documentElement.scrollHeight - window.innerHeight);\r\n \r\n \/\/ Arkaplan gradient efekti\r\n const container = document.querySelector('.about-container');\r\n const opacity = Math.min(scrollPercent * 2, 0.3);\r\n container.style.background = `linear-gradient(135deg, #0a0a0a 0%, rgba(255, 107, 53, ${opacity}) 50%, #0a0a0a 100%)`;\r\n \r\n lastScrollTop = st <= 0 ? 0 : st;\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>Biz Kimiz – Ayka Baca Temizleme B\u0130Z K\u0130M\u0130Z AYKA BACA TEM\u0130ZLEME Tecr\u00fcbe ve G\u00fcvenilirlik 15 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir baca temizli\u011fi, bak\u0131m ve kontrol hizmetlerinde uzmanla\u015fm\u0131\u015f bir ekibiz. Tecr\u00fcbemiz ve profesyonel ekipmanlar\u0131m\u0131zla; soba, kombi ve \u015f\u00f6mine bacalar\u0131nda biriken kurum, is ve t\u0131kan\u0131kl\u0131klar\u0131 g\u00fcvenle temizliyor, ya\u015fam alanlar\u0131n\u0131z\u0131 yang\u0131n ve gaz s\u0131z\u0131nt\u0131s\u0131 risklerinden koruyoruz. M\u00fc\u015fteri memnuniyeti, h\u0131zl\u0131 hizmet […]<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":7,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":2036,"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/2036"}],"wp:attachment":[{"href":"https:\/\/aykabacatemizleme.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}