diff --git a/wp-content/themes/ostal_WP/css/custom.css.map b/wp-content/themes/ostal_WP/css/custom.css.map index 1f2d06d..c2cb64f 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","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 +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"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","file":"custom.css"} \ 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 efb3037..cc0d88d 100644 --- a/wp-content/themes/ostal_WP/css/custom.scss +++ b/wp-content/themes/ostal_WP/css/custom.scss @@ -1,422 +1,423 @@ #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; + } + } + } + + section#dlaczego_warto { + .wrapper { + } + } + } } #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); - } + from { + opacity: 0; + transform: translateY(-6px); + } - to { - opacity: 1; - transform: translateY(0); - } + 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--img { + img { + width: 300px; + } + } - .price-tile--data { - width: 100%; - } - } - } + .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; + top: 30px !important; } #main-nav nav .main-menu { - gap: 15px !important + gap: 15px !important; } .page-id-2598 { - .heading--xl { - font-size: 30px !important; - } -} \ No newline at end of file + .heading--xl { + font-size: 30px !important; + } +} diff --git a/wp-content/themes/ostal_WP/page-2598.php b/wp-content/themes/ostal_WP/page-2598.php index 2a34f6a..56fd81f 100644 --- a/wp-content/themes/ostal_WP/page-2598.php +++ b/wp-content/themes/ostal_WP/page-2598.php @@ -50,6 +50,17 @@ $collaboration = [ "Produkcja i montaż" ]; +$why_its = [ + [ + 'text' => 'zapewnić rezerwację terminów montażu w sezonie', + ], + [ + 'text' => 'spokojnie opracować projekt dopasowany do obiektu', + ], + [ + 'text' => 'zagwarantować określony budżet bez nagłych podwyżek', + ] +] ?>
@@ -125,11 +136,32 @@ $collaboration = [

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.

+

Ogrody zimowe, które oferujemy, bazują na sprawdzonych systemach aluminiowych o wysokich parametrach cieplnych. To rozwiązanie klasy premium, które zapewnia komfort użytkowania przez cały rok, a jego trwałość jest potwierdzona w realizacjach komercyjnych na obiektach użytkowych.

+
+
+

Dlaczego warto teraz

+

Decyzja o planowaniu ogrodu zimowego z wyprzedzeniem pozwala firmie:

+
+ +
+ +
+ +
+
+

+
+
+ +
+
+
+

Jak wygląda współpraca?