{"id":2021,"date":"2026-03-16T09:43:54","date_gmt":"2026-03-16T09:43:54","guid":{"rendered":"https:\/\/muri-perfetti.com\/?page_id=2021"},"modified":"2026-03-16T09:47:09","modified_gmt":"2026-03-16T09:47:09","slug":"metal1","status":"publish","type":"page","link":"https:\/\/muri-perfetti.com\/hr\/metal1\/","title":{"rendered":"JP Decor 3D flexpanel \u2013 Metallic Bronze"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id2021_13d738-4b{margin-top:-40px;}.kb-row-layout-id2021_13d738-4b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2021_13d738-4b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2021_13d738-4b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:140px;padding-right:20px;padding-bottom:60px;padding-left:20px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id2021_13d738-4b{background-image:url('https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/02\/footer-scaled.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id2021_13d738-4b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2021_13d738-4b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id2021_13d738-4b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2021_13d738-4b alignnone has-theme-palette8-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2021_09543e-13 > .kt-inside-inner-col,.kadence-column2021_09543e-13 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2021_09543e-13 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2021_09543e-13 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2021_09543e-13 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2021_09543e-13 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2021_09543e-13{position:relative;}@media all and (max-width: 1024px){.kadence-column2021_09543e-13 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2021_09543e-13 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2021_09543e-13 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id2021_054d00-2d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2021_054d00-2d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2021_054d00-2d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:500px;margin-left:auto;margin-right:auto;padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id2021_054d00-2d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2021_054d00-2d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id2021_054d00-2d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2021_054d00-2d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2021_124ccd-71 > .kt-inside-inner-col,.kadence-column2021_124ccd-71 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2021_124ccd-71 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2021_124ccd-71 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2021_124ccd-71 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2021_124ccd-71 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2021_124ccd-71{position:relative;}@media all and (max-width: 1024px){.kadence-column2021_124ccd-71 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2021_124ccd-71 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2021_124ccd-71 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63, .wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63[data-kb-block=\"kb-adv-heading2021_8c59a9-63\"]{text-align:center;font-style:normal;color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63[data-kb-block=\"kb-adv-heading2021_8c59a9-63\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2021_8c59a9-63[data-kb-block=\"kb-adv-heading2021_8c59a9-63\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h1 class=\"kt-adv-heading2021_8c59a9-63 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2021_8c59a9-63\">mETAL Collection<\/h1>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* === FONT VARIJABLE - MIJENJAJ OVDJE === *\/\n:root {\n    --title-font: 'Arial', sans-serif;\n    --title-size: 32px;\n    --title-weight: 600;\n    \n    --body-font: 'Arial', sans-serif;\n    --body-size: 14px;\n    --body-weight: 400;\n    \n    --label-font: 'Arial', sans-serif;\n    --label-size: 12px;\n    --label-weight: 600;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* === FADE UP ANIMATION === *\/\n@keyframes fadeUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.fade-up {\n    animation: fadeUp 1.5s ease-out forwards;\n}\n\nbody {\n    font-family: var(--body-font);\n    font-size: var(--body-size);\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n}\n\n\/* === BACK BUTTON === *\/\n.back-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 30px;\n    font-family: var(--body-font);\n    font-size: 14px;\n    color: #666;\n    text-decoration: none;\n    transition: color 0.3s ease;\n    opacity: 0;\n}\n\n.back-button.fade-up {\n    animation-delay: 0s;\n}\n\n.back-button:hover {\n    color: #333;\n}\n\n.back-button .arrow {\n    font-size: 18px;\n}\n\n\/* === PRODUCT CONTAINER === *\/\n.product-container {\n    max-width: 1200px;\n    margin: 50px auto;\n    padding: 0 20px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    opacity: 0;\n}\n\n.product-container.fade-up {\n    animation-delay: 0.2s;\n}\n\n\/* === LEFT SIDE - IMAGE GALLERY === *\/\n.product-gallery {\n    position: relative;\n}\n\n.main-image {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n    display: block;\n}\n\n\/* === RIGHT SIDE - PRODUCT INFO === *\/\n.product-info {\n    padding-top: 0;\n}\n\n.product-title {\n    font-family: var(--title-font);\n    font-size: var(--title-size);\n    font-weight: var(--title-weight);\n    margin-bottom: 30px;\n    color: #1a1a1a;\n}\n\n\/* === COLOR SELECTOR === *\/\n.color-selector {\n    margin-bottom: 25px;\n}\n\n.selector-label {\n    font-family: var(--label-font);\n    font-size: var(--label-size);\n    font-weight: var(--label-weight);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 10px;\n    display: block;\n    color: #666;\n}\n\n.color-options {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.color-swatch {\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    border: 3px solid #ddd;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.color-swatch:hover {\n    transform: scale(1.1);\n    border-color: #333;\n}\n\n.color-swatch.active {\n    border-color: #333;\n    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #333;\n}\n\n\/* === SIZE DISPLAY === *\/\n.size-selector {\n    margin-bottom: 25px;\n}\n\n.size-display {\n    padding: 0;\n    font-family: var(--body-font);\n    font-size: var(--body-size);\n    color: #333;\n    font-weight: 400;\n}\n\n\/* === SHORT DESCRIPTION === *\/\n.short-description {\n    margin-bottom: 25px;\n    line-height: 1.8;\n    color: #555;\n}\n\n\/* === SKU & CATEGORY === *\/\n.product-meta {\n    margin-bottom: 30px;\n    font-size: 13px;\n    color: #666;\n}\n\n.product-meta span {\n    margin-right: 20px;\n}\n\n.product-meta strong {\n    font-weight: 600;\n    color: #333;\n}\n\n\/* === TABS === *\/\n.product-tabs {\n    margin-top: 60px;\n    border-top: 1px solid #eee;\n    padding-top: 0;\n    opacity: 0;\n}\n\n.product-tabs.fade-up {\n    animation-delay: 0.4s;\n}\n\n.tab-buttons {\n    display: flex;\n    gap: 0;\n    border-bottom: 1px solid #eee;\n}\n\n.tab-btn {\n    padding: 15px 30px;\n    background: transparent;\n    border: none;\n    border-bottom: 3px solid transparent;\n    font-family: var(--body-font);\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    color: #666;\n}\n\n.tab-btn:hover {\n    color: #333;\n}\n\n.tab-btn.active {\n    color: #333;\n    border-bottom-color: #333;\n}\n\n.tab-content {\n    padding: 30px 0;\n    display: none;\n}\n\n.tab-content.active {\n    display: block;\n}\n\n.tab-content h3 {\n    font-size: 20px;\n    margin-bottom: 15px;\n    font-weight: 600;\n    color: #1a1a1a;\n}\n\n.tab-content p {\n    margin-bottom: 15px;\n    line-height: 1.8;\n    color: #555;\n}\n\n.tab-content ul {\n    margin-left: 20px;\n    margin-bottom: 15px;\n}\n\n.tab-content li {\n    margin-bottom: 8px;\n    color: #555;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 992px) {\n    .product-container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n}\n\n@media (max-width: 576px) {\n    .product-title {\n        font-size: 24px;\n    }\n    \n    .tab-btn {\n        padding: 12px 15px;\n        font-size: 13px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ IMAGE DATA - ONE IMAGE PER COLOR\nconst colorImages = {\n    'dark-green': 'https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/02\/SJ205.jpeg',\n    'light-green': 'https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/02\/SJ205-2.jpeg', \/\/ REPLACE WITH LIGHT GREEN IMAGE\n    'white-grey': 'https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/02\/SJ205-3.jpeg' \/\/ REPLACE WITH WHITE GREY IMAGE\n};\n\n\/\/ CHANGE COLOR FUNCTION\nfunction changeColor(colorName, element) {\n    \/\/ Remove active class from all swatches\n    document.querySelectorAll('.color-swatch').forEach(swatch => {\n        swatch.classList.remove('active');\n    });\n    \n    \/\/ Add active class to clicked swatch\n    element.classList.add('active');\n    \n    \/\/ Update main image\n    const mainImage = document.getElementById('mainImage');\n    mainImage.src = colorImages[colorName];\n}\n\n\/\/ TAB SWITCHING\nfunction openTab(evt, tabName) {\n    \/\/ Hide all tab contents\n    const tabContents = document.getElementsByClassName('tab-content');\n    for (let i = 0; i < tabContents.length; i++) {\n        tabContents[i].classList.remove('active');\n    }\n    \n    \/\/ Remove active class from all buttons\n    const tabButtons = document.getElementsByClassName('tab-btn');\n    for (let i = 0; i < tabButtons.length; i++) {\n        tabButtons[i].classList.remove('active');\n    }\n    \n    \/\/ Show current tab and mark button as active\n    document.getElementById(tabName).classList.add('active');\n    evt.currentTarget.classList.add('active');\n}\n<\/script>\n\n<!-- BACK BUTTON -->\n<div style=\"max-width: 1200px; margin: 50px auto 0; padding: 0 20px;\">\n    <a href=\"javascript:history.back()\" class=\"back-button fade-up\">\n        <span class=\"arrow\">\u2190<\/span>\n        <span>Back to Products<\/span>\n    <\/a>\n<\/div>\n\n<div class=\"product-container fade-up\">\n    \n    <!-- LEFT SIDE - IMAGE GALLERY -->\n    <div class=\"product-gallery\">\n        <img decoding=\"async\" id=\"mainImage\" class=\"main-image\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/dubai-decor-13-scaled.jpg\" alt=\"Structure Jungle\">\n    <\/div>\n\n    <!-- RIGHT SIDE - PRODUCT INFO -->\n    <div class=\"product-info\">\n\n        <h1 class=\"product-title\">\n        <h1 class=\"product-title\">JP Decor 3D Flexpanel \u2013 Metallic Bronze<\/h1>\n\n        \n       \n        <!-- SHORT DESCRIPTION -->\n        <div class=\"short-description\">\n            <p>We are proud to introduce one of the most innovative and sought-after interior solutions of the near future: the JP Decor flexible design panel\u2014a product that redefines modern wall cladding and furniture surfaces.\n\nThis large-format, formable panel is more than just a decorative surface\u2014it\u2019s a truly liberating design tool that allows seamless application on both flat and curved surfaces. It offers interior designers, carpenters, and contractors a unique opportunity to deliver exclusive, top-quality results to their clients.<\/p>\n        <\/div>\n\n        <!-- SKU & CATEGORY -->\n        <div class=\"product-meta\">\n            <span><strong>ID:<\/strong> JP-16<\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<!-- TABS SECTION (FULL WIDTH) -->\n<div class=\"product-tabs fade-up\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\n    \n    <div class=\"tab-buttons\">\n        <button class=\"tab-btn active\" onclick=\"openTab(event, 'description')\">Description<\/button>\n    <\/div>\n\n    <!-- DESCRIPTION TAB -->\n    <div id=\"description\" class=\"tab-content active\">\n        <h3>JP Decor 3D flexpanel<\/h3>\n        \n        <p>Thanks to the large panel size, installation is fast and easy, enabling rapid project completion within deadlines. With its pre-painted and surface-treated finish, additional costs are significantly reduced.Thanks to the large panel size, installation is fast and easy, enabling rapid project completion within deadlines. With its pre-painted and surface-treated finish, additional costs are significantly reduced.<\/p>\n\n\n        <h3>Product information:<\/h3>\n        <ul>\n<li>Dimensions | 1200mm wide x 8mm thick x 2800mm length<\/li>\n<li>Material: Wood, Recycled PET<\/li>\n<li>Weight | 5kg\/m2 <\/li>\n<li>Assembly | Tongue and groove<\/li>\n        <\/ul>\n\n\n        <h3>Shipping and delivery:<\/h3>\n        <p>Shipping prices will be calculated depending on acctual delivery destination, delivery is only curbside (drop-off delivery).<br>\n      \n    <\/p><\/div>\n\n   \n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>mETAL Collection \u2190 Back to Products JP Decor 3D Flexpanel \u2013 Metallic Bronze We are proud to introduce one of the most innovative and sought-after interior solutions of the near future: the JP Decor flexible design panel\u2014a product that redefines modern wall cladding and furniture surfaces. This large-format, formable panel is more than just a&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2021","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/muri-perfetti.com\/hr\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"mETAL Collection \u2190 Back to Products JP Decor 3D Flexpanel \u2013 Metallic Bronze We are proud to introduce one of the most innovative and sought-after interior solutions of the near future: the JP Decor flexible design panel\u2014a product that redefines modern wall cladding and furniture surfaces. This large-format, formable panel is more than just a...","_links":{"self":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/2021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/comments?post=2021"}],"version-history":[{"count":2,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/2021\/revisions"}],"predecessor-version":[{"id":2025,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/2021\/revisions\/2025"}],"wp:attachment":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/media?parent=2021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}