{"id":32,"date":"2026-03-24T10:10:17","date_gmt":"2026-03-24T10:10:17","guid":{"rendered":"https:\/\/design-wood.pl\/?page_id=32"},"modified":"2026-03-29T16:43:08","modified_gmt":"2026-03-29T16:43:08","slug":"32-2","status":"publish","type":"page","link":"https:\/\/design-wood.pl\/index.php\/32-2\/","title":{"rendered":""},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;400&#038;family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .wd-reno-heading-block {\n        font-family: 'Montserrat', sans-serif;\n        background-color: #ffffff; \/* Czysta biel t\u0142a *\/\n        color: #000000; \/* Czer\u0144 tekstu *\/\n        padding: 120px 20px 80px; \/* Du\u017co przestrzeni: g\u00f3ra, boki, d\u00f3\u0142 *\/\n        text-align: center;\n        max-width: 900px; \/* Dopasowane do szeroko\u015bci suwaka *\/\n        margin: 0 auto; \/* Wy\u015brodkowanie na ekranie *\/\n    }\n\n    \/* Mniejszy, techniczny napis nad g\u0142\u00f3wnym has\u0142em *\/\n    .wd-reno-heading-block span {\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n        color: #999;\n        display: block;\n        margin-bottom: 25px;\n    }\n\n    \/* G\u0142\u00f3wny, du\u017cy nag\u0142\u00f3wek '\u0141adny' *\/\n    .wd-reno-heading-block h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.2rem, 6vw, 4rem); \/* Skalowalny rozmiar: od 2.2rem na telefonach do 4rem na komputerach *\/\n        font-weight: 400; \/* L\u017cejszy kr\u00f3j dla elegancji *\/\n        line-height: 1.2;\n        margin: 0;\n        letter-spacing: -1px; \/* Delikatne \u015bci\u015bni\u0119cie liter dla nowoczesno\u015bci *\/\n    }\n<\/style>\n\n<div class=\"wd-reno-heading-block\">\n    <span>Proces Transformacji<\/span>\n    <h2>Metamorfozy:<br>Przywracamy histori\u0119 do \u017cycia.<\/h2>\n<\/div>\n\n\n\n\n<style>\n    \/* STYL SUWAKA *\/\n    .wd-slider-container {\n        width: 100%;\n        max-width: 900px;\n        margin: 100px auto;\n        padding: 0 20px;\n    }\n\n    .wd-comparison-slider {\n        position: relative;\n        width: 100%;\n        height: 500px; \/* Mo\u017cesz zmieni\u0107 wysoko\u015b\u0107 *\/\n        overflow: hidden;\n        border: 1px solid #eee;\n    }\n\n    .wd-comparison-slider img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    .wd-image-before {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 50%; \/* Startowa pozycja suwaka *\/\n        height: 100%;\n        overflow: hidden;\n        z-index: 2;\n    }\n\n    \/* Suwak (linia i k\u00f3\u0142ko) *\/\n    .wd-handle {\n        position: absolute;\n        z-index: 10;\n        top: 0;\n        bottom: 0;\n        left: 50%;\n        width: 2px;\n        background: #000;\n        cursor: ew-resize;\n    }\n\n    .wd-handle::after {\n        content: \"\u2194\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 40px;\n        height: 40px;\n        background: #000;\n        color: #fff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 18px;\n    }\n\n    .wd-label {\n        position: absolute;\n        bottom: 20px;\n        background: rgba(0,0,0,0.7);\n        color: #fff;\n        padding: 5px 15px;\n        font-size: 0.7rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        z-index: 11;\n    }\n<\/style>\n\n<div class=\"wd-slider-container\">\n    \n    \n    <div class=\"wd-comparison-slider\" id=\"wd-slider\">\n        <div class=\"wd-label\" style=\"right: 20px;\">Po<\/div>\n        <img decoding=\"async\" src=\"https:\/\/design-wood.pl\/wp-content\/uploads\/2026\/03\/2.jpg\" alt=\"Mebel po renowacji\">\n\n        <div class=\"wd-image-before\" id=\"wd-before-img\">\n            <div class=\"wd-label\" style=\"left: 20px;\">Przed<\/div>\n            <img decoding=\"async\" src=\"https:\/\/design-wood.pl\/wp-content\/uploads\/2026\/03\/1.jpg\" alt=\"Mebel przed renowacj\u0105\" style=\"width: 900px; max-width: none;\">\n        <\/div>\n\n        <div class=\"wd-handle\" id=\"wd-handle\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n    const slider = document.getElementById('wd-slider');\n    const beforeImg = document.getElementById('wd-before-img');\n    const handle = document.getElementById('wd-handle');\n\n    const moveSlider = (e) => {\n        let posX = e.pageX || e.touches[0].pageX;\n        let rect = slider.getBoundingClientRect();\n        let position = posX - rect.left;\n\n        if (position < 0) position = 0;\n        if (position > rect.width) position = rect.width;\n\n        let percentage = (position \/ rect.width) * 100;\n        beforeImg.style.width = percentage + '%';\n        handle.style.left = percentage + '%';\n    };\n\n    slider.addEventListener('mousemove', moveSlider);\n    slider.addEventListener('touchmove', moveSlider);\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400;600&#038;family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --accent: #000;\n        --soft-grey: #f4f4f4;\n        --text-grey: #555;\n    }\n\n    .wd-reno-expanded {\n        font-family: 'Montserrat', sans-serif;\n        background-color: #fff;\n        color: #000;\n        padding: 100px 10%;\n        overflow: hidden;\n    }\n\n    \/* DEKORACYJNE KSZTA\u0141TY W TLE *\/\n    .wd-bg-shape {\n        position: absolute;\n        z-index: 0;\n        opacity: 0.03;\n        pointer-events: none;\n    }\n\n    \/* NAG\u0141\u00d3WEK Z LINIAMI *\/\n    .wd-section-header {\n        position: relative;\n        text-align: left;\n        margin-bottom: 100px;\n    }\n    .wd-section-header h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        line-height: 1.1;\n        margin-bottom: 30px;\n    }\n    .wd-line {\n        width: 150px;\n        height: 1px;\n        background: #000;\n        display: block;\n        margin-bottom: 20px;\n    }\n\n    \/* OPIS RENOWACJI - WI\u0118CEJ TRE\u015aCI *\/\n    .wd-reno-story {\n        display: grid;\n        grid-template-columns: 1fr 1.5fr;\n        gap: 60px;\n        margin-bottom: 120px;\n    }\n    .wd-reno-story p {\n        font-size: 1.1rem;\n        font-weight: 300;\n        line-height: 2;\n        color: var(--text-grey);\n    }\n\n    \/* IKONY I PROCES *\/\n    .wd-icons-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 30px;\n        margin-bottom: 100px;\n    }\n    .wd-icon-box {\n        padding: 40px 20px;\n        border: 1px solid #eee;\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n    .wd-icon-box:hover {\n        background-color: var(--soft-grey);\n        transform: translateY(-5px);\n    }\n    .wd-icon-box svg {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 20px;\n    }\n    .wd-icon-box h4 {\n        text-transform: uppercase;\n        font-size: 0.7rem;\n        letter-spacing: 2px;\n        margin-bottom: 10px;\n    }\n\n    \/* KONKRETNE US\u0141UGI Z KATALOGU *\/\n    .wd-details-list {\n        margin-bottom: 120px;\n        border-top: 1px solid #000;\n        padding-top: 40px;\n    }\n    .wd-detail-row {\n        display: flex;\n        justify-content: space-between;\n        padding: 20px 0;\n        border-bottom: 1px solid #eee;\n    }\n    .wd-detail-row span:first-child {\n        font-weight: 600;\n        text-transform: uppercase;\n        font-size: 0.8rem;\n    }\n\n    \/* PRZYCISK - WERSJA SUPER-STABILNA *\/\n    .wd-final-cta {\n        text-align: center;\n        margin-top: 60px;\n    }\n    .wd-btn-main {\n        display: inline-block;\n        padding: 22px 60px;\n        background-color: #000;\n        color: #fff !important;\n        text-decoration: none !important;\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        font-weight: 600;\n        transition: all 0.3s ease;\n        border: none;\n    }\n    .wd-btn-main:hover {\n        background-color: #333;\n        letter-spacing: 4px;\n    }\n\n    @media (max-width: 900px) {\n        .wd-reno-story, .wd-icons-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<div class=\"wd-reno-expanded\">\n    <div class=\"wd-section-header\">\n        <span class=\"wd-line\"><\/span>\n        <h2>Drugie \u017cycie,<br>ta sama dusza.<\/h2>\n    <\/div>\n\n    <div class=\"wd-reno-story\">\n        <div>\n            <h3 style=\"font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic;\">Sztuka przywracania.<\/h3>\n        <\/div>\n        <div>\n            <p>\n                Renowacja w Wood &#038; Design to nie tylko naprawa. To proces odzyskiwania to\u017csamo\u015bci mebla, kt\u00f3remu przywracamy nale\u017cne miejsce we wsp\u00f3\u0142czesnym wn\u0119trzu. Skupiamy si\u0119 na zachowaniu unikalnej energii drewna, usuwaj\u0105c \u015blady czasu tam, gdzie s\u0105 wad\u0105, a podkre\u015blaj\u0105c je tam, gdzie stanowi\u0105 o szlachetno\u015bci formy.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"wd-icons-grid\">\n        <div class=\"wd-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M12 21a9 9 0 100-18 9 9 0 000 18z\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n            <h4>01 \/ Ocena<\/h4>\n            <p style=\"font-size: 0.8rem; color: #888;\">Analiza struktury drewna i stopnia zu\u017cycia.<\/p>\n        <\/div>\n        <div class=\"wd-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M20 7h-9m3 4H5m12 4h-6m3 4H7\"\/><\/svg>\n            <h4>02 \/ Oczyszczenie<\/h4>\n            <p style=\"font-size: 0.8rem; color: #888;\">Usuwanie starych pow\u0142ok bez naruszania bazy.<\/p>\n        <\/div>\n        <div class=\"wd-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M11 4H4v14a2 2 0 002 2h12a2 2 0 002-2v-5M9 15l3 3 7-7-3-3-7 7z\"\/><\/svg>\n            <h4>03 \/ Renowacja<\/h4>\n            <p style=\"font-size: 0.8rem; color: #888;\">Wzmocnienie konstrukcji i naprawa ubytk\u00f3w.<\/p>\n        <\/div>\n        <div class=\"wd-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l7 7-9 9-7-7 9-9z\"\/><\/svg>\n            <h4>04 \/ Wyko\u0144czenie<\/h4>\n            <p style=\"font-size: 0.8rem; color: #888;\">Olejowanie, woskowanie lub lakierowanie.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"wd-details-list\">\n        <div class=\"wd-detail-row\">\n            <span>D\u0119bowe konstrukcje<\/span>\n            <span>Szlifowanie, bejcowanie, zabezpieczenie<\/span>\n        <\/div>\n        <div class=\"wd-detail-row\">\n            <span>Forniry i Okleiny<\/span>\n            <span>Precyzyjna naprawa i od\u015bwie\u017cenie koloru<\/span>\n        <\/div>\n        <div class=\"wd-detail-row\">\n            <span>Meble Tapicerowane<\/span>\n            <span>Wymiana wype\u0142nie\u0144 i nowoczesne tkaniny<\/span>\n        <\/div>\n        <div class=\"wd-detail-row\">\n            <span>Okucia i detale<\/span>\n            <span>Polerowanie lub wymiana na minimalistyczne<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"wd-final-cta\">\n        <p style=\"margin-bottom: 30px; font-weight: 300; letter-spacing: 1px;\">Bezp\u0142atna wycena online w ci\u0105gu 48 godzin.<\/p>\n        <a href=\"https:\/\/design-wood.pl\/index.php\/kontakt\/\" class=\"wd-btn-main\">\n            Zam\u00f3w bezp\u0142atn\u0105 wycen\u0119\n        <\/a>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Proces Transformacji Metamorfozy:Przywracamy histori\u0119 do \u017cycia. Po Przed Drugie \u017cycie,ta sama dusza. Sztuka przywracania. Renowacja w Wood &#038; Design to nie tylko naprawa. To proces odzyskiwania to\u017csamo\u015bci mebla, kt\u00f3remu przywracamy nale\u017cne miejsce we wsp\u00f3\u0142czesnym wn\u0119trzu. Skupiamy si\u0119 na zachowaniu unikalnej energii drewna, usuwaj\u0105c \u015blady czasu tam, gdzie s\u0105 wad\u0105, a podkre\u015blaj\u0105c je tam, gdzie stanowi\u0105 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":5,"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/design-wood.pl\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}