{"id":18,"date":"2026-04-20T20:58:38","date_gmt":"2026-04-20T20:58:38","guid":{"rendered":"https:\/\/kzwworkers.com\/realizacje-hub\/"},"modified":"2026-10-05T18:48:25","modified_gmt":"2026-10-05T18:48:25","slug":"realizacje-hub","status":"publish","type":"page","link":"https:\/\/kzwworkers.com\/nl\/realizacje-hub\/","title":{"rendered":"Realizacje (hub)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9ede23 e-con-full e-flex e-con e-parent\" data-id=\"2f9ede23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95ce890 elementor-widget elementor-widget-html\" data-id=\"95ce890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =====================================================\n     KZW WORKERS \u2014 REALIZACJE HUB\n     Wersja poprawiona: hero + aktywne realizacje\n     Bez menu i bez stopki\n  ===================================================== *\/\n\n  .kzw-rhub {\n    --kzw-panel: rgba(5, 12, 20, 0.96);\n    --kzw-border: rgba(148, 163, 184, 0.20);\n    --kzw-text: #f8fafc;\n    --kzw-muted: #cbd5e1;\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--kzw-text);\n    font-family: inherit;\n  }\n\n  .kzw-rhub,\n  .kzw-rhub * {\n    box-sizing: border-box;\n  }\n\n  .kzw-rhub a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .kzw-rhub-container {\n    width: min(1120px, calc(100% - 72px));\n    margin: 0 auto;\n  }\n\n  \/* =========================\n     HERO\n  ========================= *\/\n\n   .kzw-rhub-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(2, 5, 9, 0), rgba(2, 5, 9, 0.18)),\n      radial-gradient(circle at 100% 100%, rgba(2, 5, 9, 0.56), transparent 56%);\n    pointer-events: none;\n  }\n\n  .kzw-rhub-hero-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 560px;\n    padding: 170px 0 74px;\n  }\n\n  .kzw-rhub-title {\n    display: block;\n    margin: 0;\n    color: var(--kzw-text);\n    font-size: clamp(46px, 5.4vw, 68px);\n    line-height: 0.98;\n    font-weight: 700;\n    letter-spacing: -0.055em;\n  }\n\n  .kzw-rhub-title span {\n    color: var(--kzw-accent);\n  }\n\n  .kzw-rhub-title-line {\n    width: 72px;\n    height: 4px;\n    margin: 23px 0;\n    background: var(--kzw-accent);\n    border-radius: 999px;\n    box-shadow: 0 0 24px rgba(245, 158, 11, 0.32);\n  }\n\n  .kzw-rhub-lead {\n    display: block;\n    max-width: 455px;\n    margin: 0;\n    color: #e5e7eb;\n    font-size: clamp(17px, 1.35vw, 20px);\n    line-height: 1.5;\n    font-weight: 500;\n  }\n\n  \/* =========================\n     SEKCJA REALIZACJI\n  ========================= *\/\n\n  .kzw-rhub-main {\n    position: relative;\n  }\n\n\n  .kzw-rhub-content {\n    position: relative;\n    z-index: 2;\n    padding: 48px 0 78px;\n  }\n\n  \/* =========================\n     GRID I KAFELKI\n  ========================= *\/\n\n  .kzw-rhub-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .kzw-rhub-card {\n    position: relative;\n    display: grid;\n    grid-template-rows: minmax(0, 1fr) auto;\n    height: 342px;\n    min-width: 0;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid rgba(148, 163, 184, 0.16);\n    border-radius: 10px;\n    background: var(--kzw-panel);\n    color: var(--kzw-text);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);\n  }\n\n  .kzw-rhub-card-media {\n    position: relative;\n    min-height: 0;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(2, 5, 9, 0.10) 0%,\n        rgba(2, 5, 9, 0.24) 58%,\n        rgba(2, 5, 9, 0.50) 100%\n      ),\n      var(\n        --card-img,\n        linear-gradient(135deg, rgba(18, 29, 42, 0.94), rgba(4, 11, 18, 0.98))\n      );\n    background-size: cover;\n    background-position: center center;\n    filter: brightness(0.84) saturate(0.94);\n    transition:\n      transform 0.55s ease,\n      filter 0.55s ease;\n  }\n\n  .kzw-rhub-card-body {\n    position: relative;\n    z-index: 1;\n    min-height: 96px;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n    align-items: center;\n    padding: 18px 19px 18px 20px;\n    background:\n      radial-gradient(circle at 20% 100%, rgba(245, 158, 11, 0.055), transparent 38%),\n      linear-gradient(180deg, rgba(5, 13, 22, 0.96), rgba(3, 8, 14, 0.99));\n    border-top: 1px solid rgba(148, 163, 184, 0.14);\n  }\n\n  .kzw-rhub-card-title {\n    display: block;\n    max-width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    color: var(--kzw-text) !important;\n    font-size: clamp(20px, 1.45vw, 23px) !important;\n    line-height: 1.17 !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.025em !important;\n    text-transform: none !important;\n    white-space: normal !important;\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n    text-shadow: none !important;\n  }\n\n  \/* Sp\u00f3jna strza\u0142ka SVG *\/\n  .kzw-rhub-card-arrow {\n    width: 46px;\n    height: 46px;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n    border: 1px solid rgba(245, 158, 11, 0.72);\n    border-radius: 50%;\n    background: rgba(2, 5, 9, 0.52);\n    color: var(--kzw-accent);\n    transition:\n      background-color 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .kzw-rhub-card-arrow svg {\n    width: 21px;\n    height: 21px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.25s ease;\n  }\n\n  \/* Dost\u0119pno\u015b\u0107 klawiatury *\/\n  .kzw-rhub-card:focus-visible {\n    outline: 2px solid var(--kzw-accent);\n    outline-offset: 3px;\n  }\n\n  \/* =========================\n     HOVER\n  ========================= *\/\n\n  @media (hover: hover) and (pointer: fine) {\n    a.kzw-rhub-card:hover .kzw-rhub-card-media {\n      transform: scale(1.045);\n      filter: brightness(0.92) saturate(0.98) contrast(1.02);\n    }\n\n    a.kzw-rhub-card:hover .kzw-rhub-card-arrow {\n      background: var(--kzw-accent);\n      color: #111827;\n      border-color: var(--kzw-accent);\n    }\n\n    a.kzw-rhub-card:hover .kzw-rhub-card-arrow svg {\n      transform: translateX(2px);\n    }\n  }\n\n  \/* =========================\n     TABLET\n  ========================= *\/\n\n  @media (max-width: 1024px) {\n    .kzw-rhub-container {\n      width: min(920px, calc(100% - 44px));\n    }\n\n    .kzw-rhub-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    .kzw-rhub-card {\n      height: 340px;\n    }\n  }\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media (max-width: 767px) {\n    .kzw-rhub-container {\n      width: calc(100% - 36px);\n    }\n\n    .kzw-rhub-hero {\n      min-height: 350px;\n      background:\n        linear-gradient(\n          90deg,\n          rgba(2, 5, 9, 0.72) 0%,\n          rgba(2, 5, 9, 0.60) 62%,\n          rgba(2, 5, 9, 0.58) 100%\n        ),\n        radial-gradient(circle at 82% 34%, rgba(72, 105, 138, 0.12), transparent 38%),\n        url(\"https:\/\/kzwworkers.com\/wp-content\/uploads\/2026\/05\/20240903_170818-scaled.jpg\"),\n        var(--kzw-bg);\n      background-size: cover;\n      background-position: center center;\n    }\n\n    .kzw-rhub-hero-inner {\n      padding: 150px 0 54px;\n    }\n\n    .kzw-rhub-title {\n      font-size: clamp(40px, 13vw, 54px);\n    }\n\n    .kzw-rhub-content {\n      padding: 34px 0 56px;\n    }\n\n    .kzw-rhub-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .kzw-rhub-card {\n      height: 330px;\n    }\n\n    .kzw-rhub-card-body {\n      min-height: 92px;\n      grid-template-columns: minmax(0, 1fr) auto;\n      padding: 17px 18px;\n    }\n\n    .kzw-rhub-card-title {\n      font-size: 21px !important;\n      line-height: 1.18 !important;\n    }\n\n    .kzw-rhub-card-arrow {\n      width: 44px;\n      height: 44px;\n    }\n\n    .kzw-rhub-card-arrow svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  \/* Ograniczenie animacji zgodnie z ustawieniami u\u017cytkownika *\/\n  @media (prefers-reduced-motion: reduce) {\n    .kzw-rhub-card-media,\n    .kzw-rhub-card-arrow,\n    .kzw-rhub-card-arrow svg {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section class=\"kzw-rhub\" aria-labelledby=\"kzw-rhub-title\">\n\n  <header class=\"kzw-rhub-hero\">\n    <div class=\"kzw-rhub-container\">\n      <div class=\"kzw-rhub-hero-inner\">\n\n        <h1 class=\"kzw-rhub-title\" id=\"kzw-rhub-title\">\n          Onze <span>projecten<\/span>\n        <\/h1>\n\n        <div class=\"kzw-rhub-title-line\" aria-hidden=\"true\"><\/div>\n\n        <p class=\"kzw-rhub-lead\">\n          Geselecteerde projecten van woningrenovaties tot complexe gebouwverbouwingen\n        <\/p>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <div class=\"kzw-rhub-main\">\n    <div class=\"kzw-rhub-container\">\n      <div class=\"kzw-rhub-content\">\n\n        <div class=\"kzw-rhub-grid\">\n\n          <a\n            class=\"kzw-rhub-card\"\n            href=\"\/nl\/merksem-odswierzenie-mieszkania\/\"\n            aria-label=\"Bekijk de uitvoering: Renovatie van een appartement in Merksem\"\n          >\n            <div\n              class=\"kzw-rhub-card-media\"\n              style=\"--card-img: url('https:\/\/kzwworkers.com\/wp-content\/uploads\/2026\/05\/Realizacje-salon-scaled.jpg');\"\n              aria-hidden=\"true\"\n            ><\/div>\n            <div class=\"kzw-rhub-card-body\">\n              <h2 class=\"kzw-rhub-card-title\">Renovatie van een appartement in Merksem<\/h2>\n              <span class=\"kzw-rhub-card-arrow\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M5 12h13M13 7l5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <a\n            class=\"kzw-rhub-card\"\n            href=\"\/nl\/berchem-szybki-remont-apartamentu\/\"\n            aria-label=\"Bekijk de realisatie: Metamorfose van een studio-appartement\"\n          >\n            <div\n              class=\"kzw-rhub-card-media\"\n              style=\"--card-img: url('https:\/\/kzwworkers.com\/wp-content\/uploads\/2026\/05\/Berchem-kuchnia-po-zmroku.png');\"\n              aria-hidden=\"true\"\n            ><\/div>\n            <div class=\"kzw-rhub-card-body\">\n              <h2 class=\"kzw-rhub-card-title\">Metamorfose van een studio-appartement<\/h2>\n              <span class=\"kzw-rhub-card-arrow\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M5 12h13M13 7l5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n\n          <!--\n            WZORZEC NOWEGO KAFELKA:\n            Skopiuj ca\u0142y poni\u017cszy blok <a>...<\/a> i zmie\u0144:\n            1. href \u2014 adres podstrony,\n            2. aria-label \u2014 nazw\u0119 realizacji,\n            3. --card-img \u2014 pe\u0142ny URL zdj\u0119cia,\n            4. tekst wewn\u0105trz h2 \u2014 nazw\u0119 realizacji.\n          -->\n          <a\n            class=\"kzw-rhub-card\"\n            href=\"\/nl\/przebudowa-domu-jednorodzinnego-na-5-apartamentow\/\"\n            aria-label=\"Bekijk de realisatie: verbouwing-van-een-eengezinswoning-tot-5-appartementen\"\n          >\n            <div\n              class=\"kzw-rhub-card-media\"\n              style=\"--card-img: url('https:\/\/kzwworkers.com\/wp-content\/uploads\/2026\/07\/IMG_9753.jpeg');\"\n              aria-hidden=\"true\"\n            ><\/div>\n            <div class=\"kzw-rhub-card-body\">\n              <h2 class=\"kzw-rhub-card-title\">Verbouwing van een woning tot vijf zelfstandige appartementen<\/h2>\n              <span class=\"kzw-rhub-card-arrow\" aria-hidden=\"true\">\n                <svg viewbox=\"0 0 24 24\" focusable=\"false\">\n                  <path d=\"M5 12h13M13 7l5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nasze realizacje Wybrane projekty od remont\u00f3w mieszka\u0144 po kompleksowe przebudowy budynk\u00f3w Remont apartamentu w Merksem Metamorfoza kawalerki Przebudowa budynku na 5 niezale\u017cnych apartament\u00f3w<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry","entry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":253,"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":5437,"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/pages\/18\/revisions\/5437"}],"wp:attachment":[{"href":"https:\/\/kzwworkers.com\/nl\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}