\u015eing\u0131l \u00c7at\u0131 - Profesyonel \u00c7\u00f6z\u00fcmler<\/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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: linear-gradient(135deg, #f5f7fa 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #c3cfe2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\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, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n padding: 60px 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('https:\/\/www.catiyapionarim.com\/images\/hizmetlerimiz\/Shingle_at.jpeg') center\/cover;\r\n opacity: 0.3;\r\n z-index: 1;\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: 3.5rem;\r\n margin-bottom: 20px;\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.3rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n\r\n .hero-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-image {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .hero-image img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 400px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n transform: translateX(-50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n }\r\n\r\n .service-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 .service-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 30px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: white;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .gallery {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: white;\r\n padding: 20px;\r\n transform: translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-overlay h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n margin: 0 auto 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .step:hover .step-number {\r\n transform: scale(1.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.3rem;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .step p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .cta p {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: white;\r\n color: #667eea;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* WhatsApp Button *\/\r\n .whatsapp-button {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n transition: all 0.3s ease;\r\n z-index: 1000;\r\n }\r\n\r\n .whatsapp-button:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);\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 Design *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n }\r\n\r\n .process-steps {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .whatsapp-button {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.5rem;\r\n bottom: 20px;\r\n right: 20px;\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 .header h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .service-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .gallery-item img {\r\n height: 200px;\r\n }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Loading animation *\/\r\n .loading {\r\n opacity: 0;\r\n animation: fadeIn 0.5s ease-in forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <h1>\u015eing\u0131l \u00c7at\u0131<\/h1>\r\n <p>Modern \u015fing\u0131l \u00e7at\u0131 sistemleri ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 \u00e7\u00f6z\u00fcmleri<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <h2>Profesyonel \u015eing\u0131l \u00c7at\u0131 Sistemleri<\/h2>\r\n <p>25 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, \u015fing\u0131l \u00e7at\u0131 uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Estetik g\u00f6r\u00fcn\u00fcm ve uzun \u00f6m\u00fcrl\u00fcl\u00fck garantisi veriyoruz.<\/p>\r\n <p>Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor.<\/p>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ozvericati.com.tr\/up\/img\/2022\/08\/25\/cz8mj.jpeg\" alt=\"\u015eing\u0131l \u00c7at\u0131\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Hizmetlerimiz<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131<\/h3>\r\n <p>Profesyonel \u015fing\u0131l \u00e7at\u0131 yap\u0131m\u0131 ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 sistemleri kuruyoruz. Modern tasar\u0131m ve kaliteli malzeme kullan\u0131m\u0131 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Onar\u0131m\u0131<\/h3>\r\n <p>Mevcut \u015fing\u0131l \u00e7at\u0131lar\u0131n\u0131z\u0131n onar\u0131m ve bak\u0131m hizmetlerini ger\u00e7ekle\u015ftiriyoruz. H\u0131zl\u0131 ve kal\u0131c\u0131 \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>\u015eing\u0131l De\u011fi\u015fimi<\/h3>\r\n <p>Eski ve y\u0131pranm\u0131\u015f \u015fing\u0131llar\u0131n\u0131z\u0131 yenileri ile de\u011fi\u015ftiriyoruz. Yeni nesil \u015fing\u0131l teknolojileri kullan\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Is\u0131 Yal\u0131t\u0131ml\u0131 \u015eing\u0131l<\/h3>\r\n <p>Is\u0131 yal\u0131t\u0131ml\u0131 \u015fing\u0131l sistemleri ile enerji tasarrufu sa\u011fl\u0131yoruz. Yaz\u0131n serin, k\u0131\u015f\u0131n s\u0131cak ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div>\r\n <h3>Bak\u0131m ve Kontrol<\/h3>\r\n <p>D\u00fczenli bak\u0131m ve kontrol hizmetleri ile \u015fing\u0131l \u00e7at\u0131n\u0131z\u0131n uzun y\u0131llar dayan\u0131kl\u0131 kalmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udccb<\/div>\r\n <h3>Proje Y\u00f6netimi<\/h3>\r\n <p>Ba\u015ftan sona proje y\u00f6netimi ile s\u00fcre\u00e7lerinizi takip ediyor, zaman\u0131nda teslim garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"gallery\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Projelerimizden \u00d6rnekler<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.catiyapionarim.com\/images\/hizmetlerimiz\/Shingle_at.jpeg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Sistemleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Sistemleri<\/h3>\r\n <p>Profesyonel uygulamalar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.catiyapifirmasi.com\/media\/pages\/cati-turleri\/shingle-cati-ustasi\/a7e37c3e15-1707588174\/singil-cati-ustasi-2.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Ustas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Ustas\u0131<\/h3>\r\n <p>Uzman ekip<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/ozturkleryapi.com\/wp-content\/uploads\/2022\/10\/shingle_cati.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131<\/h3>\r\n <p>Kaliteli i\u015f\u00e7ilik<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.caticiankara.com\/uploads\/blog\/shingle-cati-nedir.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Nedir\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Nedir<\/h3>\r\n <p>Bilgilendirme<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/-G2vgTxIWXc\/maxresdefault.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Uygulamas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Uygulamas\u0131<\/h3>\r\n <p>Video rehber<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tr.all.biz\/img\/tr\/catalog\/99119.jpeg\" alt=\"\u015eing\u0131l Malzemeleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l Malzemeleri<\/h3>\r\n <p>Kaliteli \u00fcr\u00fcnler<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"process\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00c7al\u0131\u015fma S\u00fcrecimiz<\/h2>\r\n <div class=\"process-steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Ke\u015fif ve Planlama<\/h3>\r\n <p>\u00c7at\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun \u015fing\u0131l \u00e7\u00f6z\u00fcmlerini planl\u0131yoruz. \u00d6l\u00e7\u00fcmler al\u0131p tasar\u0131m \u00f6nerileri sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Malzeme Se\u00e7imi<\/h3>\r\n <p>Kaliteli ve dayan\u0131kl\u0131 \u015fing\u0131l malzemeleri se\u00e7iyoruz. \u00c7at\u0131n\u0131z\u0131n ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zel \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Profesyonel Uygulama<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 \u015fing\u0131l uygulamas\u0131 ger\u00e7ekle\u015ftiriyoruz. Her a\u015famay\u0131 titizlikle takip ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Kalite Kontrol<\/h3>\r\n <p>Proje tamamland\u0131ktan sonra detayl\u0131 kalite kontrol\u00fc yap\u0131yor, m\u00fckemmel sonu\u00e7 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n <h2>Projenizi Hayata Ge\u00e7irelim<\/h2>\r\n <p>\u015eing\u0131l \u00e7at\u0131 konusunda uzman ekibimizle tan\u0131\u015f\u0131n. \u00dccretsiz ke\u015fif i\u00e7in hemen ileti\u015fime ge\u00e7in.<\/p>\r\n <a href=\"https:\/\/wa.me\/905364208867\" class=\"cta-button\" target=\"_blank\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/905364208867\" class=\"whatsapp-button\" target=\"_blank\">\r\n \ud83d\udcf1\r\n <\/a>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for anchor 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 \/\/ Intersection Observer for animations\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((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('loading');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all sections\r\n document.querySelectorAll('section').forEach(section => {\r\n observer.observe(section);\r\n });\r\n\r\n \/\/ Parallax effect for header\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const header = document.querySelector('.header');\r\n const rate = scrolled * -0.5;\r\n header.style.transform = `translateY(${rate}px)`;\r\n });\r\n\r\n \/\/ Gallery lightbox effect (simple)\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const img = this.querySelector('img');\r\n const overlay = this.querySelector('.gallery-overlay');\r\n \r\n \/\/ Toggle overlay visibility\r\n if (overlay.style.transform === 'translateY(0px)') {\r\n overlay.style.transform = 'translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531})';\r\n } else {\r\n overlay.style.transform = 'translateY(0px)';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Service card hover effects\r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-10px) scale(1.02)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n });\r\n });\r\n\r\n \/\/ Step number animation\r\n document.querySelectorAll('.step-number').forEach(number => {\r\n number.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n number.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n\r\n \/\/ Add loading animation to page elements\r\n window.addEventListener('load', () => {\r\n document.body.classList.add('loaded');\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u015eing\u0131l \u00c7at\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler \u015eing\u0131l \u00c7at\u0131 Modern \u015fing\u0131l \u00e7at\u0131 sistemleri ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 \u00e7\u00f6z\u00fcmleri Profesyonel \u015eing\u0131l \u00c7at\u0131 Sistemleri 25 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, \u015fing\u0131l \u00e7at\u0131 uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Estetik g\u00f6r\u00fcn\u00fcm ve uzun \u00f6m\u00fcrl\u00fcl\u00fck garantisi veriyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor. Hizmetlerimiz \ud83c\udfe0 \u015eing\u0131l […]<\/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":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2447"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions"}],"predecessor-version":[{"id":2576,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions\/2576"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"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 \u015eing\u0131l \u00c7at\u0131 - Profesyonel \u00c7\u00f6z\u00fcmler<\/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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: linear-gradient(135deg, #f5f7fa 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #c3cfe2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\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, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n padding: 60px 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('https:\/\/www.catiyapionarim.com\/images\/hizmetlerimiz\/Shingle_at.jpeg') center\/cover;\r\n opacity: 0.3;\r\n z-index: 1;\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: 3.5rem;\r\n margin-bottom: 20px;\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.3rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n\r\n .hero-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-image {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .hero-image img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 400px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n transform: translateX(-50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n }\r\n\r\n .service-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 .service-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 30px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: white;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .gallery {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: white;\r\n padding: 20px;\r\n transform: translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-overlay h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n margin: 0 auto 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .step:hover .step-number {\r\n transform: scale(1.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.3rem;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .step p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .cta p {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: white;\r\n color: #667eea;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* WhatsApp Button *\/\r\n .whatsapp-button {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n transition: all 0.3s ease;\r\n z-index: 1000;\r\n }\r\n\r\n .whatsapp-button:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);\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 Design *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n }\r\n\r\n .process-steps {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .whatsapp-button {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.5rem;\r\n bottom: 20px;\r\n right: 20px;\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 .header h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .service-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .gallery-item img {\r\n height: 200px;\r\n }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Loading animation *\/\r\n .loading {\r\n opacity: 0;\r\n animation: fadeIn 0.5s ease-in forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <h1>\u015eing\u0131l \u00c7at\u0131<\/h1>\r\n <p>Modern \u015fing\u0131l \u00e7at\u0131 sistemleri ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 \u00e7\u00f6z\u00fcmleri<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <h2>Profesyonel \u015eing\u0131l \u00c7at\u0131 Sistemleri<\/h2>\r\n <p>25 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, \u015fing\u0131l \u00e7at\u0131 uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Estetik g\u00f6r\u00fcn\u00fcm ve uzun \u00f6m\u00fcrl\u00fcl\u00fck garantisi veriyoruz.<\/p>\r\n <p>Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor.<\/p>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ozvericati.com.tr\/up\/img\/2022\/08\/25\/cz8mj.jpeg\" alt=\"\u015eing\u0131l \u00c7at\u0131\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Hizmetlerimiz<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131<\/h3>\r\n <p>Profesyonel \u015fing\u0131l \u00e7at\u0131 yap\u0131m\u0131 ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 sistemleri kuruyoruz. Modern tasar\u0131m ve kaliteli malzeme kullan\u0131m\u0131 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Onar\u0131m\u0131<\/h3>\r\n <p>Mevcut \u015fing\u0131l \u00e7at\u0131lar\u0131n\u0131z\u0131n onar\u0131m ve bak\u0131m hizmetlerini ger\u00e7ekle\u015ftiriyoruz. H\u0131zl\u0131 ve kal\u0131c\u0131 \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>\u015eing\u0131l De\u011fi\u015fimi<\/h3>\r\n <p>Eski ve y\u0131pranm\u0131\u015f \u015fing\u0131llar\u0131n\u0131z\u0131 yenileri ile de\u011fi\u015ftiriyoruz. Yeni nesil \u015fing\u0131l teknolojileri kullan\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Is\u0131 Yal\u0131t\u0131ml\u0131 \u015eing\u0131l<\/h3>\r\n <p>Is\u0131 yal\u0131t\u0131ml\u0131 \u015fing\u0131l sistemleri ile enerji tasarrufu sa\u011fl\u0131yoruz. Yaz\u0131n serin, k\u0131\u015f\u0131n s\u0131cak ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div>\r\n <h3>Bak\u0131m ve Kontrol<\/h3>\r\n <p>D\u00fczenli bak\u0131m ve kontrol hizmetleri ile \u015fing\u0131l \u00e7at\u0131n\u0131z\u0131n uzun y\u0131llar dayan\u0131kl\u0131 kalmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udccb<\/div>\r\n <h3>Proje Y\u00f6netimi<\/h3>\r\n <p>Ba\u015ftan sona proje y\u00f6netimi ile s\u00fcre\u00e7lerinizi takip ediyor, zaman\u0131nda teslim garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"gallery\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Projelerimizden \u00d6rnekler<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.catiyapionarim.com\/images\/hizmetlerimiz\/Shingle_at.jpeg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Sistemleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Sistemleri<\/h3>\r\n <p>Profesyonel uygulamalar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.catiyapifirmasi.com\/media\/pages\/cati-turleri\/shingle-cati-ustasi\/a7e37c3e15-1707588174\/singil-cati-ustasi-2.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Ustas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Ustas\u0131<\/h3>\r\n <p>Uzman ekip<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/ozturkleryapi.com\/wp-content\/uploads\/2022\/10\/shingle_cati.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Yap\u0131m\u0131<\/h3>\r\n <p>Kaliteli i\u015f\u00e7ilik<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.caticiankara.com\/uploads\/blog\/shingle-cati-nedir.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Nedir\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Nedir<\/h3>\r\n <p>Bilgilendirme<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/-G2vgTxIWXc\/maxresdefault.jpg\" alt=\"\u015eing\u0131l \u00c7at\u0131 Uygulamas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l \u00c7at\u0131 Uygulamas\u0131<\/h3>\r\n <p>Video rehber<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tr.all.biz\/img\/tr\/catalog\/99119.jpeg\" alt=\"\u015eing\u0131l Malzemeleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>\u015eing\u0131l Malzemeleri<\/h3>\r\n <p>Kaliteli \u00fcr\u00fcnler<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"process\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00c7al\u0131\u015fma S\u00fcrecimiz<\/h2>\r\n <div class=\"process-steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Ke\u015fif ve Planlama<\/h3>\r\n <p>\u00c7at\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun \u015fing\u0131l \u00e7\u00f6z\u00fcmlerini planl\u0131yoruz. \u00d6l\u00e7\u00fcmler al\u0131p tasar\u0131m \u00f6nerileri sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Malzeme Se\u00e7imi<\/h3>\r\n <p>Kaliteli ve dayan\u0131kl\u0131 \u015fing\u0131l malzemeleri se\u00e7iyoruz. \u00c7at\u0131n\u0131z\u0131n ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zel \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Profesyonel Uygulama<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 \u015fing\u0131l uygulamas\u0131 ger\u00e7ekle\u015ftiriyoruz. Her a\u015famay\u0131 titizlikle takip ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Kalite Kontrol<\/h3>\r\n <p>Proje tamamland\u0131ktan sonra detayl\u0131 kalite kontrol\u00fc yap\u0131yor, m\u00fckemmel sonu\u00e7 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n <h2>Projenizi Hayata Ge\u00e7irelim<\/h2>\r\n <p>\u015eing\u0131l \u00e7at\u0131 konusunda uzman ekibimizle tan\u0131\u015f\u0131n. \u00dccretsiz ke\u015fif i\u00e7in hemen ileti\u015fime ge\u00e7in.<\/p>\r\n <a href=\"https:\/\/wa.me\/905364208867\" class=\"cta-button\" target=\"_blank\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/905364208867\" class=\"whatsapp-button\" target=\"_blank\">\r\n \ud83d\udcf1\r\n <\/a>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for anchor 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 \/\/ Intersection Observer for animations\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((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('loading');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all sections\r\n document.querySelectorAll('section').forEach(section => {\r\n observer.observe(section);\r\n });\r\n\r\n \/\/ Parallax effect for header\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const header = document.querySelector('.header');\r\n const rate = scrolled * -0.5;\r\n header.style.transform = `translateY(${rate}px)`;\r\n });\r\n\r\n \/\/ Gallery lightbox effect (simple)\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const img = this.querySelector('img');\r\n const overlay = this.querySelector('.gallery-overlay');\r\n \r\n \/\/ Toggle overlay visibility\r\n if (overlay.style.transform === 'translateY(0px)') {\r\n overlay.style.transform = 'translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531})';\r\n } else {\r\n overlay.style.transform = 'translateY(0px)';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Service card hover effects\r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-10px) scale(1.02)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n });\r\n });\r\n\r\n \/\/ Step number animation\r\n document.querySelectorAll('.step-number').forEach(number => {\r\n number.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n number.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n\r\n \/\/ Add loading animation to page elements\r\n window.addEventListener('load', () => {\r\n document.body.classList.add('loaded');\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u015eing\u0131l \u00c7at\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler \u015eing\u0131l \u00c7at\u0131 Modern \u015fing\u0131l \u00e7at\u0131 sistemleri ile estetik ve dayan\u0131kl\u0131 \u00e7at\u0131 \u00e7\u00f6z\u00fcmleri Profesyonel \u015eing\u0131l \u00c7at\u0131 Sistemleri 25 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, \u015fing\u0131l \u00e7at\u0131 uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Estetik g\u00f6r\u00fcn\u00fcm ve uzun \u00f6m\u00fcrl\u00fcl\u00fck garantisi veriyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor. Hizmetlerimiz \ud83c\udfe0 \u015eing\u0131l […]<\/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":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2447"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions"}],"predecessor-version":[{"id":2576,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2447\/revisions\/2576"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}