diff --git a/konfigurator-mail.php b/konfigurator-mail.php index da02168..bb76ed7 100644 --- a/konfigurator-mail.php +++ b/konfigurator-mail.php @@ -142,11 +142,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { $message .= '
  • Imię: ' . $configData['step_4']['name'] . '
  • '; $message .= '
  • E-mail: ' . $configData['step_4']['email'] . '
  • '; $message .= '
  • Telefon: ' . $configData['step_4']['phone'] . '
  • '; - if (isset($configData['step_4']['planned_date']) && $configData['step_4']['planned_date']) { - $message .= '
  • Planowany termin montażu: ' . $configData['step_4']['planned_date'] . '
  • '; + if (isset($configData['step_4']['planned_season']) && $configData['step_4']['planned_season']) { + $message .= '
  • Planowany termin realizacji: ' . $configData['step_4']['planned_season'] . '
  • '; } if (isset($configData['step_4']['budget_range']) && $configData['step_4']['budget_range']) { - $message .= '
  • Orientacyjny budżet: ' . $configData['step_4']['budget_range'] . '
  • '; + $message .= '
  • Budżet inwestycji: ' . $configData['step_4']['budget_range'] . '
  • '; } if (isset($configData['step_4']['is_owner']) && $configData['step_4']['is_owner']) { $message .= '
  • Właściciel nieruchomości: ' . $configData['step_4']['is_owner'] . '
  • '; diff --git a/wp-content/themes/ostal_WP/css/custom.css b/wp-content/themes/ostal_WP/css/custom.css index e8a966b..f6f90b3 100644 --- a/wp-content/themes/ostal_WP/css/custom.css +++ b/wp-content/themes/ostal_WP/css/custom.css @@ -1 +1 @@ -#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column;padding-bottom:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}#calc-ch-1 .slide-data{flex-wrap:wrap}#calc-ch-1 .slide-data .calc-texts{width:calc(100% - 200px) !important}.checkboxes-confirm{padding:5px 37px}.tabs_examples{width:100%}.tabs_examples h3{font-size:18px;font-weight:600;color:#333}.tabs_examples-nav{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.tabs_examples-nav button{flex:1;padding:12px 20px;border:none;background:#f5f5f5;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid rgba(0,0,0,0);margin-bottom:-2px}.tabs_examples-nav button:hover{background:#eee;color:#333}.tabs_examples-nav button.active{background:#fff;color:#88b14b;border-bottom-color:#88b14b;font-weight:600}.tabs_examples-content{padding:0}.tabs_examples-panel{display:flex;gap:20px;align-items:flex-start}@media(max-width: 768px){.tabs_examples-panel{flex-direction:column}}.tabs_examples-img{flex:0 0 45%}.tabs_examples-img img{width:100%;height:auto;border-radius:8px}.tabs_examples-desc{flex:1}.tabs_examples-desc h4{font-size:17px;font-weight:600;margin-bottom:10px;color:#333}.tabs_examples-desc p{font-size:14px;line-height:1.6;color:#555}.c-datepicker p{margin-bottom:5px !important}.datepicker-wrapper{position:relative;width:100%}.datepicker-input{display:flex;align-items:center;gap:10px;border:1px solid #88b14b;padding:10px 14px;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s}.datepicker-input:hover{border-color:#6d9338;box-shadow:0 0 0 3px rgba(136,177,75,.12)}.datepicker-input span{flex:1;font-size:15px;color:#333}.datepicker-input span.placeholder{color:#999}.datepicker-chevron{transition:transform .2s}.datepicker-chevron.open{transform:rotate(180deg)}.datepicker-calendar{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:16px;width:310px;animation:dpFadeIn .15s ease}@keyframes dpFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datepicker-header span{font-weight:600;font-size:15px;color:#333}.datepicker-header button{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;line-height:1}.datepicker-header button:hover{background:#88b14b;color:#fff}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;margin-bottom:6px}.datepicker-weekdays span{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;padding:4px 0}.datepicker-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.datepicker-day{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#333;cursor:pointer;transition:background .15s,color .15s}.datepicker-day.empty{cursor:default}.datepicker-day:not(.empty):not(.disabled):hover{background:rgba(136,177,75,.15)}.datepicker-day.today{font-weight:700;border:2px solid #88b14b}.datepicker-day.selected{background:#88b14b;color:#fff;font-weight:600}.datepicker-day.disabled{color:#ccc;cursor:not-allowed}.swiper-wrapper.wrapper--inner{background:#000}.swiper-wrapper.wrapper--inner .swiper-slide:first-child h1{flex:0 0 35% !important}.swiper-wrapper.wrapper--inner .swiper-slide:first-child .hero-slider-content{flex:0 0 65% !important}section#price_tiles>.wrapper{padding-bottom:0}section#price_tiles ol.price-tiles{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;row-gap:30px;flex-wrap:wrap}section#price_tiles ol.price-tiles li.price-tile{position:relative;display:flex;flex-direction:row;gap:30px;width:80%;padding:40px 22px 30px;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);background-color:#f7f5f5}section#price_tiles ol.price-tiles li.price-tile:nth-child(2){margin:0 auto}section#price_tiles ol.price-tiles li.price-tile:nth-child(3){margin-left:auto}section#price_tiles ol.price-tiles li.price-tile .price-tile--img img{width:300px}section#price_tiles ol.price-tiles li.price-tile .price-tile--data{width:100%}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column;padding-bottom:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}#calc-ch-1 .slide-data{flex-wrap:wrap}#calc-ch-1 .slide-data .calc-texts{width:calc(100% - 200px) !important}.checkboxes-confirm{padding:5px 37px}.tabs_examples{width:100%}.tabs_examples h3{font-size:18px;font-weight:600;color:#333}.tabs_examples-nav{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.tabs_examples-nav button{flex:1;padding:12px 20px;border:none;background:#f5f5f5;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid rgba(0,0,0,0);margin-bottom:-2px}.tabs_examples-nav button:hover{background:#eee;color:#333}.tabs_examples-nav button.active{background:#fff;color:#88b14b;border-bottom-color:#88b14b;font-weight:600}.tabs_examples-content{padding:0}.tabs_examples-panel{display:flex;gap:20px;align-items:flex-start}@media(max-width: 768px){.tabs_examples-panel{flex-direction:column}}.tabs_examples-img{flex:0 0 45%}.tabs_examples-img img{width:100%;height:auto;border-radius:8px}.tabs_examples-desc{flex:1}.tabs_examples-desc h4{font-size:17px;font-weight:600;margin-bottom:10px;color:#333}.tabs_examples-desc p{font-size:14px;line-height:1.6;color:#555}.c-datepicker p{margin-bottom:5px !important}.datepicker-wrapper{position:relative;width:100%}.datepicker-input{display:flex;align-items:center;gap:10px;border:1px solid #88b14b;padding:10px 14px;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s}.datepicker-input:hover{border-color:#6d9338;box-shadow:0 0 0 3px rgba(136,177,75,.12)}.datepicker-input span{flex:1;font-size:15px;color:#333}.datepicker-input span.placeholder{color:#999}.datepicker-chevron{transition:transform .2s}.datepicker-chevron.open{transform:rotate(180deg)}.datepicker-calendar{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:16px;width:310px;animation:dpFadeIn .15s ease}@keyframes dpFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datepicker-header span{font-weight:600;font-size:15px;color:#333}.datepicker-header button{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;line-height:1}.datepicker-header button:hover{background:#88b14b;color:#fff}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;margin-bottom:6px}.datepicker-weekdays span{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;padding:4px 0}.datepicker-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.datepicker-day{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#333;cursor:pointer;transition:background .15s,color .15s}.datepicker-day.empty{cursor:default}.datepicker-day:not(.empty):not(.disabled):hover{background:rgba(136,177,75,.15)}.datepicker-day.today{font-weight:700;border:2px solid #88b14b}.datepicker-day.selected{background:#88b14b;color:#fff;font-weight:600}.datepicker-day.disabled{color:#ccc;cursor:not-allowed}.swiper-wrapper.wrapper--inner{background:#000}.swiper-wrapper.wrapper--inner .swiper-slide:first-child h1{flex:0 0 35% !important}.swiper-wrapper.wrapper--inner .swiper-slide:first-child .hero-slider-content{flex:0 0 65% !important}section#price_tiles>.wrapper{padding-bottom:0}section#price_tiles ol.price-tiles{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;row-gap:30px;flex-wrap:wrap}section#price_tiles ol.price-tiles li.price-tile{position:relative;display:flex;flex-direction:row;gap:30px;width:80%;padding:40px 22px 30px;clip-path:polygon(0% 5%, 5% 0%, 100% 0%, 100% 5%, 100% 100%, 0% 100%, 0% 5%);background-color:#f7f5f5}section#price_tiles ol.price-tiles li.price-tile:nth-child(2){margin:0 auto}section#price_tiles ol.price-tiles li.price-tile:nth-child(3){margin-left:auto}section#price_tiles ol.price-tiles li.price-tile .price-tile--img img{width:300px}section#price_tiles ol.price-tiles li.price-tile .price-tile--data{width:100%}#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev,#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next{top:30px !important}#main-nav nav .main-menu{gap:15px !important}.page-id-2598 .heading--xl{font-size:30px !important}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/css/custom.css.map b/wp-content/themes/ostal_WP/css/custom.css.map index 21aee38..1f2d06d 100644 --- a/wp-content/themes/ostal_WP/css/custom.css.map +++ b/wp-content/themes/ostal_WP/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css"} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css","sourcesContent":["#home-page-seo {\r\n .wrapper {\r\n padding-top: 75px;\r\n padding-bottom: 0;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n#garden-page-seo {\r\n .wrapper {\r\n padding-top: 0;\r\n padding-bottom: 75px;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n margin: 25px 0 50px;\r\n justify-content: center;\r\n width: 100%;\r\n font-size: 16px;\r\n gap: 10px;\r\n\r\n a {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.c-select {\r\n p {\r\n margin-bottom: 5px !important;\r\n }\r\n\r\n select {\r\n border: 1px solid #88b14b;\r\n padding: 10px;\r\n width: 100%;\r\n }\r\n}\r\n\r\nbody.page-id-2598 {\r\n main {\r\n section#korzysci {\r\n .boxes.simple-cards {\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n }\r\n }\r\n\r\n section#garden-page-seo {\r\n .wrapper.wrapper--inner {\r\n flex-direction: column;\r\n padding-bottom: 0;\r\n\r\n h2 {\r\n margin: 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#calc-ch-1 {\r\n .slide-data {\r\n flex-wrap: wrap;\r\n\r\n .calc-texts {\r\n width: calc(100% - 200px) !important;\r\n }\r\n }\r\n}\r\n\r\n.checkboxes-confirm {\r\n padding: 5px 37px;\r\n}\r\n\r\n.tabs_examples {\r\n width: 100%;\r\n\r\n h3 {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #333;\r\n }\r\n\r\n &-nav {\r\n display: flex;\r\n gap: 0;\r\n border-bottom: 2px solid #e0e0e0;\r\n margin-bottom: 20px;\r\n\r\n button {\r\n flex: 1;\r\n padding: 12px 20px;\r\n border: none;\r\n background: #f5f5f5;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #666;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border-bottom: 3px solid transparent;\r\n margin-bottom: -2px;\r\n\r\n &:hover {\r\n background: #eee;\r\n color: #333;\r\n }\r\n\r\n &.active {\r\n background: #fff;\r\n color: #88b14b;\r\n border-bottom-color: #88b14b;\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n\r\n &-content {\r\n padding: 0;\r\n }\r\n\r\n &-panel {\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n\r\n @media (max-width: 768px) {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n &-img {\r\n flex: 0 0 45%;\r\n\r\n img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n }\r\n }\r\n\r\n &-desc {\r\n flex: 1;\r\n\r\n h4 {\r\n font-size: 17px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n color: #333;\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #555;\r\n }\r\n }\r\n}\r\n\r\n.c-datepicker {\r\n p {\r\n margin-bottom: 5px !important;\r\n }\r\n}\r\n\r\n.datepicker-wrapper {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.datepicker-input {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border: 1px solid #88b14b;\r\n padding: 10px 14px;\r\n cursor: pointer;\r\n background: #fff;\r\n transition:\r\n border-color 0.2s,\r\n box-shadow 0.2s;\r\n\r\n &:hover {\r\n border-color: #6d9338;\r\n box-shadow: 0 0 0 3px rgba(136, 177, 75, 0.12);\r\n }\r\n\r\n span {\r\n flex: 1;\r\n font-size: 15px;\r\n color: #333;\r\n\r\n &.placeholder {\r\n color: #999;\r\n }\r\n }\r\n}\r\n\r\n.datepicker-chevron {\r\n transition: transform 0.2s;\r\n\r\n &.open {\r\n transform: rotate(180deg);\r\n }\r\n}\r\n\r\n.datepicker-calendar {\r\n position: absolute;\r\n top: calc(100% + 6px);\r\n left: 0;\r\n z-index: 100;\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\r\n padding: 16px;\r\n width: 310px;\r\n animation: dpFadeIn 0.15s ease;\r\n}\r\n\r\n@keyframes dpFadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-6px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.datepicker-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 12px;\r\n\r\n span {\r\n font-weight: 600;\r\n font-size: 15px;\r\n color: #333;\r\n }\r\n\r\n button {\r\n width: 32px;\r\n height: 32px;\r\n border: none;\r\n background: #f5f5f5;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n color: #555;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition:\r\n background 0.2s,\r\n color 0.2s;\r\n line-height: 1;\r\n\r\n &:hover {\r\n background: #88b14b;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n\r\n.datepicker-weekdays {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n text-align: center;\r\n margin-bottom: 6px;\r\n\r\n span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #999;\r\n text-transform: uppercase;\r\n padding: 4px 0;\r\n }\r\n}\r\n\r\n.datepicker-days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n}\r\n\r\n.datepicker-day {\r\n width: 38px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 14px;\r\n color: #333;\r\n cursor: pointer;\r\n transition:\r\n background 0.15s,\r\n color 0.15s;\r\n\r\n &.empty {\r\n cursor: default;\r\n }\r\n\r\n &:not(.empty):not(.disabled):hover {\r\n background: rgba(136, 177, 75, 0.15);\r\n }\r\n\r\n &.today {\r\n font-weight: 700;\r\n border: 2px solid #88b14b;\r\n }\r\n\r\n &.selected {\r\n background: #88b14b;\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n\r\n &.disabled {\r\n color: #ccc;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.swiper-wrapper.wrapper--inner {\r\n background: #000;\r\n\r\n .swiper-slide:first-child {\r\n h1 {\r\n flex: 0 0 35% !important;\r\n }\r\n\r\n .hero-slider-content {\r\n flex: 0 0 65% !important;\r\n }\r\n }\r\n}\r\n\r\nsection#price_tiles {\r\n >.wrapper {\r\n padding-bottom: 0;\r\n }\r\n\r\n ol.price-tiles {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 30px;\r\n row-gap: 30px;\r\n flex-wrap: wrap;\r\n\r\n li.price-tile {\r\n position: relative;\r\n display: flex;\r\n // flex-direction: column;\r\n flex-direction: row;\r\n gap: 30px;\r\n // width: calc(100% / 3);\r\n width: 80%;\r\n\r\n padding: 40px 22px 30px;\r\n clip-path: polygon(0% 5%,\r\n 5% 0%,\r\n 100% 0%,\r\n 100% 5%,\r\n 100% 100%,\r\n 0% 100%,\r\n 0% 5%);\r\n background-color: #f7f5f5;\r\n\r\n &:nth-child(2) {\r\n margin: 0 auto;\r\n }\r\n\r\n &:nth-child(3) {\r\n margin-left: auto;\r\n }\r\n\r\n .price-tile--img {\r\n img {\r\n width: 300px;\r\n }\r\n }\r\n\r\n .price-tile--data {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev,\r\n#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next {\r\n top: 30px !important;\r\n}\r\n\r\n#main-nav nav .main-menu {\r\n gap: 15px !important\r\n}\r\n\r\n.page-id-2598 {\r\n .heading--xl {\r\n font-size: 30px !important;\r\n }\r\n}"]} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/css/custom.scss b/wp-content/themes/ostal_WP/css/custom.scss index 25cb904..efb3037 100644 --- a/wp-content/themes/ostal_WP/css/custom.scss +++ b/wp-content/themes/ostal_WP/css/custom.scss @@ -1,407 +1,422 @@ #home-page-seo { - .wrapper { - padding-top: 75px; - padding-bottom: 0; + .wrapper { + padding-top: 75px; + padding-bottom: 0; - h2 { - margin-left: 0; - max-width: 100%; - } - } + h2 { + margin-left: 0; + max-width: 100%; + } + } } #garden-page-seo { - .wrapper { - padding-top: 0; - padding-bottom: 75px; + .wrapper { + padding-top: 0; + padding-bottom: 75px; - h2 { - margin-left: 0; - max-width: 100%; - } - } + h2 { + margin-left: 0; + max-width: 100%; + } + } } .pagination { - display: flex; - align-items: center; - margin: 25px 0 50px; - justify-content: center; - width: 100%; - font-size: 16px; - gap: 10px; + display: flex; + align-items: center; + margin: 25px 0 50px; + justify-content: center; + width: 100%; + font-size: 16px; + gap: 10px; - a { - font-size: 16px; - } + a { + font-size: 16px; + } } .c-select { - p { - margin-bottom: 5px !important; - } + p { + margin-bottom: 5px !important; + } - select { - border: 1px solid #88b14b; - padding: 10px; - width: 100%; - } + select { + border: 1px solid #88b14b; + padding: 10px; + width: 100%; + } } body.page-id-2598 { - main { - section#korzysci { - .boxes.simple-cards { - grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); - } - } + main { + section#korzysci { + .boxes.simple-cards { + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + } + } - section#garden-page-seo { - .wrapper.wrapper--inner { - flex-direction: column; - padding-bottom: 0; + section#garden-page-seo { + .wrapper.wrapper--inner { + flex-direction: column; + padding-bottom: 0; - h2 { - margin: 0; - } + h2 { + margin: 0; + } - p { - margin: 0; - } - } - } - } + p { + margin: 0; + } + } + } + } } #calc-ch-1 { - .slide-data { - flex-wrap: wrap; + .slide-data { + flex-wrap: wrap; - .calc-texts { - width: calc(100% - 200px) !important; - } - } + .calc-texts { + width: calc(100% - 200px) !important; + } + } } .checkboxes-confirm { - padding: 5px 37px; + padding: 5px 37px; } .tabs_examples { - width: 100%; + width: 100%; - h3 { - font-size: 18px; - font-weight: 600; - color: #333; - } + h3 { + font-size: 18px; + font-weight: 600; + color: #333; + } - &-nav { - display: flex; - gap: 0; - border-bottom: 2px solid #e0e0e0; - margin-bottom: 20px; + &-nav { + display: flex; + gap: 0; + border-bottom: 2px solid #e0e0e0; + margin-bottom: 20px; - button { - flex: 1; - padding: 12px 20px; - border: none; - background: #f5f5f5; - font-size: 15px; - font-weight: 500; - color: #666; - cursor: pointer; - transition: all 0.3s ease; - border-bottom: 3px solid transparent; - margin-bottom: -2px; + button { + flex: 1; + padding: 12px 20px; + border: none; + background: #f5f5f5; + font-size: 15px; + font-weight: 500; + color: #666; + cursor: pointer; + transition: all 0.3s ease; + border-bottom: 3px solid transparent; + margin-bottom: -2px; - &:hover { - background: #eee; - color: #333; - } + &:hover { + background: #eee; + color: #333; + } - &.active { - background: #fff; - color: #88b14b; - border-bottom-color: #88b14b; - font-weight: 600; - } - } - } + &.active { + background: #fff; + color: #88b14b; + border-bottom-color: #88b14b; + font-weight: 600; + } + } + } - &-content { - padding: 0; - } + &-content { + padding: 0; + } - &-panel { - display: flex; - gap: 20px; - align-items: flex-start; + &-panel { + display: flex; + gap: 20px; + align-items: flex-start; - @media (max-width: 768px) { - flex-direction: column; - } - } + @media (max-width: 768px) { + flex-direction: column; + } + } - &-img { - flex: 0 0 45%; + &-img { + flex: 0 0 45%; - img { - width: 100%; - height: auto; - border-radius: 8px; - } - } + img { + width: 100%; + height: auto; + border-radius: 8px; + } + } - &-desc { - flex: 1; + &-desc { + flex: 1; - h4 { - font-size: 17px; - font-weight: 600; - margin-bottom: 10px; - color: #333; - } + h4 { + font-size: 17px; + font-weight: 600; + margin-bottom: 10px; + color: #333; + } - p { - font-size: 14px; - line-height: 1.6; - color: #555; - } - } + p { + font-size: 14px; + line-height: 1.6; + color: #555; + } + } } .c-datepicker { - p { - margin-bottom: 5px !important; - } + p { + margin-bottom: 5px !important; + } } .datepicker-wrapper { - position: relative; - width: 100%; + position: relative; + width: 100%; } .datepicker-input { - display: flex; - align-items: center; - gap: 10px; - border: 1px solid #88b14b; - padding: 10px 14px; - cursor: pointer; - background: #fff; - transition: - border-color 0.2s, - box-shadow 0.2s; + display: flex; + align-items: center; + gap: 10px; + border: 1px solid #88b14b; + padding: 10px 14px; + cursor: pointer; + background: #fff; + transition: + border-color 0.2s, + box-shadow 0.2s; - &:hover { - border-color: #6d9338; - box-shadow: 0 0 0 3px rgba(136, 177, 75, 0.12); - } + &:hover { + border-color: #6d9338; + box-shadow: 0 0 0 3px rgba(136, 177, 75, 0.12); + } - span { - flex: 1; - font-size: 15px; - color: #333; + span { + flex: 1; + font-size: 15px; + color: #333; - &.placeholder { - color: #999; - } - } + &.placeholder { + color: #999; + } + } } .datepicker-chevron { - transition: transform 0.2s; + transition: transform 0.2s; - &.open { - transform: rotate(180deg); - } + &.open { + transform: rotate(180deg); + } } .datepicker-calendar { - position: absolute; - top: calc(100% + 6px); - left: 0; - z-index: 100; - background: #fff; - border: 1px solid #e0e0e0; - border-radius: 10px; - box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); - padding: 16px; - width: 310px; - animation: dpFadeIn 0.15s ease; + position: absolute; + top: calc(100% + 6px); + left: 0; + z-index: 100; + background: #fff; + border: 1px solid #e0e0e0; + border-radius: 10px; + box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); + padding: 16px; + width: 310px; + animation: dpFadeIn 0.15s ease; } @keyframes dpFadeIn { - from { - opacity: 0; - transform: translateY(-6px); - } - to { - opacity: 1; - transform: translateY(0); - } + from { + opacity: 0; + transform: translateY(-6px); + } + + to { + opacity: 1; + transform: translateY(0); + } } .datepicker-header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 12px; + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 12px; - span { - font-weight: 600; - font-size: 15px; - color: #333; - } + span { + font-weight: 600; + font-size: 15px; + color: #333; + } - button { - width: 32px; - height: 32px; - border: none; - background: #f5f5f5; - border-radius: 50%; - font-size: 20px; - color: #555; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - transition: - background 0.2s, - color 0.2s; - line-height: 1; + button { + width: 32px; + height: 32px; + border: none; + background: #f5f5f5; + border-radius: 50%; + font-size: 20px; + color: #555; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: + background 0.2s, + color 0.2s; + line-height: 1; - &:hover { - background: #88b14b; - color: #fff; - } - } + &:hover { + background: #88b14b; + color: #fff; + } + } } .datepicker-weekdays { - display: grid; - grid-template-columns: repeat(7, 1fr); - text-align: center; - margin-bottom: 6px; + display: grid; + grid-template-columns: repeat(7, 1fr); + text-align: center; + margin-bottom: 6px; - span { - font-size: 12px; - font-weight: 600; - color: #999; - text-transform: uppercase; - padding: 4px 0; - } + span { + font-size: 12px; + font-weight: 600; + color: #999; + text-transform: uppercase; + padding: 4px 0; + } } .datepicker-days { - display: grid; - grid-template-columns: repeat(7, 1fr); - gap: 2px; + display: grid; + grid-template-columns: repeat(7, 1fr); + gap: 2px; } .datepicker-day { - width: 38px; - height: 38px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - font-size: 14px; - color: #333; - cursor: pointer; - transition: - background 0.15s, - color 0.15s; + width: 38px; + height: 38px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + font-size: 14px; + color: #333; + cursor: pointer; + transition: + background 0.15s, + color 0.15s; - &.empty { - cursor: default; - } + &.empty { + cursor: default; + } - &:not(.empty):not(.disabled):hover { - background: rgba(136, 177, 75, 0.15); - } + &:not(.empty):not(.disabled):hover { + background: rgba(136, 177, 75, 0.15); + } - &.today { - font-weight: 700; - border: 2px solid #88b14b; - } + &.today { + font-weight: 700; + border: 2px solid #88b14b; + } - &.selected { - background: #88b14b; - color: #fff; - font-weight: 600; - } + &.selected { + background: #88b14b; + color: #fff; + font-weight: 600; + } - &.disabled { - color: #ccc; - cursor: not-allowed; - } + &.disabled { + color: #ccc; + cursor: not-allowed; + } } .swiper-wrapper.wrapper--inner { - background: #000; + background: #000; - .swiper-slide:first-child { - h1 { - flex: 0 0 35% !important; - } + .swiper-slide:first-child { + h1 { + flex: 0 0 35% !important; + } - .hero-slider-content { - flex: 0 0 65% !important; - } - } + .hero-slider-content { + flex: 0 0 65% !important; + } + } } section#price_tiles { - > .wrapper { - padding-bottom: 0; - } + >.wrapper { + padding-bottom: 0; + } - ol.price-tiles { - display: flex; - flex-direction: row; - column-gap: 30px; - row-gap: 30px; - flex-wrap: wrap; + ol.price-tiles { + display: flex; + flex-direction: row; + column-gap: 30px; + row-gap: 30px; + flex-wrap: wrap; - li.price-tile { - position: relative; - display: flex; - // flex-direction: column; - flex-direction: row; - gap: 30px; - // width: calc(100% / 3); - width: 80%; + li.price-tile { + position: relative; + display: flex; + // flex-direction: column; + flex-direction: row; + gap: 30px; + // width: calc(100% / 3); + width: 80%; - padding: 40px 22px 30px; - clip-path: polygon( - 0% 5%, - 5% 0%, - 100% 0%, - 100% 5%, - 100% 100%, - 0% 100%, - 0% 5% - ); - background-color: #f7f5f5; + padding: 40px 22px 30px; + clip-path: polygon(0% 5%, + 5% 0%, + 100% 0%, + 100% 5%, + 100% 100%, + 0% 100%, + 0% 5%); + background-color: #f7f5f5; - &:nth-child(2) { - margin: 0 auto; - } + &:nth-child(2) { + margin: 0 auto; + } - &:nth-child(3) { - margin-left: auto; - } + &:nth-child(3) { + margin-left: auto; + } - .price-tile--img { - img { - width: 300px; - } - } - .price-tile--data { - width: 100%; - } - } - } + .price-tile--img { + img { + width: 300px; + } + } + + .price-tile--data { + width: 100%; + } + } + } } + +#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .prev, +#app #calc-container .calc-bar-fix #calc-bar .calc-s .calc-box .next { + top: 30px !important; +} + +#main-nav nav .main-menu { + gap: 15px !important +} + +.page-id-2598 { + .heading--xl { + font-size: 30px !important; + } +} \ No newline at end of file diff --git a/wp-content/themes/ostal_WP/page-2101.php b/wp-content/themes/ostal_WP/page-2101.php index 12459f8..b633c20 100644 --- a/wp-content/themes/ostal_WP/page-2101.php +++ b/wp-content/themes/ostal_WP/page-2101.php @@ -27,6 +27,63 @@
    + + +
    +

    Przyjmujemy zamówienia na realizacje wiosna-lato 2026

    +

    Zarezerwuj termin i cenę już teraz.

    +
    + +
    +

    Dlaczego warto zamówić zimą?

    +
    +
    + + Gwarancja ceny przed sezonem +
    +
    + + Priorytetowy termin montażu +
    +
    + + Spokojne przygotowanie projektu +
    +
    + + Brak kolejek produkcyjnych +
    +
    + +
    +

    Podpisz umowę zimą – zarezerwuj termin realizacji na wiosnę.

    +
    + +
    +

    ZIMOWY BONUS

    +
      +
    • + 🎁 + Darmowy upgrade szyby z ochroną przeciwsłoneczną gratis. +
    • +
    • + 🎁 + Darmowa konsultacja projektowa +
    • +
    • + 🎁 + Priorytetowy termin montażu +
    • +
    +
    + +
    +

    + ⏰ Dostępne terminy realizacji na sezon 2026: {{ availableSlots }} +

    +
    +
    +
    @@ -150,6 +207,15 @@

    Krok 3

    + +
    +

    Orientacyjny budżet realizacji

    +

    + Na podstawie wybranego typu konstrukcji i podanych wymiarów możemy pokazać orientacyjny budżet realizacji.

    + Każdy ogród zimowy projektujemy indywidualnie, dlatego podane kwoty mają charakter przykładowy i służą jedynie do wstępnej oceny, czy inwestycja mieści się w zakładanym budżecie. +

    +
    +
    -
    -

    Przykłady cen ogrodu zimowego 4x5m

    -
    - - - +
    +

    PRZYKŁADY CEN

    + +
    +

    Przykład 1 Ogród zimowy 4 x 5 m (ok. 20 m2)

    +
      +
    • - dach jednospadowy
    • +
    • - szyby zespolone jednokomorowe Ug=1,1
    • +
    • - markiza dachowa zewnętrzna w cenie.
    • +
    +

    Orientacyjny budżet realizacji 120 000 – 150 000 zł netto

    -
    - -
    -
    - Ogród zimowy Standard 4x5m -
    -
    -

    Ogród zimowy Classic 1 Standard.
    Cena brutto 114.390,00 zł (z VAT 8%)

    -

    - Szyby izolacyjne Ug=1,1 na dachu i ścianach.
    -- 1 szt. drzwi tarasowe uchylno-przesuwnymi PSK na frontowej ścianie.
    -- Bez osłon przeciwsłonecznych. (w zacienione miejsca)

    -
    -
    - -
    -
    - Ogród zimowy Comfort 4x5m -
    -
    -

    Ogród zimowy Classic 2 Comfort.
    Cena brutto 142.819,00 zł (z VAT 8%)

    -

    - Szyby izolacyjne Ug=1,1 na dachu i ścianach.
    -- 2 szt. drzwi tarasowych uchylno-przesuwnymi PSK na ścianie frontowej i ścianie bocznej.
    -- Komplet osłon przeciwsłonecznych na dachu. 2 osłony Veranda ster. Elektr + pilot.

    -
    -
    - -
    -
    - Ogród zimowy Premium 4x5m -
    -
    -

    Ogród zimowy Classic 3 Premium.
    Cena brutto 203.550,00 zł (z VAT 8%)

    -

    - Szyby Energooszczędne Ug=0,5 na dachu i ścianach.
    -- 1 szt. drzwi tarasowych uchylno-przesuwnymi PSK na frontowej ścianie + 1 szt. drzwi unoszono przesuwne HS na bocznej ścianie.
    -- Komplet osłon przeciwsłonecznych na dachu. 2 osłony Veranda ster. Elektr. + pilot + czujnik słoneczno-wiatrowy.
    -- Osłony przeciwsłoneczne ścian żaluzje C80 sterowane ele. + pilot.
    -- Okno HS w dachu przesuwane, sterowane ele.
    -- oświetlenie punktowe LED z pilotem.

    -
    -
    + +
    +

    Przykład 2 Ogród zimowy 3 x 4 m (ok. 12 m2)

    +
      +
    • - dach jednospadowy
    • +
    • - szyby zespolone jednokomorowe Ug=1,1
    • +
    • - markiza zewnętrzna.
    • +
    +

    Orientacyjny budżet realizacji 80 000 – 100 000 zł netto

    +
    + +
    +

    Przykład 3 Ogród zimowy 5 x 6 m (ok. 30 m2)

    +
      +
    • - Dach jednospadowy lub wielospadowy.
    • +
    • - większe przeszklenia szyby Ug=1,1
    • +
    • - markiza zewnętrzna.
    • +
    +

    Orientacyjny budżet realizacji 170 000 – 210 000 zł netto

    +
    + +
    +

    + Większość naszych realizacji mieści się w powyższych zakresach po dopasowaniu projektu do potrzeb i budżetu klienta. +

    + +

    Ostateczna cena zależy m.in. od:

    +
      +
    • + bryły i rodzaju dachu +
    • +
    • + ilości i rodzaju przeszkleń +
    • +
    • + systemów otwierania +
    • +
    • + dodatkowego wyposażenia +
    • +
    + + + Porozmawiajmy o Twoim projekcie +
    @@ -282,25 +361,36 @@

    Krok 4

    + +
    +

    Wyślij zapytanie o swój projekt

    +

    + Na podstawie podanych informacji przygotujemy wstępne dopasowanie projektu oraz orientacyjny budżet realizacji. +

    +

    + Realizacje całorocznych ogrodów zimowych rozpoczynają się od około 100 000 zł netto. +

    +
    +
    • -

      {{acfData.acf.step_4.miejsce_montazu}}

      - -
    • -
    • -

      {{acfData.acf.step_4.name}}

      +

      Imię i nazwisko

    • -

      {{acfData.acf.step_4.email}}

      +

      Email

    • -

      {{acfData.acf.step_4.phone}}

      +

      Telefon

    • -

      {{acfData.acf.step_4.attachment}}

      +

      Miejsce montażu i kod pocztowy

      + +
    • +
    • +

      Załącznik (opcjonalnie)

    -
      -
    • -

      Planowany termin montażu

      -
      -
      - - - - - - - - {{ configData.step_4.planned_date || 'Wybierz datę' }} - - - - -
      -
      -
      - - {{ dpMonthName }} {{ dpYear }} - -
      -
      - PnWtŚrCzPtSbNd -
      -
      - - {{ day }} -
      -
      -
      +
        +
      • +

        Planowany termin realizacji:

        +
      • -

        Orientacyjny budżet

        +

        Budżet inwestycji:

      • @@ -408,7 +467,7 @@
      -
      +
      - +
      @@ -495,13 +554,11 @@ selected_option_3: null, progressBar: 25, windowWidth: 0, - activeExampleTab: 'standard', - showDatepicker: false, - dpMonth: new Date().getMonth(), - dpYear: new Date().getFullYear(), uploadedFiles: [], isDragOver: false, fileError: '', + isWinterSeason: false, + availableSlots: 8, acfData: { acf: {} @@ -521,7 +578,8 @@ name: '', email: '', phone: '', - planned_date: '', + miejsce_montazu: '', + planned_season: '', budget_range: '', is_owner: '', confirm_budget: false, @@ -531,6 +589,7 @@ } }, async beforeMount() { + this.checkWinterSeason(); this.getWindowWidth(); try { const res = await fetch(`/wp-json/wp/v2/pages/`); @@ -543,6 +602,12 @@ } }, methods: { + checkWinterSeason() { + const now = new Date(); + const month = now.getMonth(); // 0-11 (0 = styczeń, 11 = grudzień) + // Sezon zimowy: listopad (10), grudzień (11), styczeń (0), luty (1), marzec (2), kwiecień (3) + this.isWinterSeason = month >= 10 || month <= 3; + }, setStep_1(value, index) { this.configData.step_1 = value this.selected_option_1 = index @@ -667,19 +732,16 @@ return true; }; - return checkFields(configData, ['step_3_extra', 'planned_date', 'budget_range', 'is_owner', 'confirm_budget', 'confirm_deposit']); + return checkFields(configData, ['step_3_extra', 'confirm_budget', 'confirm_deposit']); }, checkFields() { const basicFieldsFilled = this.areAllFieldsFilled(this.configData); - // Dla ogrodów zimowych (selected_option_1 === 0) wymagaj dodatkowych pól i checkboxów + // Dla ogrodów zimowych (selected_option_1 === 0) wymagaj checkboxów if (this.selected_option_1 === 0) { - if (!this.configData.step_4.planned_date || - !this.configData.step_4.budget_range || - !this.configData.step_4.is_owner || - !this.configData.step_4.confirm_budget || + if (!this.configData.step_4.confirm_budget || !this.configData.step_4.confirm_deposit) { return false; } @@ -720,36 +782,6 @@ } } }, - dpPrevMonth() { - if (this.dpMonth === 0) { this.dpMonth = 11; this.dpYear--; } - else { this.dpMonth--; } - }, - dpNextMonth() { - if (this.dpMonth === 11) { this.dpMonth = 0; this.dpYear++; } - else { this.dpMonth++; } - }, - dpSelectDay(day) { - if (this.dpIsDisabled(day)) return; - const d = String(day).padStart(2, '0'); - const m = String(this.dpMonth + 1).padStart(2, '0'); - this.configData.step_4.planned_date = `${d}.${m}.${this.dpYear}`; - this.showDatepicker = false; - }, - dpIsSelected(day) { - const d = String(day).padStart(2, '0'); - const m = String(this.dpMonth + 1).padStart(2, '0'); - return this.configData.step_4.planned_date === `${d}.${m}.${this.dpYear}`; - }, - dpIsDisabled(day) { - const date = new Date(this.dpYear, this.dpMonth, day); - const today = new Date(); - today.setHours(0,0,0,0); - return date < today; - }, - dpIsToday(day) { - const now = new Date(); - return day === now.getDate() && this.dpMonth === now.getMonth() && this.dpYear === now.getFullYear(); - }, handleFileDrop(e) { this.isDragOver = false; const files = Array.from(e.dataTransfer.files); @@ -833,26 +865,10 @@ mounted() { window.addEventListener('resize', this.getWindowWidth); this.getWindowWidth(); - document.addEventListener('click', (e) => { - if (this.showDatepicker && !e.target.closest('.datepicker-wrapper')) { - this.showDatepicker = false; - } - }); }, computed: { debug() { return this.configData - }, - dpMonthName() { - const names = ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień']; - return names[this.dpMonth]; - }, - dpDaysInMonth() { - return new Date(this.dpYear, this.dpMonth + 1, 0).getDate(); - }, - dpFirstDayOffset() { - const d = new Date(this.dpYear, this.dpMonth, 1).getDay(); - return d === 0 ? 6 : d - 1; } }, diff --git a/wp-content/themes/ostal_WP/page-2598.php b/wp-content/themes/ostal_WP/page-2598.php index 8401915..2a34f6a 100644 --- a/wp-content/themes/ostal_WP/page-2598.php +++ b/wp-content/themes/ostal_WP/page-2598.php @@ -26,19 +26,19 @@ $gallery_2 = [ $benefits = [ [ 'title' => '', - 'text' => 'Dodatkową powierzchnię użytkową przez cały rok.', + 'text' => 'dodatkową powierzchnię użytkową przez cały rok.', ], [ 'title' => '', - 'text' => 'Ochronę przed deszczem, wiatrem i niską temperaturą oraz przed palącym letnim słońcem.', + 'text' => 'ochronę przed deszczem, wiatrem, niską temperaturą oraz przed palącym słońcem.', ], [ 'title' => '', - 'text' => 'Estetyczne i trwałe rozwiązanie klasy premium.', + 'text' => 'estetyczne i trwałe rozwiązanie klasy premium.', ], [ 'title' => '', - 'text' => 'Przewidywalny harmonogram i jasne warunki współpracy.', + 'text' => 'przewidywalny harmonogram i jasne warunki współpracy.', ] ]; @@ -96,12 +96,12 @@ $collaboration = [

      Sprawdzone systemy aluminiowe

      -

      Pracujemy na izolowanych systemach aluminiowych, z szybami o bardzo dobrych parametrach cieplnych (Ug = 0,5), z możliwością zastosowania:

      -

      - - dachów jednospadowych i wielospadowych
      - - zintegrowanych markiz zewnętrznych, żaluzji fasadowych i osłon typu ZIIIP
      - - przeszkleń stałych, przesuwnych i składanych. -

      +

      Pracujemy na izolowanych systemach aluminiowych, z szybami o bardzo dobrych parametrach cieplnych (Ug = 1,1 lub 0,5), z możliwością zastosowania:

      +
        +
      • – dachów jednospadowych i wielospadowych
      • +
      • – zintegrowanych markiz zewnętrznych, żaluzji fasadowych i osłon typu ZIIIP
      • +
      • – przeszkleń stałych, przesuwnych i składanych.
      • +

      To rozwiązania stosowane również w nowoczesnych elewacjach i obiektach komercyjnych.

      @@ -123,25 +123,34 @@ $collaboration = [

      Doświadczenie w realizacjach dla firm

      -

      Od lat realizujemy dla klientów biznesowych systemy aluminiowe, żaluzje fasadowe i rolety zewnętrzne w obiektach komercyjnych.

      +

      Od lat realizujemy dla klientów biznesowych systemy aluminiowe, stolarkę, żaluzje fasadowe i rolety zewnętrzne w obiektach komercyjnych.

      Ogrody zimowe są naturalnym rozszerzeniem tych systemów — opartym na tej samej technologii, standardach montażu i podejściu projektowym.

    -
    +

    Jak wygląda współpraca?

    -
    - -
    - - -
    -

    +
    + $item) : ?> +
    + +
    + +
    + + + +
    + + + +
    +

    + +

    @@ -149,6 +158,42 @@ $collaboration = [
    + + - Umów rozmowę +

    👉 Realizacje całorocznych ogrodów zimowych rozpoczynają się od ok. 100 000 zł netto.

    + Umów rozmowę / Zapytaj o rozwiązanie dla swojej firmy
    \ No newline at end of file