{"id":258,"date":"2026-02-21T19:48:30","date_gmt":"2026-02-21T16:48:30","guid":{"rendered":""},"modified":"2026-02-26T12:17:30","modified_gmt":"2026-02-26T12:17:30","slug":"bundles","status":"publish","type":"page","link":"https:\/\/keyslocker.com\/de\/bundles\/","title":{"rendered":"Bundle Deals"},"content":{"rendered":"<div class=\"kl-bundles-page\">\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Hero Section \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"kl-bnd-hero kl-animate\">\n        <div class=\"kl-container\">\n            <h1 class=\"kl-bnd-title\">Build Your Bundle &amp; Save<\/h1>\n            <p class=\"kl-bnd-subtitle\">Combine Windows + Office and save up to 25%<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Hero Bundle Cards \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"kl-bnd-heroes\">\n        <div class=\"kl-container\">\n            <div class=\"kl-bnd-heroes-grid\" id=\"kl-hero-bundles\">\n                <!-- JS renders 3 hero cards here -->\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Divider \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"kl-bnd-divider kl-animate\">\n        <span class=\"kl-bnd-divider-line\"><\/span>\n        <span class=\"kl-bnd-divider-text\">Or Build Your Own<\/span>\n        <span class=\"kl-bnd-divider-line\"><\/span>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Configurator \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"configurator\" class=\"kl-bnd-configurator\">\n        <div class=\"kl-container\">\n            <div class=\"kl-bnd-layout\">\n\n                <!-- Steps Column -->\n                <div class=\"kl-bnd-steps\">\n\n                    <!-- Step 1: Windows -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"windows\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">1<\/span>\n                            <h2 class=\"kl-bnd-step-title\">Choose Your Windows<\/h2>\n                            <a href=\"#\" class=\"kl-bnd-skip\" data-step=\"windows\">Skip<\/a>\n                        <\/div>\n                        <div class=\"kl-bnd-options\" id=\"kl-step-windows\">\n                            <!-- JS renders radio option cards -->\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 2: Office -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"office\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">2<\/span>\n                            <h2 class=\"kl-bnd-step-title\">Choose Your Office<\/h2>\n                            <a href=\"#\" class=\"kl-bnd-skip\" data-step=\"office\">Skip<\/a>\n                        <\/div>\n                        <div class=\"kl-bnd-options\" id=\"kl-step-office\">\n                            <!-- JS renders radio option cards -->\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 3: Add-ons -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"addons\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">3<\/span>\n                            <h2 class=\"kl-bnd-step-title\">Add Extras<\/h2>\n                        <\/div>\n                        <div class=\"kl-bnd-options kl-bnd-options-check\" id=\"kl-step-addons\">\n                            <!-- JS renders checkbox option cards -->\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Sticky Summary Panel -->\n                <aside class=\"kl-bnd-summary\" id=\"kl-bundle-summary\">\n                    <div class=\"kl-bnd-summary-inner\">\n                        <h3 class=\"kl-bnd-summary-title\">Your Bundle<\/h3>\n\n                        <div class=\"kl-bnd-summary-items\" id=\"kl-summary-items\">\n                            <p class=\"kl-bnd-summary-empty\">Select products to build your bundle<\/p>\n                        <\/div>\n\n                        <div class=\"kl-bnd-summary-totals\" id=\"kl-summary-totals\" style=\"display:none;\">\n                            <div class=\"kl-bnd-summary-row\">\n                                <span>Subtotal<\/span>\n                                <span id=\"kl-summary-subtotal\">$0.00<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-summary-row kl-bnd-discount-row\" id=\"kl-discount-row\" style=\"display:none;\">\n                                <span id=\"kl-discount-label\">Discount (0%)<\/span>\n                                <span id=\"kl-discount-amount\" class=\"kl-bnd-discount-value\">-$0.00<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-summary-row kl-bnd-total-row\">\n                                <span>Total<\/span>\n                                <span id=\"kl-summary-total\">$0.00<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-savings\" id=\"kl-savings\" style=\"display:none;\">\n                                You save <strong id=\"kl-savings-amount\">$0.00<\/strong>!\n                            <\/div>\n                        <\/div>\n\n                        <button type=\"button\" class=\"kl-bnd-add-btn\" id=\"kl-add-bundle-btn\" disabled>\n                            <i class=\"fa-solid fa-cart-plus\"><\/i> Add Bundle to Cart\n                        <\/button>\n                        <p class=\"kl-bnd-summary-hint\" id=\"kl-summary-hint\">Select at least 2 products<\/p>\n                    <\/div>\n                <\/aside>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Mobile Bottom Bar \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"kl-bnd-mobile-bar\" id=\"kl-mobile-bar\" style=\"display:none;\">\n        <div class=\"kl-bnd-mobile-bar-inner\">\n            <div class=\"kl-bnd-mobile-info\">\n                <span id=\"kl-mobile-count\">0 items<\/span>\n                <strong id=\"kl-mobile-total\">$0.00<\/strong>\n            <\/div>\n            <button type=\"button\" class=\"kl-bnd-mobile-btn\" id=\"kl-mobile-add-btn\">\n                <i class=\"fa-solid fa-cart-plus\"><\/i> Add to Cart\n            <\/button>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":1,"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/pages\/258\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/keyslocker.com\/de\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}