SAP Renovation – Landing Page<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* WordPress Override Styles *\/\n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body,\n body.page,\n body.single,\n body.archive,\n body.home {\n font-family: 'DM Sans', sans-serif;\n color: #000000;\n background-color: #ffffff;\n line-height: 1.6;\n margin: 0 !important;\n padding: 0 !important;\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n \n \/* Nadpisanie ewentualnych kontener\u00f3w WordPress *\/\n .entry-content,\n .wp-block-html,\n #content,\n .site-content,\n main {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .container {\n max-width: 1480px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n \/* Banner Section *\/\n .banner {\n background: #000000;\n padding: 100px 40px;\n position: relative;\n overflow: hidden;\n }\n\n .banner::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.05;\n z-index: 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n bottom: -30%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.03;\n z-index: 0;\n }\n\n .banner-content {\n position: relative;\n z-index: 1;\n max-width: 1250px;\n margin: 0 auto;\n }\n\n .banner-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .banner h1 {\n color: #e4c383;\n font-size: 72px;\n font-weight: 900;\n margin-bottom: 20px;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .banner-subtitle {\n color: #ffffff;\n font-size: 20px;\n font-weight: 400;\n opacity: 0.8;\n }\n\n .bullet-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n }\n\n .bullet-item {\n background: rgba(255, 255, 255, 0.03);\n padding: 40px 35px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bullet-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: #e4c383;\n transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .bullet-item:hover {\n transform: translateX(8px);\n background: rgba(228, 195, 131, 0.05);\n border-color: #e4c383;\n }\n\n .bullet-item:hover::before {\n height: 100%;\n }\n\n .bullet-icon {\n color: #e4c383;\n font-size: 32px;\n margin-bottom: 20px;\n display: block;\n }\n\n .bullet-item p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.5;\n }\n\n \/* Choice Section *\/\n .choice-section {\n padding: 60px 40px 120px;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n .choice-section h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .choice-subtitle {\n font-size: 20px;\n color: #666;\n margin-bottom: 80px;\n font-weight: 400;\n }\n\n .choice-buttons {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .choice-btn {\n background: #000000;\n border: 3px solid #000000;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n height: 500px;\n }\n\n .choice-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n transition: transform 0.5s ease;\n }\n\n .choice-bg::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.3) 100%);\n }\n\n .choice-btn:hover .choice-bg {\n transform: scale(1.08);\n }\n\n .choice-btn-inner {\n padding: 60px 40px;\n position: relative;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .choice-btn::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 5px;\n background: #e4c383;\n transition: width 0.4s ease;\n z-index: 2;\n }\n\n .choice-btn:hover::before {\n width: 100%;\n }\n\n .choice-btn.active {\n border-color: #e4c383;\n }\n\n .choice-btn.active::before {\n width: 100%;\n }\n\n .choice-btn h3 {\n font-size: 36px;\n margin-bottom: 15px;\n color: #ffffff;\n font-weight: 900;\n line-height: 1.2;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 28px;\n color: #e4c383;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 32px;\n color: #e4c383;\n animation: bounceArrow 2s infinite;\n position: relative;\n z-index: 2;\n }\n\n @keyframes bounceArrow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Content Sections *\/\n .content-section {\n display: none;\n padding: 60px 40px 25px;\n animation: fadeInUp 0.6s ease;\n scroll-margin-top: 100px;\n }\n\n .content-section.active {\n display: block;\n }\n\n @keyframes fadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .section-header h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .section-header .subtitle {\n font-size: 20px;\n color: #666;\n font-weight: 400;\n font-style: normal;\n max-width: 800px;\n margin: 0 auto;\n white-space: nowrap;\n }\n\n .content-section h3 {\n font-size: 42px;\n margin: 25px 0 15px;\n color: #000000;\n text-align: center;\n font-weight: 700;\n position: relative;\n display: inline-block;\n width: 100%;\n }\n\n .content-section h3::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: #e4c383;\n }\n\n \/* Gallery Grid *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 40px;\n margin-bottom: 20px;\n padding: 25px 0;\n }\n\n .gallery-item {\n background: #ffffff;\n border: 2px solid #000000;\n border-radius: 0;\n overflow: visible;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n z-index: 1;\n }\n\n .gallery-item:hover {\n transform: scale(1.07);\n border-color: #e4c383;\n z-index: 100;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .gallery-item-image {\n position: relative;\n overflow: hidden;\n height: 300px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .gallery-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: #e4c383;\n color: #000000;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 2;\n }\n\n .gallery-item-content {\n padding: 30px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .gallery-item h4 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n }\n\n .gallery-item p {\n color: #666;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Process Steps *\/\n .process-steps {\n max-width: 1400px;\n margin: 0 auto 20px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n left: 30px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(to bottom, #e4c383 0%, #e4c383 100%);\n }\n\n .step {\n background: #ffffff;\n padding: 40px 40px 40px 100px;\n margin-bottom: 30px;\n border: 2px solid #000000;\n border-radius: 0;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .step:hover {\n transform: translateX(12px);\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .step-number {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n background: #000000;\n color: #e4c383;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n border: 2px solid #e4c383;\n transition: all 0.4s ease;\n }\n\n .step:hover .step-number {\n background: #e4c383;\n color: #000000;\n transform: translateY(-50%) rotate(360deg);\n }\n\n .step h4 {\n font-size: 24px;\n margin-bottom: 12px;\n color: #000000;\n font-weight: 700;\n }\n\n .step p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n }\n\n \/* Piano Carousel *\/\n .piano-carousel {\n position: relative;\n margin: 15px 0 20px;\n overflow: hidden;\n }\n\n .piano-carousel::before,\n .piano-carousel::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 150px;\n z-index: 10;\n pointer-events: none;\n }\n\n .piano-carousel::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 0%, transparent 100%);\n }\n\n .piano-carousel::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 0%, transparent 100%);\n }\n\n .carousel-container {\n overflow: hidden;\n }\n\n .carousel-track {\n display: flex;\n gap: 30px;\n animation: scroll 60s linear infinite;\n width: max-content;\n }\n\n .carousel-track:hover {\n animation-play-state: paused;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .piano-card {\n flex-shrink: 0;\n width: 350px;\n background: #ffffff;\n border: 2px solid #000000;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n display: block;\n color: inherit;\n }\n\n .piano-card:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .piano-card-image {\n position: relative;\n overflow: hidden;\n height: 350px;\n background: #f5f5f5;\n }\n\n .piano-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .piano-card:hover img {\n transform: scale(1.1);\n }\n\n .piano-info {\n padding: 25px;\n text-align: center;\n background: #000000;\n color: #ffffff;\n }\n\n .piano-info h4 {\n font-size: 20px;\n margin-bottom: 8px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .piano-info p {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n }\n\n .piano-length {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 10px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n }\n\n .piano-length i {\n color: #e4c383;\n }\n\n .see-more {\n text-align: center;\n margin-top: 50px;\n }\n\n .see-more a {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 50px;\n background: #000000;\n color: #e4c383;\n text-decoration: none;\n font-size: 18px;\n font-weight: 700;\n border: 2px solid #e4c383;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .see-more a:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .see-more a i {\n transition: transform 0.3s ease;\n }\n\n .see-more a:hover i {\n transform: translateX(5px);\n }\n\n \/* CTA Sections *\/\n .cta-section {\n background: #000000;\n padding: 80px 40px;\n text-align: center;\n margin: 100px 0;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%),\n linear-gradient(-45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%);\n background-size: 60px 60px;\n opacity: 0.3;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-section h3 {\n color: #e4c383;\n font-size: 42px;\n margin-bottom: 20px;\n font-weight: 900;\n text-align: center;\n letter-spacing: -1px;\n }\n\n .cta-section h3::after {\n display: none;\n }\n\n .cta-section p {\n color: #ffffff;\n font-size: 19px;\n margin-bottom: 40px;\n font-weight: 400;\n line-height: 1.6;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: #e4c383;\n color: #000000;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n border: 3px solid #e4c383;\n border-radius: 0;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-btn:hover {\n background: transparent;\n color: #e4c383;\n transform: translateY(-3px);\n }\n\n .cta-btn i {\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n\n .cta-btn:hover i {\n transform: scale(1.2);\n }\n\n \/* Form *\/\n .contact-form {\n display: none;\n max-width: 1400px;\n margin: 50px auto 0;\n background: #ffffff;\n padding: 50px;\n border: 3px solid #e4c383;\n border-radius: 0;\n }\n\n .contact-form.active {\n display: block;\n animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n @keyframes slideDown {\n from { \n opacity: 0; \n transform: translateY(-30px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 30px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 18px;\n border: 2px solid #000000;\n border-radius: 0;\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n transition: all 0.3s ease;\n background: #ffffff;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 140px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 20px;\n background: #000000;\n color: #e4c383;\n border: 2px solid #e4c383;\n border-radius: 0;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .submit-btn:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .form-checkbox {\n margin-bottom: 20px;\n }\n\n .form-checkbox label {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14px;\n font-weight: 400;\n text-transform: none;\n letter-spacing: 0;\n cursor: pointer;\n }\n\n .form-checkbox label a {\n color: #e4c383;\n text-decoration: underline;\n }\n\n .form-checkbox label a:hover {\n color: #000000;\n }\n\n .form-checkbox input[type=\"checkbox\"] {\n width: auto;\n margin-top: 4px;\n flex-shrink: 0;\n cursor: pointer;\n }\n\n \/* Team Section *\/\n .team-section {\n background: #f8f8f8;\n padding: 100px 40px;\n margin: 100px 0;\n }\n\n .team-section h3 {\n font-size: 48px;\n margin-bottom: 70px;\n color: #000000;\n text-align: center;\n font-weight: 900;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-member {\n background: #ffffff;\n padding: 0;\n border: 2px solid #000000;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n }\n\n .team-member:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .team-member-image {\n width: 100%;\n height: 320px;\n background: #f5f5f5;\n position: relative;\n overflow: hidden;\n }\n\n .team-member img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .team-member:hover img {\n transform: scale(1.1);\n }\n\n .team-member-info {\n padding: 30px;\n text-align: center;\n background: #000000;\n }\n\n .team-member h4 {\n font-size: 22px;\n margin-bottom: 10px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .team-member p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Why Choose Section *\/\n .why-choose {\n max-width: 1480px;\n margin: 0 auto;\n padding: 50px 40px 100px;\n }\n\n .why-choose h3 {\n font-size: 48px;\n text-align: center;\n margin-bottom: 70px;\n color: #000000;\n font-weight: 900;\n }\n\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n }\n\n .why-item {\n background: #ffffff;\n padding: 50px 35px;\n border: 3px solid #000000;\n border-radius: 0;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .why-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: #e4c383;\n transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n }\n\n .why-item:hover::before {\n left: 0;\n }\n\n .why-item:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .why-icon {\n font-size: 52px;\n color: #e4c383;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n transition: all 0.4s ease;\n }\n\n .why-item:hover .why-icon {\n transform: rotateY(360deg);\n color: #000000;\n }\n\n .why-item h4 {\n font-size: 22px;\n margin-bottom: 15px;\n color: #000000;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .why-item p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n .team-image {\n width: 100%;\n margin-top: 50px;\n overflow: hidden;\n border: 3px solid #000000;\n }\n\n .team-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .team-image:hover img {\n transform: scale(1.05);\n }\n\n .description-box {\n text-align: center;\n max-width: 1400px;\n margin: 20px auto;\n padding: 50px;\n background: #f8f8f8;\n border-left: 5px solid #e4c383;\n border-right: 5px solid #e4c383;\n }\n\n .description-box p {\n font-size: 20px;\n line-height: 1.7;\n color: #000000;\n font-weight: 500;\n }\n\n .description-box strong {\n color: #e4c383;\n font-weight: 700;\n }\n\n \/* Expert Contact Section - NOWA WERSJA *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/tlo.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 150px 40px;\n position: relative;\n margin: 0 !important;\n }\n\n .expert-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\n z-index: 0;\n }\n\n .expert-container {\n max-width: 1250px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: flex-end;\n position: relative;\n z-index: 1;\n }\n\n .expert-info {\n text-align: left;\n position: relative;\n z-index: 1;\n }\n\n .contact-info-box {\n background: transparent;\n padding: 30px;\n border: none;\n transition: all 0.3s ease;\n }\n\n .contact-info-box:hover {\n border-color: transparent;\n background: transparent;\n }\n\n .expert-info h3 {\n color: #e4c383;\n font-size: 48px;\n font-weight: 900;\n margin: 0 0 10px 0;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-info .role {\n color: #ffffff;\n font-size: 20px;\n margin: 0 0 30px 0;\n font-weight: 500;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-contact {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #ffffff;\n font-size: 18px;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .contact-item i {\n color: #e4c383;\n font-size: 20px;\n width: 24px;\n }\n\n .contact-link {\n color: #ffffff;\n text-decoration: none;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .contact-link:hover {\n color: #e4c383;\n }\n\n .expert-benefits {\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(0, 0, 0, 0.6);\n padding: 20px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n border-color: #e4c383;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .benefit-icon {\n width: 50px;\n height: 50px;\n background: #e4c383;\n color: #000000;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n line-height: 1.4;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n line-height: 1.3;\n }\n\n \/* Before\/After Slider *\/\n .comparison-slider {\n position: relative;\n width: 100%;\n height: 350px;\n overflow: hidden;\n border: 3px solid #000000;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n }\n\n .comparison-slider img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n transition: none !important;\n }\n\n .img-before {\n z-index: 2;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n will-change: clip-path;\n }\n\n .slider-handle {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 4px;\n background: #e4c383;\n z-index: 3;\n cursor: ew-resize;\n transform: translateX(-2px);\n transition: none !important;\n will-change: left;\n }\n\n .slider-handle::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n background: #e4c383;\n border: 3px solid #000000;\n border-radius: 50%;\n }\n\n .slider-handle::after {\n content: '\u27f7';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #000000;\n font-size: 24px;\n font-weight: 900;\n z-index: 4;\n }\n\n .comparison-label {\n position: absolute;\n top: 20px;\n padding: 8px 16px;\n background: #000000;\n color: #e4c383;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 4;\n }\n\n .label-before {\n left: 20px;\n }\n\n .label-after {\n right: 20px;\n }\n\n \/* Split CTA Section *\/\n .cta-split {\n background: #000000;\n margin: 25px 0;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n }\n\n .cta-split::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.5;\n z-index: 0;\n transition: filter 0.3s ease;\n }\n\n .cta-renovation::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\n }\n\n .cta-sale::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\n }\n\n .cta-split.form-active::before {\n filter: blur(8px);\n }\n\n .cta-split::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.35);\n z-index: 0;\n transition: background 0.3s ease;\n pointer-events: none;\n }\n\n .cta-split.form-active::after {\n background: rgba(0, 0, 0, 0.5);\n }\n\n .cta-split-content {\n padding: 50px;\n position: relative;\n z-index: 1;\n transition: filter 0.3s ease;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-split.form-active .cta-split-content {\n filter: none;\n }\n\n .cta-split-image {\n display: none;\n }\n\n .cta-split-image img {\n display: none;\n }\n\n @media (max-width: 1024px) {\n .expert-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .expert-profile {\n max-width: 500px;\n margin: 0 auto;\n }\n\n .cta-split {\n grid-template-columns: 1fr;\n }\n\n .cta-split-image {\n height: 400px;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden !important;\n }\n\n \/* Expert Section Mobile *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/mobile.png');\n background-size: cover;\n background-position: center;\n padding: 180px 20px 100px;\n }\n\n .expert-container {\n grid-template-columns: 1fr;\n gap: 30px;\n margin-top: 50%;\n }\n\n .expert-info h3 {\n font-size: 32px;\n white-space: nowrap;\n }\n\n .expert-info .role {\n font-size: 16px;\n white-space: nowrap;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .benefit-item {\n padding: 15px;\n }\n\n .benefit-icon {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n\n .benefit-text h5 {\n font-size: 14px;\n }\n\n .container {\n padding: 0 20px;\n }\n\n .banner {\n padding: 60px 20px;\n }\n\n .banner h1 {\n font-size: 42px;\n }\n\n .choice-section {\n padding: 80px 20px;\n }\n\n .choice-section h2 {\n font-size: 28px;\n }\n\n .choice-buttons {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .choice-btn {\n min-width: 100%;\n }\n\n .content-section {\n padding: 60px 20px;\n }\n\n .section-header h2,\n .content-section h3 {\n font-size: 32px;\n }\n\n .section-header .subtitle {\n white-space: normal;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n padding: 40px 0;\n }\n\n .gallery-item:hover {\n transform: none;\n box-shadow: none;\n }\n\n .piano-carousel {\n padding: 0;\n margin: 15px 0 20px;\n }\n\n \/* Usuwamy fade na mobile *\/\n .piano-carousel::before,\n .piano-carousel::after {\n display: none;\n }\n\n \/* W\u0142\u0105czamy swipe scrolling zamiast auto-karuzeli *\/\n .carousel-container {\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scrollbar-width: none; \/* Firefox *\/\n -ms-overflow-style: none; \/* IE\/Edge *\/\n }\n\n .carousel-container::-webkit-scrollbar {\n display: none; \/* Chrome\/Safari *\/\n }\n\n .carousel-track {\n animation: none; \/* Wy\u0142\u0105czamy auto-scroll *\/\n padding: 0 20px;\n }\n\n .piano-card {\n scroll-snap-align: start;\n }\n\n .carousel-btn {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .process-steps::before {\n left: 15px;\n }\n\n .step {\n padding: 30px 30px 30px 80px;\n }\n\n .step h4 {\n text-align: left;\n }\n\n .step p {\n text-align: left;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .team-section,\n .why-choose,\n .cta-section {\n padding: 60px 20px;\n }\n\n .why-choose h3 {\n font-size: 28px;\n }\n\n .contact-form {\n padding: 20px 15px;\n margin: 30px 0 0 0;\n }\n\n \/* Zmniejszenie font\u00f3w w nag\u0142\u00f3wkach CTA na mobile *\/\n .cta-split h3 {\n font-size: 21px !important;\n }\n\n \/* CTA Split sections - full width wobec ekranu *\/\n .cta-split {\n margin-left: -20px;\n margin-right: -20px;\n margin-top: 0;\n margin-bottom: 0;\n max-width: none;\n }\n\n .cta-split-content {\n padding: 30px 20px;\n max-width: 100%;\n }\n\n \/* Formularze wewn\u0105trz CTA - minimalne odst\u0119py *\/\n .cta-split .contact-form {\n padding: 25px 15px;\n border-left: none;\n border-right: none;\n }\n\n .cta-split .form-group {\n margin-bottom: 20px;\n }\n\n .cta-split .form-group input,\n .cta-split .form-group textarea {\n padding: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"expert-section\">\n <div class=\"expert-container\">\n <div class=\"expert-info\">\n <div class=\"contact-info-box\">\n <h3>Krzysztof Skwarek<\/h3>\n <p class=\"role\">Konsultant ds. Sprzeda\u017cy i Renowacji<\/p>\n <div class=\"expert-contact\">\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <a href=\"tel:+48609809703\" class=\"contact-link\">+48 609 809 703<\/a>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <a href=\"mailto:krzysztof@saprenovation.com\" class=\"contact-link\">krzysztof@saprenovation.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"expert-benefits\">\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Kontakt z ekspertem, nie ze sprzedawc\u0105<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-camera\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Precyzyjna wycena na podstawie zdj\u0119\u0107 i specyfikacji<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Ponad 36 lat do\u015bwiadczenia w renowacjach<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Indywidualne podej\u015bcie do instrumentu<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-chart-line\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Ponad 14000 zrealizowanych renowacji<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"choice-section\">\n <h2>Wybierz czym jeste\u015b zainteresowany<\/h2>\n <p class=\"choice-subtitle\">Profesjonalna renowacja lub gotowe instrumenty premium<\/p>\n <div class=\"choice-buttons\">\n <div class=\"choice-btn\" onclick=\"showSection('renovation')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Renowacja<br>Twojego Instrumentu<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"choice-btn\" onclick=\"showSection('sale')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Instrumenty<br>na sprzeda\u017c<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"renovation-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Renowacja Twojego Instrumentu<\/h2>\n <p class=\"subtitle\">Kompleksowa odnowa ka\u017cdego elementu instrumentu<\/p>\n <\/div>\n\n <h3>Przed i Po Renowacji<\/h3>\n \n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"obudowa\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" alt=\"Obudowa po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b1.png\" alt=\"Obudowa przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Obudowa<\/h4>\n <p>Kompletna renowacja obudowy fortepianu<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"rama\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c2.png\" alt=\"Rama po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c1.png\" alt=\"Rama przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Akustyka<\/h4>\n <p>Kompletna renowacja akustyki<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"mechanizm\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/after-scaled.jpg\" alt=\"Mechanizm po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/before-scaled.jpg\" alt=\"Mechanizm przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Mechanizm z klawiatur\u0105<\/h4>\n <p>Kompletny remont mechanizmu<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h3>Jak zatrudni\u0107 naszych Mistrz\u00f3w Renowacji<\/h3>\n \n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Pierwszy kontakt<\/h4>\n <p>Poznajemy Twoje potrzeby i oczekiwania dotycz\u0105ce renowacji.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>Wst\u0119pna wycena<\/h4>\n <p>Na podstawie zdj\u0119\u0107 i specyfikacji oceniamy stan fortepianu i przedstawiamy realistyczny zakres prac i koszt\u00f3w.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>Ogl\u0119dziny i finalna oferta<\/h4>\n <p>Na miejscu wykonujemy ogl\u0119dziny instrumentu, doprecyzowujemy szczeg\u00f3\u0142y renowacji i przygotowujemy ostateczn\u0105 wycen\u0119.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>Renowacja w naszej pracowni<\/h4>\n <p>Realizujemy uzgodnione prace. Ca\u0142y proces realizujemy pod jednym dachem.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">5<\/div>\n <h4>Instrument po renowacji<\/h4>\n <p>Dogadujemy termin dostawy i dostarczamy do Ciebie.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-split cta-renovation\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Gotowy na renowacj\u0119?<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Skontaktuj si\u0119 z nami, aby om\u00f3wi\u0107 szczeg\u00f3\u0142y Twojego projektu renowacji<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-renovation')\">\n <i class=\"fa-solid fa-calendar-check\"><\/i>\n Um\u00f3w si\u0119 na konsultacj\u0119\n <\/button>\n \n <div id=\"form-renovation\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-r\"><i class=\"fa-solid fa-user\"><\/i> Imi\u0119 i nazwisko<\/label>\n <input type=\"text\" id=\"name-r\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-r\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-r\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-r\"><i class=\"fa-solid fa-phone\"><\/i> Telefon<\/label>\n <input type=\"tel\" id=\"phone-r\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-r\"><i class=\"fa-solid fa-message\"><\/i> Wiadomo\u015b\u0107<\/label>\n <textarea id=\"message-r\" name=\"message\" placeholder=\"Opisz sw\u00f3j fortepian i swoje oczekiwania...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych zgodnie z <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Polityk\u0105 Prywatno\u015bci<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Wy\u015blij zapytanie\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sale-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Instrumenty na sprzeda\u017c<\/h2>\n <p class=\"subtitle\">Je\u015bli nie znajdziesz instrumentu idealnego dla siebie \u2013 wykonamy go na zam\u00f3wienie<\/p>\n <\/div>\n\n \n <div class=\"piano-carousel\">\n <div class=\"carousel-container\">\n <div class=\"carousel-track\" id=\"carousel-track\">\n \n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinwaysons-sap11034\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinwaysons-sap11034\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"see-more\">\n <a href=\"https:\/\/saprenovation.com\/pl\/kategoria-produktu\/nasprzedaz\/\" target=\"_blank\">\n Zobacz wi\u0119cej instrument\u00f3w\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"description-box\">\n <p><strong>Ka\u017cdy instrument przechodzi pe\u0142ny proces renowacji w naszej pracowni<\/strong><br>\u2013 od obudowy, po akustyk\u0119 i mechanizm.<\/p>\n <\/div>\n\n \n <div class=\"cta-split cta-sale\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Pom\u00f3\u017ccie mi wybra\u0107 instrument<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Nasz ekspert doradzi Ci instrument dopasowany do wn\u0119trza, oczekiwa\u0144 i bud\u017cetu<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-premium')\">\n <i class=\"fa-solid fa-headset\"><\/i>\n Skontaktuj si\u0119 z ekspertem\n <\/button>\n \n <div id=\"form-premium\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-p\"><i class=\"fa-solid fa-user\"><\/i> Imi\u0119 i nazwisko<\/label>\n <input type=\"text\" id=\"name-p\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-p\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-p\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-p\"><i class=\"fa-solid fa-phone\"><\/i> Telefon<\/label>\n <input type=\"tel\" id=\"phone-p\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-p\"><i class=\"fa-solid fa-message\"><\/i> Wiadomo\u015b\u0107<\/label>\n <textarea id=\"message-p\" name=\"message\" placeholder=\"Opowiedz nam o swoich oczekiwaniach...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych zgodnie z <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Polityk\u0105 Prywatno\u015bci<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Wy\u015blij zapytanie\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"cta-split-image\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x800\/e4c383\/000?text=Fortepian\" alt=\"Fortepian premium\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"why-choose\">\n <h3>Dlaczego klienci wybieraj\u0105 SAP Renovation<\/h3>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <i class=\"fa-solid fa-handshake why-icon\"><\/i>\n <h4>Nie jeste\u015bmy po\u015brednikiem<\/h4>\n <p>Pracujemy bezpo\u015brednio z klientem, bez zb\u0119dnych koszt\u00f3w<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-building why-icon\"><\/i>\n <h4>Wszystkie prace pod jednym dachem<\/h4>\n <p>Kompletny proces renowacji w jednym miejscu<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-globe why-icon\"><\/i>\n <h4>Klienci z ca\u0142ego \u015bwiata<\/h4>\n <p>Zaufanie klient\u00f3w z kraju i zagranicy<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-shield-halved why-icon\"><\/i>\n <h4>Gwarancja<br>na lata<\/h4>\n <p>Instrumenty po renowacji s\u0142u\u017c\u0105 dziesi\u0105tki lat<\/p>\n <\/div>\n <\/div>\n <div class=\"team-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/GRUPOWE-SALON-1-1-1-scaled.jpg\" alt=\"Zesp\u00f3\u0142 SAP Renovation\">\n <\/div>\n <\/section>\n\n <script>\n \/\/ Section switching\n function showSection(section) {\n document.querySelectorAll('.content-section').forEach(s => {\n s.classList.remove('active');\n });\n \n document.querySelectorAll('.choice-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n \n if (section === 'renovation') {\n document.getElementById('renovation-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[0].classList.add('active');\n } else if (section === 'sale') {\n document.getElementById('sale-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[1].classList.add('active');\n }\n \n setTimeout(() => {\n const targetSection = document.querySelector('.content-section.active');\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }, 100);\n }\n\n \/\/ Form toggle\n function toggleForm(formId) {\n const form = document.getElementById(formId);\n form.classList.toggle('active');\n \n \/\/ Dodaj\/usu\u0144 klas\u0119 dla efektu blur na sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.toggle('form-active');\n }\n }\n\n \/\/ Infinite carousel auto-scrolls via CSS animation\n \/\/ Pause\/resume handled by :hover pseudo-class\n\n \/\/ Form submission handling\n document.querySelectorAll('form').forEach(form => {\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n const submitBtn = form.querySelector('.submit-btn');\n const originalBtnText = submitBtn.innerHTML;\n \n \/\/ Wy\u0142\u0105cz przycisk i poka\u017c \u0142adowanie\n submitBtn.disabled = true;\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Wysy\u0142anie...';\n \n \/\/ Przygotuj dane formularza\n const formData = new FormData(form);\n \n \/\/ Dodaj typ formularza\n const formType = form.closest('#form-renovation') ? 'Renowacja' : 'Sprzeda\u017c';\n formData.append('form_type', formType);\n formData.append('action', 'sap_landing_form');\n \n try {\n const response = await fetch('https:\/\/saprenovation.com\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n \n const result = await response.json();\n \n if (result.success) {\n alert(result.data.message);\n form.reset();\n form.parentElement.classList.remove('active');\n \n \/\/ Usu\u0144 klas\u0119 form-active z sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.remove('form-active');\n }\n } else {\n alert(result.data.message || 'Wyst\u0105pi\u0142 b\u0142\u0105d. Spr\u00f3buj ponownie.');\n }\n } catch (error) {\n console.error('B\u0142\u0105d:', error);\n alert('Wyst\u0105pi\u0142 b\u0142\u0105d podczas wysy\u0142ania formularza. Spr\u00f3buj ponownie lub skontaktuj si\u0119 telefonicznie.');\n } finally {\n \/\/ Przywr\u00f3\u0107 przycisk\n submitBtn.disabled = false;\n submitBtn.innerHTML = originalBtnText;\n }\n });\n });\n\n \/\/ Before\/After Image Comparison Slider\n document.querySelectorAll('.comparison-slider').forEach(slider => {\n const handle = slider.querySelector('.slider-handle');\n const beforeImg = slider.querySelector('.img-before');\n let isDragging = false;\n\n function updateSlider(x) {\n const rect = slider.getBoundingClientRect();\n const offset = x - rect.left;\n const percentage = (offset \/ rect.width) * 100;\n const clampedPercentage = Math.max(0, Math.min(100, percentage));\n \n handle.style.left = clampedPercentage + '%';\n beforeImg.style.clipPath = `polygon(0 0, ${clampedPercentage}% 0, ${clampedPercentage}% 100%, 0 100%)`;\n }\n\n handle.addEventListener('mousedown', () => {\n isDragging = true;\n });\n\n document.addEventListener('mousemove', (e) => {\n if (isDragging) {\n updateSlider(e.clientX);\n }\n });\n\n document.addEventListener('mouseup', () => {\n isDragging = false;\n });\n\n \/\/ Touch support\n handle.addEventListener('touchstart', (e) => {\n isDragging = true;\n e.preventDefault();\n });\n\n document.addEventListener('touchmove', (e) => {\n if (isDragging) {\n updateSlider(e.touches[0].clientX);\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i…<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75641","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>landing_kontakt - SAP Renovation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"landing_kontakt - SAP Renovation\" \/>\n<meta property=\"og:description\" content=\"SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Renovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/saprenovation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T13:15:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\",\"url\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\",\"name\":\"landing_kontakt - SAP Renovation\",\"isPartOf\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"datePublished\":\"2026-01-19T22:33:22+00:00\",\"dateModified\":\"2026-02-09T13:15:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SAP Renovation\",\"item\":\"https:\/\/saprenovation.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"landing_kontakt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#website\",\"url\":\"https:\/\/saprenovation.com\/pl\/\",\"name\":\"SAP Renovation\",\"description\":\"The finest European piano restoration\",\"publisher\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/saprenovation.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#organization\",\"name\":\"SAP Renovation\",\"alternateName\":\"Profesjonalna Renowacja Fortepian\u00f3w\",\"url\":\"https:\/\/saprenovation.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"width\":112,\"height\":96,\"caption\":\"SAP Renovation\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/saprenovation\/\"]}]}<\/script>\n","yoast_head_json":{"title":"landing_kontakt - SAP Renovation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","og_locale":"pl_PL","og_type":"article","og_title":"landing_kontakt - SAP Renovation","og_description":"SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i...","og_url":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","og_site_name":"SAP Renovation","article_publisher":"https:\/\/www.facebook.com\/saprenovation\/","article_modified_time":"2026-02-09T13:15:42+00:00","og_image":[{"url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","url":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","name":"landing_kontakt - SAP Renovation","isPartOf":{"@id":"https:\/\/saprenovation.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage"},"image":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage"},"thumbnailUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","datePublished":"2026-01-19T22:33:22+00:00","dateModified":"2026-02-09T13:15:42+00:00","breadcrumb":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saprenovation.com\/pl\/landing_kontakt\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SAP Renovation","item":"https:\/\/saprenovation.com\/pl\/"},{"@type":"ListItem","position":2,"name":"landing_kontakt"}]},{"@type":"WebSite","@id":"https:\/\/saprenovation.com\/pl\/#website","url":"https:\/\/saprenovation.com\/pl\/","name":"SAP Renovation","description":"The finest European piano restoration","publisher":{"@id":"https:\/\/saprenovation.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saprenovation.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/saprenovation.com\/pl\/#organization","name":"SAP Renovation","alternateName":"Profesjonalna Renowacja Fortepian\u00f3w","url":"https:\/\/saprenovation.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","width":112,"height":96,"caption":"SAP Renovation"},"image":{"@id":"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/saprenovation\/"]}]}},"_links":{"self":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/comments?post=75641"}],"version-history":[{"count":28,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641\/revisions"}],"predecessor-version":[{"id":75830,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641\/revisions\/75830"}],"wp:attachment":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/media?parent=75641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":75641,"date":"2026-01-19T23:33:22","date_gmt":"2026-01-19T22:33:22","guid":{"rendered":"https:\/\/saprenovation.com\/?page_id=75641"},"modified":"2026-02-09T14:15:42","modified_gmt":"2026-02-09T13:15:42","slug":"landing_kontakt","status":"publish","type":"page","link":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","title":{"rendered":"landing_kontakt"},"content":{"rendered":"\n\n\n\n \n \n SAP Renovation – Landing Page<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* WordPress Override Styles *\/\n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body,\n body.page,\n body.single,\n body.archive,\n body.home {\n font-family: 'DM Sans', sans-serif;\n color: #000000;\n background-color: #ffffff;\n line-height: 1.6;\n margin: 0 !important;\n padding: 0 !important;\n margin-top: 0 !important;\n padding-top: 0 !important;\n }\n \n \/* Nadpisanie ewentualnych kontener\u00f3w WordPress *\/\n .entry-content,\n .wp-block-html,\n #content,\n .site-content,\n main {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .container {\n max-width: 1480px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n \/* Banner Section *\/\n .banner {\n background: #000000;\n padding: 100px 40px;\n position: relative;\n overflow: hidden;\n }\n\n .banner::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.05;\n z-index: 0;\n }\n\n .banner::after {\n content: '';\n position: absolute;\n bottom: -30%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: #e4c383;\n border-radius: 50%;\n opacity: 0.03;\n z-index: 0;\n }\n\n .banner-content {\n position: relative;\n z-index: 1;\n max-width: 1250px;\n margin: 0 auto;\n }\n\n .banner-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .banner h1 {\n color: #e4c383;\n font-size: 72px;\n font-weight: 900;\n margin-bottom: 20px;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .banner-subtitle {\n color: #ffffff;\n font-size: 20px;\n font-weight: 400;\n opacity: 0.8;\n }\n\n .bullet-points {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n }\n\n .bullet-item {\n background: rgba(255, 255, 255, 0.03);\n padding: 40px 35px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bullet-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: #e4c383;\n transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .bullet-item:hover {\n transform: translateX(8px);\n background: rgba(228, 195, 131, 0.05);\n border-color: #e4c383;\n }\n\n .bullet-item:hover::before {\n height: 100%;\n }\n\n .bullet-icon {\n color: #e4c383;\n font-size: 32px;\n margin-bottom: 20px;\n display: block;\n }\n\n .bullet-item p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.5;\n }\n\n \/* Choice Section *\/\n .choice-section {\n padding: 60px 40px 120px;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n .choice-section h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .choice-subtitle {\n font-size: 20px;\n color: #666;\n margin-bottom: 80px;\n font-weight: 400;\n }\n\n .choice-buttons {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .choice-btn {\n background: #000000;\n border: 3px solid #000000;\n cursor: pointer;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n height: 500px;\n }\n\n .choice-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n transition: transform 0.5s ease;\n }\n\n .choice-bg::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.3) 100%);\n }\n\n .choice-btn:hover .choice-bg {\n transform: scale(1.08);\n }\n\n .choice-btn-inner {\n padding: 60px 40px;\n position: relative;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .choice-btn::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 5px;\n background: #e4c383;\n transition: width 0.4s ease;\n z-index: 2;\n }\n\n .choice-btn:hover::before {\n width: 100%;\n }\n\n .choice-btn.active {\n border-color: #e4c383;\n }\n\n .choice-btn.active::before {\n width: 100%;\n }\n\n .choice-btn h3 {\n font-size: 36px;\n margin-bottom: 15px;\n color: #ffffff;\n font-weight: 900;\n line-height: 1.2;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 28px;\n color: #e4c383;\n }\n\n .choice-arrow {\n display: block;\n margin-top: 20px;\n font-size: 32px;\n color: #e4c383;\n animation: bounceArrow 2s infinite;\n position: relative;\n z-index: 2;\n }\n\n @keyframes bounceArrow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Content Sections *\/\n .content-section {\n display: none;\n padding: 60px 40px 25px;\n animation: fadeInUp 0.6s ease;\n scroll-margin-top: 100px;\n }\n\n .content-section.active {\n display: block;\n }\n\n @keyframes fadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .section-header h2 {\n font-size: 56px;\n margin-bottom: 20px;\n color: #000000;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .section-header .subtitle {\n font-size: 20px;\n color: #666;\n font-weight: 400;\n font-style: normal;\n max-width: 800px;\n margin: 0 auto;\n white-space: nowrap;\n }\n\n .content-section h3 {\n font-size: 42px;\n margin: 25px 0 15px;\n color: #000000;\n text-align: center;\n font-weight: 700;\n position: relative;\n display: inline-block;\n width: 100%;\n }\n\n .content-section h3::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: #e4c383;\n }\n\n \/* Gallery Grid *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 40px;\n margin-bottom: 20px;\n padding: 25px 0;\n }\n\n .gallery-item {\n background: #ffffff;\n border: 2px solid #000000;\n border-radius: 0;\n overflow: visible;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n z-index: 1;\n }\n\n .gallery-item:hover {\n transform: scale(1.07);\n border-color: #e4c383;\n z-index: 100;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .gallery-item-image {\n position: relative;\n overflow: hidden;\n height: 300px;\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .gallery-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: #e4c383;\n color: #000000;\n padding: 8px 16px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 2;\n }\n\n .gallery-item-content {\n padding: 30px;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .gallery-item h4 {\n font-size: 24px;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n }\n\n .gallery-item p {\n color: #666;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Process Steps *\/\n .process-steps {\n max-width: 1400px;\n margin: 0 auto 20px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n left: 30px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(to bottom, #e4c383 0%, #e4c383 100%);\n }\n\n .step {\n background: #ffffff;\n padding: 40px 40px 40px 100px;\n margin-bottom: 30px;\n border: 2px solid #000000;\n border-radius: 0;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .step:hover {\n transform: translateX(12px);\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .step-number {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 60px;\n height: 60px;\n background: #000000;\n color: #e4c383;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n border: 2px solid #e4c383;\n transition: all 0.4s ease;\n }\n\n .step:hover .step-number {\n background: #e4c383;\n color: #000000;\n transform: translateY(-50%) rotate(360deg);\n }\n\n .step h4 {\n font-size: 24px;\n margin-bottom: 12px;\n color: #000000;\n font-weight: 700;\n }\n\n .step p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n }\n\n \/* Piano Carousel *\/\n .piano-carousel {\n position: relative;\n margin: 15px 0 20px;\n overflow: hidden;\n }\n\n .piano-carousel::before,\n .piano-carousel::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 150px;\n z-index: 10;\n pointer-events: none;\n }\n\n .piano-carousel::before {\n left: 0;\n background: linear-gradient(to right, #ffffff 0%, transparent 100%);\n }\n\n .piano-carousel::after {\n right: 0;\n background: linear-gradient(to left, #ffffff 0%, transparent 100%);\n }\n\n .carousel-container {\n overflow: hidden;\n }\n\n .carousel-track {\n display: flex;\n gap: 30px;\n animation: scroll 60s linear infinite;\n width: max-content;\n }\n\n .carousel-track:hover {\n animation-play-state: paused;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .piano-card {\n flex-shrink: 0;\n width: 350px;\n background: #ffffff;\n border: 2px solid #000000;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n display: block;\n color: inherit;\n }\n\n .piano-card:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .piano-card-image {\n position: relative;\n overflow: hidden;\n height: 350px;\n background: #f5f5f5;\n }\n\n .piano-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .piano-card:hover img {\n transform: scale(1.1);\n }\n\n .piano-info {\n padding: 25px;\n text-align: center;\n background: #000000;\n color: #ffffff;\n }\n\n .piano-info h4 {\n font-size: 20px;\n margin-bottom: 8px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .piano-info p {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n }\n\n .piano-length {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 10px;\n color: rgba(255, 255, 255, 0.8);\n font-size: 14px;\n }\n\n .piano-length i {\n color: #e4c383;\n }\n\n .see-more {\n text-align: center;\n margin-top: 50px;\n }\n\n .see-more a {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 50px;\n background: #000000;\n color: #e4c383;\n text-decoration: none;\n font-size: 18px;\n font-weight: 700;\n border: 2px solid #e4c383;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .see-more a:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .see-more a i {\n transition: transform 0.3s ease;\n }\n\n .see-more a:hover i {\n transform: translateX(5px);\n }\n\n \/* CTA Sections *\/\n .cta-section {\n background: #000000;\n padding: 80px 40px;\n text-align: center;\n margin: 100px 0;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%),\n linear-gradient(-45deg, transparent 48%, rgba(228, 195, 131, 0.1) 49%, rgba(228, 195, 131, 0.1) 51%, transparent 52%);\n background-size: 60px 60px;\n opacity: 0.3;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-section h3 {\n color: #e4c383;\n font-size: 42px;\n margin-bottom: 20px;\n font-weight: 900;\n text-align: center;\n letter-spacing: -1px;\n }\n\n .cta-section h3::after {\n display: none;\n }\n\n .cta-section p {\n color: #ffffff;\n font-size: 19px;\n margin-bottom: 40px;\n font-weight: 400;\n line-height: 1.6;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n padding: 20px 50px;\n background: #e4c383;\n color: #000000;\n text-decoration: none;\n font-size: 20px;\n font-weight: 700;\n border: 3px solid #e4c383;\n border-radius: 0;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-btn:hover {\n background: transparent;\n color: #e4c383;\n transform: translateY(-3px);\n }\n\n .cta-btn i {\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n\n .cta-btn:hover i {\n transform: scale(1.2);\n }\n\n \/* Form *\/\n .contact-form {\n display: none;\n max-width: 1400px;\n margin: 50px auto 0;\n background: #ffffff;\n padding: 50px;\n border: 3px solid #e4c383;\n border-radius: 0;\n }\n\n .contact-form.active {\n display: block;\n animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n @keyframes slideDown {\n from { \n opacity: 0; \n transform: translateY(-30px);\n }\n to { \n opacity: 1; \n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 30px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px;\n color: #000000;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 18px;\n border: 2px solid #000000;\n border-radius: 0;\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n transition: all 0.3s ease;\n background: #ffffff;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #e4c383;\n background: rgba(228, 195, 131, 0.05);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 140px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 20px;\n background: #000000;\n color: #e4c383;\n border: 2px solid #e4c383;\n border-radius: 0;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .submit-btn:hover {\n background: #e4c383;\n color: #000000;\n transform: translateY(-3px);\n }\n\n .form-checkbox {\n margin-bottom: 20px;\n }\n\n .form-checkbox label {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14px;\n font-weight: 400;\n text-transform: none;\n letter-spacing: 0;\n cursor: pointer;\n }\n\n .form-checkbox label a {\n color: #e4c383;\n text-decoration: underline;\n }\n\n .form-checkbox label a:hover {\n color: #000000;\n }\n\n .form-checkbox input[type=\"checkbox\"] {\n width: auto;\n margin-top: 4px;\n flex-shrink: 0;\n cursor: pointer;\n }\n\n \/* Team Section *\/\n .team-section {\n background: #f8f8f8;\n padding: 100px 40px;\n margin: 100px 0;\n }\n\n .team-section h3 {\n font-size: 48px;\n margin-bottom: 70px;\n color: #000000;\n text-align: center;\n font-weight: 900;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-member {\n background: #ffffff;\n padding: 0;\n border: 2px solid #000000;\n border-radius: 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n }\n\n .team-member:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .team-member-image {\n width: 100%;\n height: 320px;\n background: #f5f5f5;\n position: relative;\n overflow: hidden;\n }\n\n .team-member img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .team-member:hover img {\n transform: scale(1.1);\n }\n\n .team-member-info {\n padding: 30px;\n text-align: center;\n background: #000000;\n }\n\n .team-member h4 {\n font-size: 22px;\n margin-bottom: 10px;\n color: #e4c383;\n font-weight: 700;\n }\n\n .team-member p {\n color: #ffffff;\n font-size: 15px;\n font-weight: 500;\n }\n\n \/* Why Choose Section *\/\n .why-choose {\n max-width: 1480px;\n margin: 0 auto;\n padding: 50px 40px 100px;\n }\n\n .why-choose h3 {\n font-size: 48px;\n text-align: center;\n margin-bottom: 70px;\n color: #000000;\n font-weight: 900;\n }\n\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 35px;\n }\n\n .why-item {\n background: #ffffff;\n padding: 50px 35px;\n border: 3px solid #000000;\n border-radius: 0;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .why-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: #e4c383;\n transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 0;\n }\n\n .why-item:hover::before {\n left: 0;\n }\n\n .why-item:hover {\n transform: translateY(-10px);\n border-color: #e4c383;\n }\n\n .why-icon {\n font-size: 52px;\n color: #e4c383;\n margin-bottom: 25px;\n position: relative;\n z-index: 1;\n transition: all 0.4s ease;\n }\n\n .why-item:hover .why-icon {\n transform: rotateY(360deg);\n color: #000000;\n }\n\n .why-item h4 {\n font-size: 22px;\n margin-bottom: 15px;\n color: #000000;\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .why-item p {\n color: #666;\n font-size: 16px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n }\n\n .team-image {\n width: 100%;\n margin-top: 50px;\n overflow: hidden;\n border: 3px solid #000000;\n }\n\n .team-image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n\n .team-image:hover img {\n transform: scale(1.05);\n }\n\n .description-box {\n text-align: center;\n max-width: 1400px;\n margin: 20px auto;\n padding: 50px;\n background: #f8f8f8;\n border-left: 5px solid #e4c383;\n border-right: 5px solid #e4c383;\n }\n\n .description-box p {\n font-size: 20px;\n line-height: 1.7;\n color: #000000;\n font-weight: 500;\n }\n\n .description-box strong {\n color: #e4c383;\n font-weight: 700;\n }\n\n \/* Expert Contact Section - NOWA WERSJA *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/tlo.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 150px 40px;\n position: relative;\n margin: 0 !important;\n }\n\n .expert-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\n z-index: 0;\n }\n\n .expert-container {\n max-width: 1250px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: flex-end;\n position: relative;\n z-index: 1;\n }\n\n .expert-info {\n text-align: left;\n position: relative;\n z-index: 1;\n }\n\n .contact-info-box {\n background: transparent;\n padding: 30px;\n border: none;\n transition: all 0.3s ease;\n }\n\n .contact-info-box:hover {\n border-color: transparent;\n background: transparent;\n }\n\n .expert-info h3 {\n color: #e4c383;\n font-size: 48px;\n font-weight: 900;\n margin: 0 0 10px 0;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-info .role {\n color: #ffffff;\n font-size: 20px;\n margin: 0 0 30px 0;\n font-weight: 500;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .expert-contact {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #ffffff;\n font-size: 18px;\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\n }\n\n .contact-item i {\n color: #e4c383;\n font-size: 20px;\n width: 24px;\n }\n\n .contact-link {\n color: #ffffff;\n text-decoration: none;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .contact-link:hover {\n color: #e4c383;\n }\n\n .expert-benefits {\n display: flex;\n flex-direction: column;\n gap: 20px;\n position: relative;\n z-index: 1;\n }\n\n .benefit-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(0, 0, 0, 0.6);\n padding: 20px;\n border: 2px solid rgba(228, 195, 131, 0.3);\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n border-color: #e4c383;\n background: rgba(0, 0, 0, 0.8);\n }\n\n .benefit-icon {\n width: 50px;\n height: 50px;\n background: #e4c383;\n color: #000000;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n line-height: 1.4;\n }\n\n .benefit-text h5 {\n color: #ffffff;\n font-size: 18px;\n font-weight: 700;\n margin: 0;\n line-height: 1.3;\n }\n\n \/* Before\/After Slider *\/\n .comparison-slider {\n position: relative;\n width: 100%;\n height: 350px;\n overflow: hidden;\n border: 3px solid #000000;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n }\n\n .comparison-slider img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n transition: none !important;\n }\n\n .img-before {\n z-index: 2;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n will-change: clip-path;\n }\n\n .slider-handle {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 4px;\n background: #e4c383;\n z-index: 3;\n cursor: ew-resize;\n transform: translateX(-2px);\n transition: none !important;\n will-change: left;\n }\n\n .slider-handle::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n background: #e4c383;\n border: 3px solid #000000;\n border-radius: 50%;\n }\n\n .slider-handle::after {\n content: '\u27f7';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #000000;\n font-size: 24px;\n font-weight: 900;\n z-index: 4;\n }\n\n .comparison-label {\n position: absolute;\n top: 20px;\n padding: 8px 16px;\n background: #000000;\n color: #e4c383;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 4;\n }\n\n .label-before {\n left: 20px;\n }\n\n .label-after {\n right: 20px;\n }\n\n \/* Split CTA Section *\/\n .cta-split {\n background: #000000;\n margin: 25px 0;\n overflow: hidden;\n position: relative;\n min-height: 400px;\n }\n\n .cta-split::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.5;\n z-index: 0;\n transition: filter 0.3s ease;\n }\n\n .cta-renovation::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\n }\n\n .cta-sale::before {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\n }\n\n .cta-split.form-active::before {\n filter: blur(8px);\n }\n\n .cta-split::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.35);\n z-index: 0;\n transition: background 0.3s ease;\n pointer-events: none;\n }\n\n .cta-split.form-active::after {\n background: rgba(0, 0, 0, 0.5);\n }\n\n .cta-split-content {\n padding: 50px;\n position: relative;\n z-index: 1;\n transition: filter 0.3s ease;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-split.form-active .cta-split-content {\n filter: none;\n }\n\n .cta-split-image {\n display: none;\n }\n\n .cta-split-image img {\n display: none;\n }\n\n @media (max-width: 1024px) {\n .expert-container {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .expert-profile {\n max-width: 500px;\n margin: 0 auto;\n }\n\n .cta-split {\n grid-template-columns: 1fr;\n }\n\n .cta-split-image {\n height: 400px;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n overflow-x: hidden !important;\n }\n\n \/* Expert Section Mobile *\/\n .expert-section {\n background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/mobile.png');\n background-size: cover;\n background-position: center;\n padding: 180px 20px 100px;\n }\n\n .expert-container {\n grid-template-columns: 1fr;\n gap: 30px;\n margin-top: 50%;\n }\n\n .expert-info h3 {\n font-size: 32px;\n white-space: nowrap;\n }\n\n .expert-info .role {\n font-size: 16px;\n white-space: nowrap;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .benefit-item {\n padding: 15px;\n }\n\n .benefit-icon {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n\n .benefit-text h5 {\n font-size: 14px;\n }\n\n .container {\n padding: 0 20px;\n }\n\n .banner {\n padding: 60px 20px;\n }\n\n .banner h1 {\n font-size: 42px;\n }\n\n .choice-section {\n padding: 80px 20px;\n }\n\n .choice-section h2 {\n font-size: 28px;\n }\n\n .choice-buttons {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .choice-btn {\n min-width: 100%;\n }\n\n .content-section {\n padding: 60px 20px;\n }\n\n .section-header h2,\n .content-section h3 {\n font-size: 32px;\n }\n\n .section-header .subtitle {\n white-space: normal;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n padding: 40px 0;\n }\n\n .gallery-item:hover {\n transform: none;\n box-shadow: none;\n }\n\n .piano-carousel {\n padding: 0;\n margin: 15px 0 20px;\n }\n\n \/* Usuwamy fade na mobile *\/\n .piano-carousel::before,\n .piano-carousel::after {\n display: none;\n }\n\n \/* W\u0142\u0105czamy swipe scrolling zamiast auto-karuzeli *\/\n .carousel-container {\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-snap-type: x mandatory;\n scrollbar-width: none; \/* Firefox *\/\n -ms-overflow-style: none; \/* IE\/Edge *\/\n }\n\n .carousel-container::-webkit-scrollbar {\n display: none; \/* Chrome\/Safari *\/\n }\n\n .carousel-track {\n animation: none; \/* Wy\u0142\u0105czamy auto-scroll *\/\n padding: 0 20px;\n }\n\n .piano-card {\n scroll-snap-align: start;\n }\n\n .carousel-btn {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .process-steps::before {\n left: 15px;\n }\n\n .step {\n padding: 30px 30px 30px 80px;\n }\n\n .step h4 {\n text-align: left;\n }\n\n .step p {\n text-align: left;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n\n .team-section,\n .why-choose,\n .cta-section {\n padding: 60px 20px;\n }\n\n .why-choose h3 {\n font-size: 28px;\n }\n\n .contact-form {\n padding: 20px 15px;\n margin: 30px 0 0 0;\n }\n\n \/* Zmniejszenie font\u00f3w w nag\u0142\u00f3wkach CTA na mobile *\/\n .cta-split h3 {\n font-size: 21px !important;\n }\n\n \/* CTA Split sections - full width wobec ekranu *\/\n .cta-split {\n margin-left: -20px;\n margin-right: -20px;\n margin-top: 0;\n margin-bottom: 0;\n max-width: none;\n }\n\n .cta-split-content {\n padding: 30px 20px;\n max-width: 100%;\n }\n\n \/* Formularze wewn\u0105trz CTA - minimalne odst\u0119py *\/\n .cta-split .contact-form {\n padding: 25px 15px;\n border-left: none;\n border-right: none;\n }\n\n .cta-split .form-group {\n margin-bottom: 20px;\n }\n\n .cta-split .form-group input,\n .cta-split .form-group textarea {\n padding: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"expert-section\">\n <div class=\"expert-container\">\n <div class=\"expert-info\">\n <div class=\"contact-info-box\">\n <h3>Krzysztof Skwarek<\/h3>\n <p class=\"role\">Konsultant ds. Sprzeda\u017cy i Renowacji<\/p>\n <div class=\"expert-contact\">\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <a href=\"tel:+48609809703\" class=\"contact-link\">+48 609 809 703<\/a>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <a href=\"mailto:krzysztof@saprenovation.com\" class=\"contact-link\">krzysztof@saprenovation.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"expert-benefits\">\n <div class=\"benefit-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Kontakt z ekspertem, nie ze sprzedawc\u0105<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-camera\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Precyzyjna wycena na podstawie zdj\u0119\u0107 i specyfikacji<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Ponad 36 lat do\u015bwiadczenia w renowacjach<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Indywidualne podej\u015bcie do instrumentu<\/h5>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fa-solid fa-chart-line\"><\/i>\n <\/div>\n <div class=\"benefit-text\">\n <h5>Ponad 14000 zrealizowanych renowacji<\/h5>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"choice-section\">\n <h2>Wybierz czym jeste\u015b zainteresowany<\/h2>\n <p class=\"choice-subtitle\">Profesjonalna renowacja lub gotowe instrumenty premium<\/p>\n <div class=\"choice-buttons\">\n <div class=\"choice-btn\" onclick=\"showSection('renovation')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/f-_MG_2413-copy-2-scaled.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Renowacja<br>Twojego Instrumentu<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <div class=\"choice-btn\" onclick=\"showSection('sale')\">\n <div class=\"choice-bg\" style=\"background-image: url('https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/kafelek-sprzedaz.jpg');\"><\/div>\n <div class=\"choice-btn-inner\">\n <h3>Instrumenty<br>na sprzeda\u017c<\/h3>\n <span class=\"choice-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"renovation-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Renowacja Twojego Instrumentu<\/h2>\n <p class=\"subtitle\">Kompleksowa odnowa ka\u017cdego elementu instrumentu<\/p>\n <\/div>\n\n <h3>Przed i Po Renowacji<\/h3>\n \n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"obudowa\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" alt=\"Obudowa po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b1.png\" alt=\"Obudowa przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Obudowa<\/h4>\n <p>Kompletna renowacja obudowy fortepianu<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"rama\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c2.png\" alt=\"Rama po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/c1.png\" alt=\"Rama przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Akustyka<\/h4>\n <p>Kompletna renowacja akustyki<\/p>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <div class=\"comparison-slider\" data-slider=\"mechanizm\">\n <img decoding=\"async\" class=\"img-after\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/after-scaled.jpg\" alt=\"Mechanizm po renowacji\">\n <img decoding=\"async\" class=\"img-before\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/02\/before-scaled.jpg\" alt=\"Mechanizm przed renowacj\u0105\">\n <div class=\"slider-handle\"><\/div>\n <span class=\"comparison-label label-before\">PRZED<\/span>\n <span class=\"comparison-label label-after\">PO<\/span>\n <\/div>\n <div class=\"gallery-item-content\">\n <h4>Mechanizm z klawiatur\u0105<\/h4>\n <p>Kompletny remont mechanizmu<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h3>Jak zatrudni\u0107 naszych Mistrz\u00f3w Renowacji<\/h3>\n \n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Pierwszy kontakt<\/h4>\n <p>Poznajemy Twoje potrzeby i oczekiwania dotycz\u0105ce renowacji.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>Wst\u0119pna wycena<\/h4>\n <p>Na podstawie zdj\u0119\u0107 i specyfikacji oceniamy stan fortepianu i przedstawiamy realistyczny zakres prac i koszt\u00f3w.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>Ogl\u0119dziny i finalna oferta<\/h4>\n <p>Na miejscu wykonujemy ogl\u0119dziny instrumentu, doprecyzowujemy szczeg\u00f3\u0142y renowacji i przygotowujemy ostateczn\u0105 wycen\u0119.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>Renowacja w naszej pracowni<\/h4>\n <p>Realizujemy uzgodnione prace. Ca\u0142y proces realizujemy pod jednym dachem.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">5<\/div>\n <h4>Instrument po renowacji<\/h4>\n <p>Dogadujemy termin dostawy i dostarczamy do Ciebie.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-split cta-renovation\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Gotowy na renowacj\u0119?<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Skontaktuj si\u0119 z nami, aby om\u00f3wi\u0107 szczeg\u00f3\u0142y Twojego projektu renowacji<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-renovation')\">\n <i class=\"fa-solid fa-calendar-check\"><\/i>\n Um\u00f3w si\u0119 na konsultacj\u0119\n <\/button>\n \n <div id=\"form-renovation\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-r\"><i class=\"fa-solid fa-user\"><\/i> Imi\u0119 i nazwisko<\/label>\n <input type=\"text\" id=\"name-r\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-r\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-r\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-r\"><i class=\"fa-solid fa-phone\"><\/i> Telefon<\/label>\n <input type=\"tel\" id=\"phone-r\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-r\"><i class=\"fa-solid fa-message\"><\/i> Wiadomo\u015b\u0107<\/label>\n <textarea id=\"message-r\" name=\"message\" placeholder=\"Opisz sw\u00f3j fortepian i swoje oczekiwania...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych zgodnie z <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Polityk\u0105 Prywatno\u015bci<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Wy\u015blij zapytanie\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sale-section\" class=\"content-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2>Instrumenty na sprzeda\u017c<\/h2>\n <p class=\"subtitle\">Je\u015bli nie znajdziesz instrumentu idealnego dla siebie \u2013 wykonamy go na zam\u00f3wienie<\/p>\n <\/div>\n\n \n <div class=\"piano-carousel\">\n <div class=\"carousel-container\">\n <div class=\"carousel-track\" id=\"carousel-track\">\n \n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinwaysons-sap11034\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n \n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-7329-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/SAP-7329-1-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 7329\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 7329<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>238 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bluthner-sap-10236\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/02\/1p-SAP-10236-1-copy-scaled-300x300.jpg\" alt=\"Bl\u00fcthner SAP 10236\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Bl\u00fcthner<\/h4>\n <p>SAP 10236<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>170 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/bosendorfer-sap-10702\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/11\/SAP-10702-1-scaled-300x300.jpg\" alt=\"B\u00f6sendorfer SAP 10702\">\n <\/div>\n <div class=\"piano-info\">\n <h4>B\u00f6sendorfer<\/h4>\n <p>SAP 10702<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>200 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/c-bechstein-7755-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/Obudowa1-SAP7755-300x300.jpg\" alt=\"C. Bechstein 7755\">\n <\/div>\n <div class=\"piano-info\">\n <h4>C. Bechstein<\/h4>\n <p>SAP 7755<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>280 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/schimmel-sap-7864\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/07\/OBUDOWA1-4-300x300.jpg\" alt=\"Schimmel SAP 7864\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Schimmel<\/h4>\n <p>SAP 7864<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>150 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinwaysons-sap11034\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/09\/1p-_MG_2157-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 11034\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11034<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10480-pl\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/08\/OBUDOWA1-SAP10480-300x300.jpg\" alt=\"Steinway & Sons SAP 10480\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10480<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-10744\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/03\/SAP-10744-1-copy-scaled-300x300.jpg\" alt=\"Steinway & Sons SAP 10744\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 10744<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>188 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"https:\/\/saprenovation.com\/pl\/nasze-prace\/nasprzedaz\/steinway-sons-sap-11033\/\" class=\"piano-card\" target=\"_blank\">\n <div class=\"piano-card-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/12\/1p-SAP-11033-1-copy-300x300.jpg\" alt=\"Steinway & Sons SAP 11033\">\n <\/div>\n <div class=\"piano-info\">\n <h4>Steinway & Sons<\/h4>\n <p>SAP 11033<\/p>\n <div class=\"piano-length\">\n <i class=\"fa-solid fa-ruler-horizontal\"><\/i>\n <span>180 cm<\/span>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"see-more\">\n <a href=\"https:\/\/saprenovation.com\/pl\/kategoria-produktu\/nasprzedaz\/\" target=\"_blank\">\n Zobacz wi\u0119cej instrument\u00f3w\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"description-box\">\n <p><strong>Ka\u017cdy instrument przechodzi pe\u0142ny proces renowacji w naszej pracowni<\/strong><br>\u2013 od obudowy, po akustyk\u0119 i mechanizm.<\/p>\n <\/div>\n\n \n <div class=\"cta-split cta-sale\">\n <div class=\"cta-split-content\">\n <h3 style=\"color: #e4c383; font-size: 42px; margin-bottom: 20px; font-weight: 900; text-align: left;\">Pom\u00f3\u017ccie mi wybra\u0107 instrument<\/h3>\n <p style=\"color: #ffffff; font-size: 19px; margin-bottom: 40px; line-height: 1.6;\">Nasz ekspert doradzi Ci instrument dopasowany do wn\u0119trza, oczekiwa\u0144 i bud\u017cetu<\/p>\n <button class=\"cta-btn\" onclick=\"toggleForm('form-premium')\">\n <i class=\"fa-solid fa-headset\"><\/i>\n Skontaktuj si\u0119 z ekspertem\n <\/button>\n \n <div id=\"form-premium\" class=\"contact-form\">\n <form>\n <div class=\"form-group\">\n <label for=\"name-p\"><i class=\"fa-solid fa-user\"><\/i> Imi\u0119 i nazwisko<\/label>\n <input type=\"text\" id=\"name-p\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email-p\"><i class=\"fa-solid fa-envelope\"><\/i> Email<\/label>\n <input type=\"email\" id=\"email-p\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone-p\"><i class=\"fa-solid fa-phone\"><\/i> Telefon<\/label>\n <input type=\"tel\" id=\"phone-p\" name=\"phone\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"message-p\"><i class=\"fa-solid fa-message\"><\/i> Wiadomo\u015b\u0107<\/label>\n <textarea id=\"message-p\" name=\"message\" placeholder=\"Opowiedz nam o swoich oczekiwaniach...\"><\/textarea>\n <\/div>\n <div class=\"form-checkbox\">\n <label>\n <input type=\"checkbox\" name=\"consent\" required>\n <span>Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych zgodnie z <a href=\"https:\/\/saprenovation.com\/pl\/polityka-prywatnosci\/\" target=\"_blank\">Polityk\u0105 Prywatno\u015bci<\/a>.<\/span>\n <\/label>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Wy\u015blij zapytanie\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"cta-split-image\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x800\/e4c383\/000?text=Fortepian\" alt=\"Fortepian premium\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"why-choose\">\n <h3>Dlaczego klienci wybieraj\u0105 SAP Renovation<\/h3>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <i class=\"fa-solid fa-handshake why-icon\"><\/i>\n <h4>Nie jeste\u015bmy po\u015brednikiem<\/h4>\n <p>Pracujemy bezpo\u015brednio z klientem, bez zb\u0119dnych koszt\u00f3w<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-building why-icon\"><\/i>\n <h4>Wszystkie prace pod jednym dachem<\/h4>\n <p>Kompletny proces renowacji w jednym miejscu<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-globe why-icon\"><\/i>\n <h4>Klienci z ca\u0142ego \u015bwiata<\/h4>\n <p>Zaufanie klient\u00f3w z kraju i zagranicy<\/p>\n <\/div>\n <div class=\"why-item\">\n <i class=\"fa-solid fa-shield-halved why-icon\"><\/i>\n <h4>Gwarancja<br>na lata<\/h4>\n <p>Instrumenty po renowacji s\u0142u\u017c\u0105 dziesi\u0105tki lat<\/p>\n <\/div>\n <\/div>\n <div class=\"team-image\">\n <img decoding=\"async\" src=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2025\/10\/GRUPOWE-SALON-1-1-1-scaled.jpg\" alt=\"Zesp\u00f3\u0142 SAP Renovation\">\n <\/div>\n <\/section>\n\n <script>\n \/\/ Section switching\n function showSection(section) {\n document.querySelectorAll('.content-section').forEach(s => {\n s.classList.remove('active');\n });\n \n document.querySelectorAll('.choice-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n \n if (section === 'renovation') {\n document.getElementById('renovation-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[0].classList.add('active');\n } else if (section === 'sale') {\n document.getElementById('sale-section').classList.add('active');\n document.querySelectorAll('.choice-btn')[1].classList.add('active');\n }\n \n setTimeout(() => {\n const targetSection = document.querySelector('.content-section.active');\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }, 100);\n }\n\n \/\/ Form toggle\n function toggleForm(formId) {\n const form = document.getElementById(formId);\n form.classList.toggle('active');\n \n \/\/ Dodaj\/usu\u0144 klas\u0119 dla efektu blur na sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.toggle('form-active');\n }\n }\n\n \/\/ Infinite carousel auto-scrolls via CSS animation\n \/\/ Pause\/resume handled by :hover pseudo-class\n\n \/\/ Form submission handling\n document.querySelectorAll('form').forEach(form => {\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n \n const submitBtn = form.querySelector('.submit-btn');\n const originalBtnText = submitBtn.innerHTML;\n \n \/\/ Wy\u0142\u0105cz przycisk i poka\u017c \u0142adowanie\n submitBtn.disabled = true;\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Wysy\u0142anie...';\n \n \/\/ Przygotuj dane formularza\n const formData = new FormData(form);\n \n \/\/ Dodaj typ formularza\n const formType = form.closest('#form-renovation') ? 'Renowacja' : 'Sprzeda\u017c';\n formData.append('form_type', formType);\n formData.append('action', 'sap_landing_form');\n \n try {\n const response = await fetch('https:\/\/saprenovation.com\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n body: formData\n });\n \n const result = await response.json();\n \n if (result.success) {\n alert(result.data.message);\n form.reset();\n form.parentElement.classList.remove('active');\n \n \/\/ Usu\u0144 klas\u0119 form-active z sekcji CTA\n const ctaSection = form.closest('.cta-split');\n if (ctaSection) {\n ctaSection.classList.remove('form-active');\n }\n } else {\n alert(result.data.message || 'Wyst\u0105pi\u0142 b\u0142\u0105d. Spr\u00f3buj ponownie.');\n }\n } catch (error) {\n console.error('B\u0142\u0105d:', error);\n alert('Wyst\u0105pi\u0142 b\u0142\u0105d podczas wysy\u0142ania formularza. Spr\u00f3buj ponownie lub skontaktuj si\u0119 telefonicznie.');\n } finally {\n \/\/ Przywr\u00f3\u0107 przycisk\n submitBtn.disabled = false;\n submitBtn.innerHTML = originalBtnText;\n }\n });\n });\n\n \/\/ Before\/After Image Comparison Slider\n document.querySelectorAll('.comparison-slider').forEach(slider => {\n const handle = slider.querySelector('.slider-handle');\n const beforeImg = slider.querySelector('.img-before');\n let isDragging = false;\n\n function updateSlider(x) {\n const rect = slider.getBoundingClientRect();\n const offset = x - rect.left;\n const percentage = (offset \/ rect.width) * 100;\n const clampedPercentage = Math.max(0, Math.min(100, percentage));\n \n handle.style.left = clampedPercentage + '%';\n beforeImg.style.clipPath = `polygon(0 0, ${clampedPercentage}% 0, ${clampedPercentage}% 100%, 0 100%)`;\n }\n\n handle.addEventListener('mousedown', () => {\n isDragging = true;\n });\n\n document.addEventListener('mousemove', (e) => {\n if (isDragging) {\n updateSlider(e.clientX);\n }\n });\n\n document.addEventListener('mouseup', () => {\n isDragging = false;\n });\n\n \/\/ Touch support\n handle.addEventListener('touchstart', (e) => {\n isDragging = true;\n e.preventDefault();\n });\n\n document.addEventListener('touchmove', (e) => {\n if (isDragging) {\n updateSlider(e.touches[0].clientX);\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i…<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75641","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>landing_kontakt - SAP Renovation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"landing_kontakt - SAP Renovation\" \/>\n<meta property=\"og:description\" content=\"SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Renovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/saprenovation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T13:15:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\",\"url\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\",\"name\":\"landing_kontakt - SAP Renovation\",\"isPartOf\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"datePublished\":\"2026-01-19T22:33:22+00:00\",\"dateModified\":\"2026-02-09T13:15:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"SAP Renovation\",\"item\":\"https:\/\/saprenovation.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"landing_kontakt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#website\",\"url\":\"https:\/\/saprenovation.com\/pl\/\",\"name\":\"SAP Renovation\",\"description\":\"The finest European piano restoration\",\"publisher\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/saprenovation.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#organization\",\"name\":\"SAP Renovation\",\"alternateName\":\"Profesjonalna Renowacja Fortepian\u00f3w\",\"url\":\"https:\/\/saprenovation.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"contentUrl\":\"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp\",\"width\":112,\"height\":96,\"caption\":\"SAP Renovation\"},\"image\":{\"@id\":\"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/saprenovation\/\"]}]}<\/script>\n","yoast_head_json":{"title":"landing_kontakt - SAP Renovation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","og_locale":"pl_PL","og_type":"article","og_title":"landing_kontakt - SAP Renovation","og_description":"SAP Renovation – Landing Page Krzysztof Skwarek Konsultant ds. Sprzeda\u017cy i Renowacji +48 609 809 703 krzysztof@saprenovation.com Kontakt z ekspertem, nie ze sprzedawc\u0105 Precyzyjna wycena na podstawie zdj\u0119\u0107 i...","og_url":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","og_site_name":"SAP Renovation","article_publisher":"https:\/\/www.facebook.com\/saprenovation\/","article_modified_time":"2026-02-09T13:15:42+00:00","og_image":[{"url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","url":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/","name":"landing_kontakt - SAP Renovation","isPartOf":{"@id":"https:\/\/saprenovation.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage"},"image":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage"},"thumbnailUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","datePublished":"2026-01-19T22:33:22+00:00","dateModified":"2026-02-09T13:15:42+00:00","breadcrumb":{"@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saprenovation.com\/pl\/landing_kontakt\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#primaryimage","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2026\/01\/b2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/saprenovation.com\/pl\/landing_kontakt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"SAP Renovation","item":"https:\/\/saprenovation.com\/pl\/"},{"@type":"ListItem","position":2,"name":"landing_kontakt"}]},{"@type":"WebSite","@id":"https:\/\/saprenovation.com\/pl\/#website","url":"https:\/\/saprenovation.com\/pl\/","name":"SAP Renovation","description":"The finest European piano restoration","publisher":{"@id":"https:\/\/saprenovation.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saprenovation.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/saprenovation.com\/pl\/#organization","name":"SAP Renovation","alternateName":"Profesjonalna Renowacja Fortepian\u00f3w","url":"https:\/\/saprenovation.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","contentUrl":"https:\/\/saprenovation.com\/wp-content\/uploads\/2024\/04\/xlogo.png.pagespeed.ic_.pCcv2wiNk5.webp","width":112,"height":96,"caption":"SAP Renovation"},"image":{"@id":"https:\/\/saprenovation.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/saprenovation\/"]}]}},"_links":{"self":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/comments?post=75641"}],"version-history":[{"count":28,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641\/revisions"}],"predecessor-version":[{"id":75830,"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/pages\/75641\/revisions\/75830"}],"wp:attachment":[{"href":"https:\/\/saprenovation.com\/pl\/wp-json\/wp\/v2\/media?parent=75641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}