Duvar \u00c7\u0131tas\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.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0n{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C5{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}9Faat-23-tile.jpg') 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>Duvar \u00c7\u0131tas\u0131<\/h1>\r\n <p>Modern duvar \u00e7\u0131tas\u0131 sistemleri ile estetik ve \u015f\u0131k duvar dekorasyonu \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 Duvar \u00c7\u0131tas\u0131 Sistemleri<\/h2>\r\n <p>20 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvar \u00e7\u0131tas\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:\/\/productimages.hepsiburada.net\/s\/181\/375-375\/110000145711834.jpg\" alt=\"Duvar \u00c7\u0131tas\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>Duvar \u00c7\u0131tas\u0131 Uygulamas\u0131<\/h3>\r\n <p>Profesyonel duvar \u00e7\u0131tas\u0131 uygulamas\u0131 ile estetik ve \u015f\u0131k duvar dekorasyonu yap\u0131yoruz. 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>Geometrik \u00c7\u0131ta Tasar\u0131m\u0131<\/h3>\r\n <p>Geometrik duvar \u00e7\u0131tas\u0131 tasar\u0131mlar\u0131 ile modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcmler yarat\u0131yoruz. \u00d6zel tasar\u0131m \u00e7\u00f6z\u00fcmleri sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>\u00c7\u0131ta Onar\u0131m\u0131<\/h3>\r\n <p>Mevcut duvar \u00e7\u0131talar\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\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Poli\u00fcretan \u00c7\u0131ta<\/h3>\r\n <p>Poli\u00fcretan duvar \u00e7\u0131tas\u0131 uygulamalar\u0131 ile dayan\u0131kl\u0131 ve estetik \u00e7\u00f6z\u00fcmler sunuyoruz. Uzun \u00f6m\u00fcrl\u00fc sonu\u00e7lar elde ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div>\r\n <h3>Dekoratif Motifler<\/h3>\r\n <p>Dekoratif duvar \u00e7\u0131tas\u0131 motifleri ile evinize \u00f6zel tasar\u0131m \u00e7\u00f6z\u00fcmleri sunuyoruz. Benzersiz g\u00f6r\u00fcn\u00fcmler yarat\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.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0n{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C5{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}9Faat-23-tile.jpg\" alt=\"Duvar \u00c7\u0131tas\u0131 Sistemleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Duvar \u00c7\u0131tas\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:\/\/images.squarespace-cdn.com\/content\/v1\/58412fc9b3db2b11ba9398df\/1609267729691-52OIX12CNLUM90OJOVH6\/geometrik-duvar-citasi\" alt=\"Geometrik Duvar \u00c7\u0131tas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Geometrik Duvar \u00c7\u0131tas\u0131<\/h3>\r\n <p>Modern tasar\u0131mlar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.fezamutfak.com\/pages\/dekorasyon\/Koridor\/Duvar_Citasi_ve_Aplik_Uygulama.jpg?w=&h=\" alt=\"Duvar \u00c7\u0131tas\u0131 ve Aplik\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Duvar \u00c7\u0131tas\u0131 ve Aplik<\/h3>\r\n <p>Ayd\u0131nlatma entegrasyonu<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.fezamutfak.com\/pages\/dekorasyon\/evdekorasyonu\/SalonPoliuretanDuvarCitasiUygulamasi.jpg?w=&h=\" alt=\"Poli\u00fcretan Duvar \u00c7\u0131tas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Poli\u00fcretan Duvar \u00c7\u0131tas\u0131<\/h3>\r\n <p>Dayan\u0131kl\u0131 malzemeler<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-Motif.jpg\" alt=\"Dekoratif Motifler\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Dekoratif Motifler<\/h3>\r\n <p>\u00d6zel tasar\u0131mlar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/decopoli.com.tr\/wp-content\/uploads\/2024\/09\/Dekoratif-Duvar-Citasi-ile-Ev-Dekorasyonunda-Devrim.jpg\" alt=\"Ev Dekorasyonu\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Ev Dekorasyonu<\/h3>\r\n <p>Dekoratif \u00e7\u00f6z\u00fcmler<\/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>Duvarlar\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun \u00e7\u0131ta \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 \u00e7\u0131ta malzemeleri se\u00e7iyoruz. Duvarlar\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 \u00e7\u0131ta 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>Duvar \u00e7\u0131tas\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>Duvar \u00c7\u0131tas\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler Duvar \u00c7\u0131tas\u0131 Modern duvar \u00e7\u0131tas\u0131 sistemleri ile estetik ve \u015f\u0131k duvar dekorasyonu \u00e7\u00f6z\u00fcmleri Profesyonel Duvar \u00c7\u0131tas\u0131 Sistemleri 20 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvar \u00e7\u0131tas\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 […]<\/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-2453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453","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=2453"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453\/revisions"}],"predecessor-version":[{"id":2580,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453\/revisions\/2580"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2453"}],"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 Duvar \u00c7\u0131tas\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.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0n{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C5{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}9Faat-23-tile.jpg') 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>Duvar \u00c7\u0131tas\u0131<\/h1>\r\n <p>Modern duvar \u00e7\u0131tas\u0131 sistemleri ile estetik ve \u015f\u0131k duvar dekorasyonu \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 Duvar \u00c7\u0131tas\u0131 Sistemleri<\/h2>\r\n <p>20 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvar \u00e7\u0131tas\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:\/\/productimages.hepsiburada.net\/s\/181\/375-375\/110000145711834.jpg\" alt=\"Duvar \u00c7\u0131tas\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>Duvar \u00c7\u0131tas\u0131 Uygulamas\u0131<\/h3>\r\n <p>Profesyonel duvar \u00e7\u0131tas\u0131 uygulamas\u0131 ile estetik ve \u015f\u0131k duvar dekorasyonu yap\u0131yoruz. 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>Geometrik \u00c7\u0131ta Tasar\u0131m\u0131<\/h3>\r\n <p>Geometrik duvar \u00e7\u0131tas\u0131 tasar\u0131mlar\u0131 ile modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcmler yarat\u0131yoruz. \u00d6zel tasar\u0131m \u00e7\u00f6z\u00fcmleri sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>\u00c7\u0131ta Onar\u0131m\u0131<\/h3>\r\n <p>Mevcut duvar \u00e7\u0131talar\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\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Poli\u00fcretan \u00c7\u0131ta<\/h3>\r\n <p>Poli\u00fcretan duvar \u00e7\u0131tas\u0131 uygulamalar\u0131 ile dayan\u0131kl\u0131 ve estetik \u00e7\u00f6z\u00fcmler sunuyoruz. Uzun \u00f6m\u00fcrl\u00fc sonu\u00e7lar elde ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div>\r\n <h3>Dekoratif Motifler<\/h3>\r\n <p>Dekoratif duvar \u00e7\u0131tas\u0131 motifleri ile evinize \u00f6zel tasar\u0131m \u00e7\u00f6z\u00fcmleri sunuyoruz. Benzersiz g\u00f6r\u00fcn\u00fcmler yarat\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.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0n{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C5{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}9Faat-23-tile.jpg\" alt=\"Duvar \u00c7\u0131tas\u0131 Sistemleri\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Duvar \u00c7\u0131tas\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:\/\/images.squarespace-cdn.com\/content\/v1\/58412fc9b3db2b11ba9398df\/1609267729691-52OIX12CNLUM90OJOVH6\/geometrik-duvar-citasi\" alt=\"Geometrik Duvar \u00c7\u0131tas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Geometrik Duvar \u00c7\u0131tas\u0131<\/h3>\r\n <p>Modern tasar\u0131mlar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.fezamutfak.com\/pages\/dekorasyon\/Koridor\/Duvar_Citasi_ve_Aplik_Uygulama.jpg?w=&h=\" alt=\"Duvar \u00c7\u0131tas\u0131 ve Aplik\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Duvar \u00c7\u0131tas\u0131 ve Aplik<\/h3>\r\n <p>Ayd\u0131nlatma entegrasyonu<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.fezamutfak.com\/pages\/dekorasyon\/evdekorasyonu\/SalonPoliuretanDuvarCitasiUygulamasi.jpg?w=&h=\" alt=\"Poli\u00fcretan Duvar \u00c7\u0131tas\u0131\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Poli\u00fcretan Duvar \u00c7\u0131tas\u0131<\/h3>\r\n <p>Dayan\u0131kl\u0131 malzemeler<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.ilgiinsaat.com\/wp-content\/uploads\/2022\/11\/{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}C4{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}B0lgi-Dekor-Motif.jpg\" alt=\"Dekoratif Motifler\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Dekoratif Motifler<\/h3>\r\n <p>\u00d6zel tasar\u0131mlar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/decopoli.com.tr\/wp-content\/uploads\/2024\/09\/Dekoratif-Duvar-Citasi-ile-Ev-Dekorasyonunda-Devrim.jpg\" alt=\"Ev Dekorasyonu\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Ev Dekorasyonu<\/h3>\r\n <p>Dekoratif \u00e7\u00f6z\u00fcmler<\/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>Duvarlar\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun \u00e7\u0131ta \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 \u00e7\u0131ta malzemeleri se\u00e7iyoruz. Duvarlar\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 \u00e7\u0131ta 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>Duvar \u00e7\u0131tas\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>Duvar \u00c7\u0131tas\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler Duvar \u00c7\u0131tas\u0131 Modern duvar \u00e7\u0131tas\u0131 sistemleri ile estetik ve \u015f\u0131k duvar dekorasyonu \u00e7\u00f6z\u00fcmleri Profesyonel Duvar \u00c7\u0131tas\u0131 Sistemleri 20 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvar \u00e7\u0131tas\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 […]<\/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-2453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453","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=2453"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453\/revisions"}],"predecessor-version":[{"id":2580,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2453\/revisions\/2580"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}