Download Code
<!-- wp:greenshift-blocks/element {"id":"gsbp-1628151","dynamicGClasses":[{"value":"pt-header","type":"local","label":"pt-header","localed":false,"css":".pt-header{text-align:center;margin-bottom:60px;margin-top:0px;}","attributes":{"styleAttributes":{"textAlign":["center"],"marginBottom":["60px"],"marginTop":["0px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-tagline","type":"local","label":"pt-tagline","localed":false,"css":".pt-tagline{display: inline-block;\n        background-color: #f5f5f5;\n        color: #424242;\n        padding: 8px 16px;\n        border-radius: 50px;\n        font-size: 0.875rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;}","attributes":{"styleAttributes":{"display":["inline-block"],"backgroundColor":["#f5f5f5"],"color":["#424242"],"padding":["8px 16px"],"borderRadius":["50px"],"fontSize":["0.875rem"],"fontWeight":["600"],"marginBottom":["20px"],"letterSpacing":["0.5px"],"textTransform":["uppercase"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-title","type":"local","label":"pt-title","localed":false,"css":".pt-title{font-size:var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dgrand, clamp(2.2rem, 4vw, 2.8rem));\n        font-weight: 700;\n        color: #1a1a1a;\n        margin-bottom: 16px;\n        line-height: 1.1;}","attributes":{"styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dgrand, clamp(2.2rem, 4vw, 2.8rem))"],"fontWeight":["700"],"color":["#1a1a1a"],"marginBottom":["16px"],"lineHeight":["1.1"],"customCSS_Extra":"{CURRENT}{text-decoration-color:#81c784;text-underline-offset:6px}"}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":" em","attributes":{"styleAttributes":{"fontStyle":["normal"],"color":["#2e7d32"],"textDecoration":["underline"],"customCSS_Extra":"{CURRENT} em{text-decoration-color:#81c784;text-underline-offset:6px}"}},"css":".pt-title em{font-style: normal;\n        color: #2e7d32;\n        text-decoration: underline;\n        text-decoration-color: #81c784;\n        text-underline-offset: 6px;}"}]},{"value":"pt-subtitle","type":"local","label":"pt-subtitle","localed":false,"css":".pt-subtitle{font-size: 1.125rem;\n        color: #616161;\n        max-width: 500px;\n        margin: 0 auto;}","attributes":{"styleAttributes":{"fontSize":["1.125rem"],"color":["#616161"],"maxWidth":["500px"],"margin":["0 auto"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-grid","type":"local","label":"pt-grid","localed":false,"css":".pt-grid{gap:60px;display:flex;column-gap:80px;}.pt-grid\u003e*:not(style):nth-of-type(2n+1){width:calc(50% - (80px * (2 - 1) / 2));}@media (max-width: 991.98px){.pt-grid\u003e*:not(style):nth-of-type(2n+1){width:100%;}}@media (max-width: 575.98px){.pt-grid\u003e*:not(style):nth-of-type(2n+1){width:100%;}}.pt-grid\u003e*:not(style):nth-of-type(2n+2){width:calc(50% - (80px * (2 - 1) / 2));}@media (max-width: 991.98px){.pt-grid\u003e*:not(style):nth-of-type(2n+2){width:100%;}}@media (max-width: 575.98px){.pt-grid\u003e*:not(style):nth-of-type(2n+2){width:100%;}}.pt-grid{flex-wrap:wrap;}","attributes":{"styleAttributes":{"gap":["60px"],"display":["flex"],"flexColumns_Extra":2,"flexWidths_Extra":{"desktop":{"name":"50/50","widths":[50,50]},"tablet":{"name":"100/100","widths":[100,100]},"mobile":{"name":"100/100","widths":[100,100]}},"columnGap":["80px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-controls-wrapper","type":"local","label":"pt-controls-wrapper","localed":false,"css":".pt-controls-wrapper{display: flex;\n        flex-direction: column;\n        gap: 24px;\n        padding-top: 10px;}","attributes":{"styleAttributes":{"display":["flex"],"flexDirection":["column"],"gap":["24px"],"paddingTop":["10px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-toggle-row","type":"local","label":"pt-toggle-row","localed":false,"css":".pt-toggle-row{display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: white;\n        padding: 20px 24px;\n        border-radius: 16px;\n        border: 1px solid #eeeeee;\n        transition: all 0.2s ease;\n        cursor: pointer;}.pt-toggle-row:hover{border-color: #bdbdbd;\n        background-color: #fafafa;}","attributes":{"styleAttributes":{"display":["flex"],"alignItems":["center"],"justifyContent":["space-between"],"background":["white"],"padding":["20px 24px"],"borderRadius":["16px"],"border":["1px solid #eeeeee"],"transition":["all 0.2s ease"],"cursor":["pointer"],"borderColor_hover":["#bdbdbd"],"backgroundColor_hover":["#fafafa"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":".pt-active","attributes":{"styleAttributes":{"borderColor":["#4caf50"],"backgroundColor":["#f1f8e9"]}},"css":".pt-toggle-row.pt-active{border-color: #4caf50;\n        background-color: #f1f8e9;}"}]},{"value":"pt-icon-wrapper","type":"local","label":"pt-icon-wrapper","localed":false,"css":".pt-icon-wrapper{display: flex;\n        align-items: center;\n        gap: 20px;}","attributes":{"styleAttributes":{"display":["flex"],"alignItems":["center"],"gap":["20px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-icon-box","type":"local","label":"pt-icon-box","localed":false,"css":".pt-icon-box{width: 52px;\n        height: 52px;\n        background-color: #f5f5f5;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #757575;\n        transition: background-color 0.3s ease, color 0.3s ease;}","attributes":{"styleAttributes":{"width":["52px"],"height":["52px"],"backgroundColor":["#f5f5f5"],"borderRadius":["12px"],"display":["flex"],"alignItems":["center"],"justifyContent":["center"],"color":["#757575"],"transition":["background-color 0.3s ease, color 0.3s ease"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-active","type":"local","label":"pt-active","localed":false,"css":"","attributes":{"styleAttributes":[]},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .pt-icon-box","attributes":{"styleAttributes":{"backgroundColor":["#2e7d32"],"color":["white"]}},"css":".pt-active .pt-icon-box{background-color: #2e7d32;\n        color: white;}"}]},{"value":"pt-text-content","type":"local","label":"pt-text-content","localed":false,"css":"","attributes":{"styleAttributes":[]},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":" h4","attributes":{"styleAttributes":{"fontSize":["1.125rem"],"fontWeight":["700"],"marginBottom":["4px"],"color":["#1a1a1a"]}},"css":".pt-text-content h4{font-size: 1.125rem;\n        font-weight: 700;\n        margin-bottom: 4px;\n        color: #1a1a1a;}"},{"value":" p","attributes":{"styleAttributes":{"fontSize":["0.875rem"],"color":["#757575"]}},"css":".pt-text-content p{font-size: 0.875rem;\n        color: #757575;}"}]},{"value":"pt-switch-container","type":"local","label":"pt-switch-container","localed":false,"css":".pt-switch-container{position: relative;\n        width: 52px;\n        height: 30px;\n        flex-shrink: 0;}","attributes":{"styleAttributes":{"position":["relative"],"width":["52px"],"height":["30px"],"flexShrink":["0"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-switch-input","type":"local","label":"pt-switch-input","localed":false,"css":".pt-switch-input{opacity: 0;\n        width: 0;\n        height: 0;}","attributes":{"styleAttributes":{"opacity":["0"],"width":["0"],"height":["0"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":":checked + .pt-switch-slider","attributes":{"styleAttributes":{"backgroundColor":["#4caf50"]}},"css":".pt-switch-input:checked + .pt-switch-slider{background-color: #4caf50;}"},{"value":":checked + .pt-switch-slider:before","attributes":{"styleAttributes":{"transform":["translateX(22px)"]}},"css":".pt-switch-input:checked + .pt-switch-slider:before{transform: translateX(22px);}"}]},{"value":"pt-switch-slider","type":"local","label":"pt-switch-slider","localed":false,"css":".pt-switch-slider{position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #e0e0e0;\n        transition: .4s;\n        border-radius: 32px;}.pt-switch-slider:before{position: absolute;\n        content: \u0022\u0022;\n        height: 22px;\n        width: 22px;\n        left: 4px;\n        bottom: 4px;\n        background-color: white;\n        transition: .4s;\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);}","attributes":{"styleAttributes":{"position":["absolute"],"cursor":["pointer"],"top":["0"],"left":["4px"],"right":["0"],"bottom":["4px"],"backgroundColor":["white"],"transition":[".4s"],"borderRadius":["50%"],"height":["22px"],"width":["22px"],"boxShadow":["0 2px 4px rgba(0,0,0,0.1)"],"customCSS_Extra":"{CURRENT}{content:\u0022\u0022}"}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-card","type":"local","label":"pt-card","localed":false,"css":".pt-card{background:white;border-radius:24px;padding:40px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.06);border:1px solid #f0f0f0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:480px;}","attributes":{"styleAttributes":{"background":["white"],"borderRadius":["24px"],"padding":["40px"],"boxShadow":["0 20px 60px rgba(0, 0, 0, 0.06)"],"border":["1px solid #f0f0f0"],"position":["relative"],"overflow":["hidden"],"display":["flex"],"flexDirection":["column"],"justifyContent":["space-between"],"minHeight":["480px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-card-badge","type":"local","label":"pt-card-badge","localed":false,"css":".pt-card-badge{position: absolute;\n        top: 30px;\n        right: 30px;\n        background-color: #e8f5e9;\n        color: #2e7d32;\n        padding: 6px 16px;\n        border-radius: 50px;\n        font-size: 0.8rem;\n        font-weight: 700;}","attributes":{"styleAttributes":{"position":["absolute"],"top":["30px"],"right":["30px"],"backgroundColor":["#e8f5e9"],"color":["#2e7d32"],"padding":["6px 16px"],"borderRadius":["50px"],"fontSize":["0.8rem"],"fontWeight":["700"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-card-header","type":"local","label":"pt-card-header","localed":false,"css":".pt-card-header{margin-bottom: 24px;}","attributes":{"styleAttributes":{"marginBottom":["24px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-card-title","type":"local","label":"pt-card-title","localed":false,"css":".pt-card-title{font-family: 'DM Sans', sans-serif;\n        font-size: 1.75rem;\n        font-weight: 400;\n        color: #1a1a1a;\n        margin-bottom: 8px;\n        font-style: italic;}","attributes":{"styleAttributes":{"fontFamily":["'DM Sans', sans-serif"],"fontSize":["1.75rem"],"fontWeight":["400"],"color":["#1a1a1a"],"marginBottom":["8px"],"fontStyle":["italic"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-price","type":"local","label":"pt-price","localed":false,"css":".pt-price{font-size: 4rem;\n        font-weight: 700;\n        color: #1a1a1a;\n        letter-spacing: -2px;\n        transition: all 0.3s ease-out;}","attributes":{"styleAttributes":{"fontSize":["4rem"],"fontWeight":["700"],"color":["#1a1a1a"],"letterSpacing":["-2px"],"transition":["all 0.3s ease-out"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-price-period","type":"local","label":"pt-price-period","localed":false,"css":".pt-price-period{font-size: 1rem;\n        color: #757575;\n        font-weight: 400;\n        letter-spacing: 0;}","attributes":{"styleAttributes":{"fontSize":["1rem"],"color":["#757575"],"fontWeight":["400"],"letterSpacing":["0"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-features-list","type":"local","label":"pt-features-list","localed":false,"css":".pt-features-list{margin:32px 0;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}.pt-features-list{list-style:none}","attributes":{"styleAttributes":{"margin":["32px 0"],"customCSS_Extra":"{CURRENT}{list-style:none}","paddingLink_Extra":"all","paddingTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[{"value":" li","attributes":{"styleAttributes":{"display":["flex"],"alignItems":["center"],"gap":["12px"],"marginBottom":["16px"],"color":["#424242"],"fontSize":["0.95rem"]}},"css":".pt-features-list li{display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 16px;\n        color: #424242;\n        font-size: 0.95rem;}"},{"value":" li svg","attributes":{"styleAttributes":{"color":["#2e7d32"],"flexShrink":["0"]}},"css":".pt-features-list li svg{color: #2e7d32;\n        flex-shrink: 0;}"}]},{"value":"pt-cta-button","type":"local","label":"pt-cta-button","localed":false,"css":".pt-cta-button{width: 100%;\n        padding: 18px;\n        background-color: #2e7d32;\n        color: white;\n        border: none;\n        border-radius: 12px;\n        font-size: 1.125rem;\n        font-weight: 600;\n        cursor: pointer;\n        transition: background-color 0.2s ease, transform 0.1s ease;}.pt-cta-button:hover{background-color: #1b5e20;}.pt-cta-button:active{transform: scale(0.98);}","attributes":{"styleAttributes":{"width":["100%"],"padding":["18px"],"backgroundColor":["#2e7d32"],"color":["white"],"border":["none"],"borderRadius":["12px"],"fontSize":["1.125rem"],"fontWeight":["600"],"cursor":["pointer"],"transition":["background-color 0.2s ease, transform 0.1s ease"],"backgroundColor_hover":["#1b5e20"],"transform":["scale(0.98)"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-cta-note","type":"local","label":"pt-cta-note","localed":false,"css":".pt-cta-note{text-align: center;\n        margin-top: 16px;\n        font-size: 0.8rem;\n        color: #9e9e9e;}","attributes":{"styleAttributes":{"textAlign":["center"],"marginTop":["16px"],"fontSize":["0.8rem"],"color":["#9e9e9e"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","selectors":[]},{"value":"pt-price-desc","type":"local","label":"pt-price-desc","localed":false,"css":".pt-price-desc{font-size:var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem);line-height:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002ds, 1.4rem);opacity:0.4;}","attributes":{"styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002ds, 1.4rem)"],"opacity":[0.4]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]},{"value":"pt-price-title","type":"local","label":"pt-price-title","localed":false,"css":".pt-price-title{font-weight:700;}","attributes":{"styleAttributes":{"fontWeight":["700"]}},"originalID":"gsbp-1628151","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"no","className":"pt-header pt-tagline pt-title pt-subtitle pt-grid pt-controls-wrapper pt-toggle-row pt-icon-wrapper pt-icon-box pt-active pt-text-content pt-switch-container pt-switch-input pt-switch-slider pt-card pt-card-badge pt-card-header pt-card-title pt-price pt-price-period pt-features-list pt-cta-button pt-cta-note pt-price-desc pt-price-title","localId":"gsbp-1628151","isVariation":"stylemanager","customJs":"  const state = {\n        good: false,\n        fast: false,\n        cheap: false,\n        queue: [] // Track order of activation to know which to pop\n      };\n\n      // Config data\n      const config = {\n        'good-fast': {\n          title: '{{TITLE_1}}',\n          price: '{{PRICE_1}}',\n          badge: '{{BADGE_1}}',\n          features: [\n            '{{FEATURE_1_1}}',\n            '{{FEATURE_1_2}}',\n            '{{FEATURE_1_3}}',\n            '{{FEATURE_1_4}}',\n            '{{FEATURE_1_5}}'\n          ]\n        },\n        'good-cheap': {\n          title: '{{TITLE_2}}',\n          price: '{{PRICE_2}}',\n          badge: '{{BADGE_2}}',\n          features: [\n            '{{FEATURE_2_1}}',\n            '{{FEATURE_2_2}}',\n            '{{FEATURE_2_3}}',\n            '{{FEATURE_2_4}}',\n            '{{FEATURE_2_5}}'\n          ]\n        },\n        'fast-cheap': {\n          title: '{{TITLE_3}}',\n          price: '{{PRICE_3}}',\n          badge: '',\n          features: [\n            '{{FEATURE_3_1}}',\n            '{{FEATURE_3_2}}',\n            '{{FEATURE_3_3}}',\n            '{{FEATURE_3_4}}',\n            '{{FEATURE_3_5}}'\n          ]\n        },\n        'default': {\n          title: 'Select options',\n          price: '€0',\n          badge: 'Start Here',\n          features: [\n            'Select two options to generate a plan',\n            'Combinations determine the outcome',\n            'Transparent pricing model'\n          ]\n        }\n      };\n\n      // DOM Elements\n      const els = {\n        good: { row: document.getElementById('row-good'), check: document.getElementById('check-good') },\n        fast: { row: document.getElementById('row-fast'), check: document.getElementById('check-fast') },\n        cheap: { row: document.getElementById('row-cheap'), check: document.getElementById('check-cheap') },\n        cardTitle: document.getElementById('card-title'),\n        cardPrice: document.getElementById('card-price'),\n        cardFeatures: document.getElementById('card-features'),\n        cardBadge: document.querySelector('.pt-card-badge')\n      };\n\n      function toggleOption(option) {\n        const isChecked = !state[option]; // The new state we want\n\n        if (isChecked) {\n          // If we are turning it ON\n          state[option] = true;\n          state.queue.push(option);\n\n          // If we now have 3 selected, we must unselect the first one in the queue (FIFO logic for \u0022Pick Two\u0022)\n          if (state.queue.length \u003e 2) {\n            const toRemove = state.queue.shift(); // Remove the oldest\n            state[toRemove] = false;\n            // Update UI for the removed one\n            updateToggleUI(toRemove);\n          }\n        } else {\n          // Turning OFF\n          state[option] = false;\n          // Remove from queue\n          state.queue = state.queue.filter(item =\u003e item !== option);\n        }\n\n        // Update UI for the clicked one\n        updateToggleUI(option);\n        \n        // Update Card\n        updateCard();\n      }\n\n      function updateToggleUI(option) {\n        const isActive = state[option];\n        const el = els[option];\n        \n        el.check.checked = isActive;\n        if (isActive) {\n          el.row.classList.add('pt-active');\n        } else {\n          el.row.classList.remove('pt-active');\n        }\n      }\n\n      function updateCard() {\n        // Determine active pair\n        const active = state.queue; // This array holds keys e.g. ['good', 'fast']\n        \n        let dataKey = 'default';\n        \n        if (active.length === 2) {\n          // Sort to match keys in config (alphabetical order check or manual combinations)\n          if (state.good \u0026\u0026 state.fast) dataKey = 'good-fast';\n          else if (state.good \u0026\u0026 state.cheap) dataKey = 'good-cheap';\n          else if (state.fast \u0026\u0026 state.cheap) dataKey = 'fast-cheap';\n        }\n\n        const data = config[dataKey];\n\n        // Animate Out\n        animateTextChange(els.cardTitle, data.title);\n        animateTextChange(els.cardPrice, data.price);\n        els.cardBadge.textContent = data.badge;\n\n        // Render Features\n        els.cardFeatures.innerHTML = data.features.map(feat =\u003e `\n          \u003cli\u003e\n            \u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cpolyline points=\u002220 6 9 17 4 12\u0022\u003e\u003c/polyline\u003e\u003c/svg\u003e\n            \u003cspan\u003e${feat}\u003c/span\u003e\n          \u003c/li\u003e\n        `).join('');\n      }\n\n      function animateTextChange(element, newText) {\n        if (element.textContent === newText) return;\n        \n        element.style.opacity = '0';\n        element.style.transform = 'translateY(10px)';\n        \n        setTimeout(() =\u003e {\n          element.textContent = newText;\n          element.style.opacity = '1';\n          element.style.transform = 'translateY(0)';\n        }, 200);\n      }\n\n      // Initialize with Good \u0026 Fast selected (Optional, but looks better)\n      setTimeout(() =\u003e {\n        toggleOption('good');\n        setTimeout(() =\u003e toggleOption('fast'), 200);\n      }, 500);\n","customJsEnabled":true,"customJsControllers":[{"name":"TITLE_1","value":"Good \u0026 Fast"},{"name":"PRICE_1","value":"€4,500"},{"name":"BADGE_1","value":"Premium Rush"},{"name":"FEATURE_1_1","value":"24h turnaround time"},{"name":"FEATURE_1_2","value":"Senior developer assigned"},{"name":"FEATURE_1_3","value":"Interactive Figma prototype"},{"name":"FEATURE_1_4","value":"High-performance React code"},{"name":"FEATURE_1_5","value":"Priority support channel"},{"name":"TITLE_2","value":"Good \u0026 Cheap"},{"name":"PRICE_2","value":"€2,200"},{"name":"BADGE_2","value":"Best Value"},{"name":"FEATURE_2_1","value":"2-3 weeks turnaround"},{"name":"FEATURE_2_2","value":"Standard quality assurance"},{"name":"FEATURE_2_3","value":"Clean \u0026 maintainable code"},{"name":"FEATURE_2_4","value":"Weekly progress updates"},{"name":"FEATURE_2_5","value":"Email support"},{"name":"TITLE_3","value":"Fast \u0026 Cheap"},{"name":"PRICE_3","value":"€850"},{"name":"BADGE_3","value":"MVP Mode"},{"name":"FEATURE_3_1","value":"48h turnaround time"},{"name":"FEATURE_3_2","value":"Template-based design'"},{"name":"FEATURE_3_3","value":"Basic HTML/CSS implementation"},{"name":"FEATURE_3_4","value":"1 round of revisions'"},{"name":"FEATURE_3_5","value":"Standard assets included"}]} -->
<div class="pt-header pt-tagline pt-title pt-subtitle pt-grid pt-controls-wrapper pt-toggle-row pt-icon-wrapper pt-icon-box pt-active pt-text-content pt-switch-container pt-switch-input pt-switch-slider pt-card pt-card-badge pt-card-header pt-card-title pt-price pt-price-period pt-features-list pt-cta-button pt-cta-note pt-price-desc pt-price-title"></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2d7c3bc","tag":"section","type":"inner","localId":"gsbp-2d7c3bc","align":"full","dynamicAttributes":[{"name":"data-type","value":"section-component"}],"styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"marginTop":["0px"],"marginBottom":["0px"],"position":["relative"],"paddingTop":["80px"],"paddingBottom":["80px"]},"isVariation":"contentwrapper"} -->
<section class="gsbp-2d7c3bc alignfull" data-type="section-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-64c5037","type":"inner","localId":"gsbp-64c5037","dynamicAttributes":[{"name":"data-type","value":"content-area-component"}],"styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"]},"isVariation":"nocolumncontent","metadata":{"name":"Content Area"}} -->
<div class="gsbp-64c5037" data-type="content-area-component"><!-- wp:greenshift-blocks/element {"id":"gsbp-4c929fa","type":"inner","className":"pt-header","localId":"gsbp-4c929fa"} -->
<div class="pt-header"><!-- wp:greenshift-blocks/element {"id":"gsbp-9b5f86b","textContent":"Project Management Reality","tag":"span","className":"pt-tagline","localId":"gsbp-9b5f86b"} -->
<span class="pt-tagline">Project Management Reality</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6280fa6","tag":"h1","type":"inner","className":"pt-title","localId":"gsbp-6280fa6"} -->
<h1 class="pt-title"><!-- wp:greenshift-blocks/element {"id":"gsbp-748eea1","textContent":"Good, fast, cheap.","tag":"span","localId":"gsbp-748eea1"} -->
<span>Good, fast, cheap.</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e70afc7","textContent":"Pick two.","tag":"em","localId":"gsbp-e70afc7"} -->
<em>Pick two.</em>
<!-- /wp:greenshift-blocks/element --></h1>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1a30394","textContent":"Customize your service package based on what matters most to your deadline and budget.","tag":"p","className":"pt-subtitle","localId":"gsbp-1a30394"} -->
<p class="pt-subtitle">Customize your service package based on what matters most to your deadline and budget.</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d09ced5","type":"inner","className":"pt-grid","localId":"gsbp-d09ced5"} -->
<div class="pt-grid"><!-- wp:greenshift-blocks/element {"id":"gsbp-c5f583b","type":"inner","className":"pt-controls-wrapper","localId":"gsbp-c5f583b"} -->
<div class="pt-controls-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-ec1a7a8","type":"inner","className":"","localId":"gsbp-ec1a7a8","styleAttributes":{"marginBottom":["30px"],"textAlign":[null,"center"]}} -->
<div class="gsbp-ec1a7a8"><!-- wp:greenshift-blocks/element {"id":"gsbp-61bcd90","textContent":"Configure your plan","localId":"gsbp-61bcd90","styleAttributes":{"marginLink_Extra":"all","marginTop":["0px"],"marginBottom":["0px"],"marginLeft":["0px"],"marginRight":["0px"],"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dl, 1.55rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dl, 2.37rem)"],"fontWeight":["600"]}} -->
<div class="gsbp-61bcd90">Configure your plan</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-16bc82f","textContent":"Select any 2 qualities to generate your estimate.","localId":"gsbp-16bc82f","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002ds, 1.4rem)"],"opacity":[0.5]}} -->
<div class="gsbp-16bc82f">Select any 2 qualities to generate your estimate.</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9ef04db","anchor":"row-good","type":"inner","className":"pt-toggle-row","localId":"gsbp-9ef04db","dynamicAttributes":[{"name":"onclick","value":"toggleOption('good')"}]} -->
<div class="pt-toggle-row" id="row-good" onclick="toggleOption('good')"><!-- wp:greenshift-blocks/element {"id":"gsbp-c1287da","type":"inner","className":"pt-icon-wrapper","localId":"gsbp-c1287da"} -->
<div class="pt-icon-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-c5fa0cb","type":"inner","className":"pt-icon-box","localId":"gsbp-c5fa0cb"} -->
<div class="pt-icon-box"><!-- wp:greenshift-blocks/element {"id":"gsbp-0553930","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002224\u0022 height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cpath d=\u0022M6 3h12l4 6-10 13L2 9z\u0022\u003e\u003c/path\u003e\u003cpath d=\u0022M11 3 8 9l4 13 4-13-3-6\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-0553930","styleAttributes":{"width":["24px"],"height":["24px"]}} -->
<svg viewBox="0 0 24 24" width="24" height="24" class="gsbp-0553930"><path d="M6 3h12l4 6-10 13L2 9z"/><path d="M11 3 8 9l4 13 4-13-3-6"/></svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4884a73","type":"inner","className":"pt-text-content","localId":"gsbp-4884a73"} -->
<div class="pt-text-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-397d4cb","textContent":"Good","className":"pt-price-title","localId":"gsbp-397d4cb"} -->
<div class="pt-price-title">Good</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3b58c8e","textContent":"Top-tier quality \u0026 craftsmanship","className":"pt-price-desc","localId":"gsbp-3b58c8e"} -->
<div class="pt-price-desc">Top-tier quality & craftsmanship</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-194de1c","type":"inner","className":"pt-switch-container","localId":"gsbp-194de1c"} -->
<div class="pt-switch-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-2169008","anchor":"check-good","tag":"input","type":"form","className":"pt-switch-input","localId":"gsbp-2169008","formAttributes":{"type":"checkbox"}} -->
<input class="pt-switch-input" id="check-good" type="checkbox"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e1a43e5","tag":"span","type":"empty","className":"pt-switch-slider","localId":"gsbp-e1a43e5"} -->
<span class="pt-switch-slider"></span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-79e1ade","anchor":"row-fast","type":"inner","className":"pt-toggle-row","localId":"gsbp-79e1ade","dynamicAttributes":[{"name":"onclick","value":"toggleOption('fast')"}]} -->
<div class="pt-toggle-row" id="row-fast" onclick="toggleOption('fast')"><!-- wp:greenshift-blocks/element {"id":"gsbp-7242249","type":"inner","className":"pt-icon-wrapper","localId":"gsbp-7242249"} -->
<div class="pt-icon-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-47de7ff","type":"inner","className":"pt-icon-box","localId":"gsbp-47de7ff"} -->
<div class="pt-icon-box"><!-- wp:greenshift-blocks/element {"id":"gsbp-7d7dd75","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002224\u0022 height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cpath d=\u0022M13 2L3 14h9l-1 8 10-12h-9l1-8z\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-7d7dd75","styleAttributes":{"width":["24px"],"height":["24px"]}} -->
<svg viewBox="0 0 24 24" width="24" height="24" class="gsbp-7d7dd75"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6c3ca56","type":"inner","className":"pt-text-content","localId":"gsbp-6c3ca56"} -->
<div class="pt-text-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-0dc2589","textContent":"Fast","className":"pt-price-title","localId":"gsbp-0dc2589"} -->
<div class="pt-price-title">Fast</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b5c52bb","textContent":"Expedited delivery timeline","className":"pt-price-desc","localId":"gsbp-b5c52bb"} -->
<div class="pt-price-desc">Expedited delivery timeline</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c678a4a","type":"inner","className":"pt-switch-container","localId":"gsbp-c678a4a"} -->
<div class="pt-switch-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-617d0cd","anchor":"check-fast","tag":"input","type":"form","className":"pt-switch-input","localId":"gsbp-617d0cd","formAttributes":{"type":"checkbox"}} -->
<input class="pt-switch-input" id="check-fast" type="checkbox"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a23bd1f","tag":"span","type":"empty","className":"pt-switch-slider","localId":"gsbp-a23bd1f"} -->
<span class="pt-switch-slider"></span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a826fcf","anchor":"row-cheap","type":"inner","className":"pt-toggle-row","localId":"gsbp-a826fcf","dynamicAttributes":[{"name":"onclick","value":"toggleOption('cheap')"}]} -->
<div class="pt-toggle-row" id="row-cheap" onclick="toggleOption('cheap')"><!-- wp:greenshift-blocks/element {"id":"gsbp-ce1a72f","type":"inner","className":"pt-icon-wrapper","localId":"gsbp-ce1a72f"} -->
<div class="pt-icon-wrapper"><!-- wp:greenshift-blocks/element {"id":"gsbp-37073da","type":"inner","className":"pt-icon-box","localId":"gsbp-37073da"} -->
<div class="pt-icon-box"><!-- wp:greenshift-blocks/element {"id":"gsbp-2ee00b2","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002224\u0022 height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cpath d=\u0022M19 5c-1.5 0-2.8 1.4-3 2-3.5-1.5-11-.3-11 5 0 1.8 0 3 2 4.5V20h4v-2h3v2h4v-4c1-.5 1.7-1 2-2h2v-4h-2c0-1-.5-1.5-1-2h0V5z\u0022\u003e\u003c/path\u003e\u003cpath d=\u0022M2 9v1c0 1.1.9 2 2 2h1\u0022\u003e\u003c/path\u003e\u003cpath d=\u0022M16 11h0\u0022\u003e\u003c/path\u003e\u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-2ee00b2","styleAttributes":{"width":["24px"],"height":["24px"]}} -->
<svg viewBox="0 0 24 24" width="24" height="24" class="gsbp-2ee00b2"><path d="M19 5c-1.5 0-2.8 1.4-3 2-3.5-1.5-11-.3-11 5 0 1.8 0 3 2 4.5V20h4v-2h3v2h4v-4c1-.5 1.7-1 2-2h2v-4h-2c0-1-.5-1.5-1-2h0V5z"/><path d="M2 9v1c0 1.1.9 2 2 2h1"/><path d="M16 11h0"/></svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2b5c207","type":"inner","className":"pt-text-content","localId":"gsbp-2b5c207"} -->
<div class="pt-text-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-594e56f","textContent":"Cheap","className":"pt-price-title","localId":"gsbp-594e56f"} -->
<div class="pt-price-title">Cheap</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4a79943","textContent":"Budget-friendly solution","className":"pt-price-desc","localId":"gsbp-4a79943"} -->
<div class="pt-price-desc">Budget-friendly solution</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-7052f3c","type":"inner","className":"pt-switch-container","localId":"gsbp-7052f3c"} -->
<div class="pt-switch-container"><!-- wp:greenshift-blocks/element {"id":"gsbp-c02b13a","anchor":"check-cheap","tag":"input","type":"form","className":"pt-switch-input","localId":"gsbp-c02b13a","formAttributes":{"type":"checkbox"}} -->
<input class="pt-switch-input" id="check-cheap" type="checkbox"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ff8673b","tag":"span","type":"empty","className":"pt-switch-slider","localId":"gsbp-ff8673b"} -->
<span class="pt-switch-slider"></span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9e8dde3","anchor":"pricing-card","type":"inner","className":"pt-card","localId":"gsbp-9e8dde3"} -->
<div class="pt-card" id="pricing-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-a53958a","type":"inner","className":"pt-card-badge","localId":"gsbp-a53958a"} -->
<div class="pt-card-badge"><!-- wp:greenshift-blocks/element {"id":"gsbp-e782fdc","textContent":"Best Value","tag":"span","localId":"gsbp-e782fdc"} -->
<span>Best Value</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-247ac22","type":"inner","className":"pt-card-content","localId":"gsbp-247ac22"} -->
<div class="pt-card-content"><!-- wp:greenshift-blocks/element {"id":"gsbp-aa33f2d","type":"inner","className":"pt-card-header","localId":"gsbp-aa33f2d"} -->
<div class="pt-card-header"><!-- wp:greenshift-blocks/element {"id":"gsbp-99c4682","anchor":"card-title","textContent":"Select two options...","tag":"h2","className":"pt-card-title","localId":"gsbp-99c4682"} -->
<h2 class="pt-card-title" id="card-title">Select two options...</h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-754ccc9","anchor":"card-price","type":"inner","className":"pt-price","localId":"gsbp-754ccc9"} -->
<div class="pt-price" id="card-price"><!-- wp:greenshift-blocks/element {"id":"gsbp-fb466ac","textContent":"€0","tag":"span","localId":"gsbp-fb466ac"} -->
<span>€0</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b5d14df","anchor":"card-features","tag":"ul","type":"inner","className":"pt-features-list","localId":"gsbp-b5d14df"} -->
<ul class="pt-features-list" id="card-features"><!-- wp:greenshift-blocks/element {"id":"gsbp-0fc7009","tag":"li","type":"inner","localId":"gsbp-0fc7009"} -->
<li><!-- wp:greenshift-blocks/element {"id":"gsbp-9686b56","tag":"svg","icon":{"icon":{"svg":"\u003csvg width=\u002220\u0022 height=\u002220\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cpolyline points=\u002220 6 9 17 4 12\u0022\u003e\u003c/polyline\u003e\u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg"},"localId":"gsbp-9686b56","styleAttributes":{"width":["20px"],"height":["20px"]}} -->
<svg viewBox="0 0 24 24" width="20" height="20" class="gsbp-9686b56"><polyline points="20 6 9 17 4 12"/></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-5074ef6","textContent":"Select options to see features","tag":"span","localId":"gsbp-5074ef6"} -->
<span>Select options to see features</span>
<!-- /wp:greenshift-blocks/element --></li>
<!-- /wp:greenshift-blocks/element --></ul>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-29ae375","type":"inner","className":"pt-card-footer","localId":"gsbp-29ae375"} -->
<div class="pt-card-footer"><!-- wp:greenshift-blocks/element {"id":"gsbp-37c68a5","textContent":"Book a consultation","tag":"button","className":"pt-cta-button","localId":"gsbp-37c68a5","dynamicAttributes":[{"name":"onclick","value":"alert('Booking flow triggered!')"}]} -->
<button class="pt-cta-button" onclick="alert('Booking flow triggered!')">Book a consultation</button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2702df6","textContent":"No credit card required for initial call.","tag":"p","className":"pt-cta-note","localId":"gsbp-2702df6"} -->
<p class="pt-cta-note">No credit card required for initial call.</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

Dynamic Pricing Block

Project Management Reality

Good, fast, cheap. Pick two.

Customize your service package based on what matters most to your deadline and budget.

Configure your plan
Select any 2 qualities to generate your estimate.
Good
Top-tier quality & craftsmanship
Fast
Expedited delivery timeline
Cheap
Budget-friendly solution
Best Value

Select two options…

€0
  • Select options to see features