Duvar Panelleri - 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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80') 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 \/* 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\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 Panelleri<\/h1>\r\n <p>Profesyonel duvar paneli \u00e7\u00f6z\u00fcmleri ile mekanlar\u0131n\u0131z\u0131 yenileyin ve modern bir g\u00f6r\u00fcn\u00fcm kazand\u0131r\u0131n<\/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>Modern Duvar Paneli Hizmetleri<\/h2>\r\n <p>18 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvarlar\u0131n\u0131z\u0131n panel uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Dekoratif g\u00f6r\u00fcn\u00fcmden akustik \u00e7\u00f6z\u00fcmlere kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz.<\/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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Duvar Panelleri\">\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\udfa8<\/div>\r\n <h3>Dekoratif Paneller<\/h3>\r\n <p>Modern tasar\u0131m anlay\u0131\u015f\u0131 ile dekoratif duvar panelleri uyguluyoruz. Mekan\u0131n\u0131za \u00f6zel tasar\u0131mlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd0a<\/div>\r\n <h3>Akustik Paneller<\/h3>\r\n <p>Ses yal\u0131t\u0131m\u0131 ve akustik d\u00fczenleme i\u00e7in \u00f6zel paneller sunuyoruz. Konforlu ve sessiz ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf3f<\/div>\r\n <h3>3D Paneller<\/h3>\r\n <p>\u00dc\u00e7 boyutlu duvar panelleri ile mekanlar\u0131n\u0131za derinlik kat\u0131yoruz. Etkileyici g\u00f6rsel efektler yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n <h3>Ofis Panelleri<\/h3>\r\n <p>Kurumsal ofisler i\u00e7in profesyonel panel \u00e7\u00f6z\u00fcmleri sa\u011fl\u0131yoruz. Modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcm garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>Konut Panelleri<\/h3>\r\n <p>Ev ve villa projeleri i\u00e7in \u00f6zel tasar\u0131m paneller haz\u0131rl\u0131yoruz. Konforlu ya\u015fam alanlar\u0131 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>Montaj ve Kurulum<\/h3>\r\n <p>Uzman montaj ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 kurulum hizmeti sa\u011fl\u0131yoruz. Her proje i\u00e7in \u00f6zel \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Modern Dekoratif Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Modern Dekoratif Panel<\/h3>\r\n <p>\u015e\u0131k tasar\u0131m \u00e7\u00f6z\u00fcmleri<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Akustik Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Akustik Panel<\/h3>\r\n <p>Ses yal\u0131t\u0131m\u0131 odakl\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"3D Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>3D Panel<\/h3>\r\n <p>\u00dc\u00e7 boyutlu efektler<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Ofis Paneli\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Ofis Paneli<\/h3>\r\n <p>Profesyonel g\u00f6r\u00fcn\u00fcm<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Konut Paneli\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Konut Paneli<\/h3>\r\n <p>Konforlu ya\u015fam alanlar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"L\u00fcks Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>L\u00fcks Panel<\/h3>\r\n <p>Premium malzemeler<\/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 Tasar\u0131m<\/h3>\r\n <p>Mekan\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun panel \u00e7\u00f6z\u00fcmlerini tasarl\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 panel malzemeleri se\u00e7iyoruz. Mekan\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 Montaj<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 montaj 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 paneli 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\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\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 Panelleri – Profesyonel \u00c7\u00f6z\u00fcmler Duvar Panelleri Profesyonel duvar paneli \u00e7\u00f6z\u00fcmleri ile mekanlar\u0131n\u0131z\u0131 yenileyin ve modern bir g\u00f6r\u00fcn\u00fcm kazand\u0131r\u0131n Modern Duvar Paneli Hizmetleri 18 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvarlar\u0131n\u0131z\u0131n panel uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Dekoratif g\u00f6r\u00fcn\u00fcmden akustik \u00e7\u00f6z\u00fcmlere kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor. […]<\/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-2451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451","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=2451"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2451"}],"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 Panelleri - 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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80') 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 \/* 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\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 Panelleri<\/h1>\r\n <p>Profesyonel duvar paneli \u00e7\u00f6z\u00fcmleri ile mekanlar\u0131n\u0131z\u0131 yenileyin ve modern bir g\u00f6r\u00fcn\u00fcm kazand\u0131r\u0131n<\/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>Modern Duvar Paneli Hizmetleri<\/h2>\r\n <p>18 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvarlar\u0131n\u0131z\u0131n panel uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Dekoratif g\u00f6r\u00fcn\u00fcmden akustik \u00e7\u00f6z\u00fcmlere kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz.<\/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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Duvar Panelleri\">\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\udfa8<\/div>\r\n <h3>Dekoratif Paneller<\/h3>\r\n <p>Modern tasar\u0131m anlay\u0131\u015f\u0131 ile dekoratif duvar panelleri uyguluyoruz. Mekan\u0131n\u0131za \u00f6zel tasar\u0131mlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd0a<\/div>\r\n <h3>Akustik Paneller<\/h3>\r\n <p>Ses yal\u0131t\u0131m\u0131 ve akustik d\u00fczenleme i\u00e7in \u00f6zel paneller sunuyoruz. Konforlu ve sessiz ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf3f<\/div>\r\n <h3>3D Paneller<\/h3>\r\n <p>\u00dc\u00e7 boyutlu duvar panelleri ile mekanlar\u0131n\u0131za derinlik kat\u0131yoruz. Etkileyici g\u00f6rsel efektler yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n <h3>Ofis Panelleri<\/h3>\r\n <p>Kurumsal ofisler i\u00e7in profesyonel panel \u00e7\u00f6z\u00fcmleri sa\u011fl\u0131yoruz. Modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcm garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>Konut Panelleri<\/h3>\r\n <p>Ev ve villa projeleri i\u00e7in \u00f6zel tasar\u0131m paneller haz\u0131rl\u0131yoruz. Konforlu ya\u015fam alanlar\u0131 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>Montaj ve Kurulum<\/h3>\r\n <p>Uzman montaj ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 kurulum hizmeti sa\u011fl\u0131yoruz. Her proje i\u00e7in \u00f6zel \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/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:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Modern Dekoratif Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Modern Dekoratif Panel<\/h3>\r\n <p>\u015e\u0131k tasar\u0131m \u00e7\u00f6z\u00fcmleri<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Akustik Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Akustik Panel<\/h3>\r\n <p>Ses yal\u0131t\u0131m\u0131 odakl\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"3D Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>3D Panel<\/h3>\r\n <p>\u00dc\u00e7 boyutlu efektler<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Ofis Paneli\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Ofis Paneli<\/h3>\r\n <p>Profesyonel g\u00f6r\u00fcn\u00fcm<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Konut Paneli\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Konut Paneli<\/h3>\r\n <p>Konforlu ya\u015fam alanlar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"L\u00fcks Panel\">\r\n <div class=\"gallery-overlay\">\r\n <h3>L\u00fcks Panel<\/h3>\r\n <p>Premium malzemeler<\/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 Tasar\u0131m<\/h3>\r\n <p>Mekan\u0131n\u0131z\u0131 detayl\u0131 olarak inceliyor, en uygun panel \u00e7\u00f6z\u00fcmlerini tasarl\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 panel malzemeleri se\u00e7iyoruz. Mekan\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 Montaj<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 montaj 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 paneli 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\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\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 Panelleri – Profesyonel \u00c7\u00f6z\u00fcmler Duvar Panelleri Profesyonel duvar paneli \u00e7\u00f6z\u00fcmleri ile mekanlar\u0131n\u0131z\u0131 yenileyin ve modern bir g\u00f6r\u00fcn\u00fcm kazand\u0131r\u0131n Modern Duvar Paneli Hizmetleri 18 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, duvarlar\u0131n\u0131z\u0131n panel uygulamalar\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Dekoratif g\u00f6r\u00fcn\u00fcmden akustik \u00e7\u00f6z\u00fcmlere kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor. […]<\/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-2451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451","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=2451"}],"version-history":[{"count":4,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2451\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}