{"id":41,"date":"2026-06-26T10:24:21","date_gmt":"2026-06-26T10:24:21","guid":{"rendered":"https:\/\/luxnova.prasodemo.website\/?page_id=41"},"modified":"2026-06-26T10:26:34","modified_gmt":"2026-06-26T10:26:34","slug":"inventory-showcase-demo","status":"publish","type":"page","link":"https:\/\/luxnova.prasodemo.website\/index.php\/inventory-showcase-demo\/","title":{"rendered":"Inventory showcase demo"},"content":{"rendered":"<div class=\"cts-gutenberg-preview-wrapper\" style=\"pointer-events: none;\" x-ignore><section id=\"cts-comp-81e06d1e\" class=\"cts-section-base cts-theme-full cts-theme-pad-y-xl cts-theme-light\" x-data=\"luxnovaInventory()\">\r\n    \r\n    <div class=\"cts-theme-container cts-theme-container-lg\">\r\n        \r\n        <!-- Header & Tab Controls -->\r\n        <div class=\"cts-theme-flex cts-theme-wrap cts-theme-justify-between cts-theme-align-end cts-theme-mb-lg\" style=\"gap: 24px;\">\r\n            <div>\r\n                <h2 class=\"cts-theme-heading-2 cts-theme-mb-0\">Global Inventory<\/h2>\r\n                <p class=\"cts-theme-body-lg cts-theme-text-muted cts-theme-mb-0\" style=\"margin-top: 8px;\">Browse our worldwide collection.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"lux-inventory-tabs\">\r\n                <button type=\"button\" class=\"lux-inv-tab\" :class=\"{ 'is-active': activeTab === 'public' }\" @click=\"switchTab('public')\">\r\n                    Public Market\r\n                <\/button>\r\n                <button type=\"button\" class=\"lux-inv-tab lux-inv-gold\" :class=\"{ 'is-active': activeTab === 'keyclub' }\" @click=\"switchTab('keyclub')\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">key<\/span> The Key Club\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Horizontal Scroll Area -->\r\n    <div class=\"cts-theme-scroll-x lux-scroll-area\" style=\"padding-left: max(20px, calc((100vw - var(--cts-theme-container-max-width-lg)) \/ 2)); padding-right: max(20px, calc((100vw - var(--cts-theme-container-max-width-lg)) \/ 2)); --scroll-item-width: 360px;\">\r\n        \r\n        <!-- State 1: Fake Loading Skeletons -->\r\n        <template x-if=\"isLoading\">\r\n            <template x-for=\"i in 3\" :key=\"i\">\r\n                <div class=\"lux-card-skeleton\">\r\n                    <div class=\"cts-theme-skeleton\" style=\"height: 240px; border-radius: 16px;\"><\/div>\r\n                    <div class=\"cts-theme-skeleton is-text\" style=\"width: 40%; margin-top: 16px;\"><\/div>\r\n                    <div class=\"cts-theme-skeleton is-text\" style=\"width: 80%;\"><\/div>\r\n                    <div class=\"cts-theme-skeleton is-text\" style=\"width: 60%;\"><\/div>\r\n                <\/div>\r\n            <\/template>\r\n        <\/template>\r\n\r\n        <!-- State 2: Public Listings -->\r\n        <template x-if=\"!isLoading &#038;&#038; activeTab === 'public'\">\r\n            <!-- Using normal HTML for rendering PHP loop cleanly inside Alpine template. Needs 1 wrapper per item. -->\r\n                            <a href=\"#\" class=\"lux-property-card cts-hover-lift\" @click.prevent=\"$store.ctsSnackbars.add('info', 'Routing to public property page...', 2000)\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/modern-house-with-integrated-photovoltaic-panels-roof-stock-photo-ar-169-style-raw-job-id-0c68b4f35d7d4525a9fea6c2b547349c-scaled.jpg\" alt=\"Property\" class=\"cts-theme-fit-cover\">\r\n                        <div class=\"cts-theme-badge is-pill\" style=\"position: absolute; top: 16px; left: 16px; background: color-mix(in srgb, var(--cts-theme-color-neutral-0) 90%, transparent);\">\r\n                            Verified Broker\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-primary-600);\">\u20ac1,250,000<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px;\">Modern Coastal Villa<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-text-muted cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px;\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Costa del Sol, Spain                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px;\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500;\">\r\n                            4 Bed | 3 Bath | 320 sqm                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <a href=\"#\" class=\"lux-property-card cts-hover-lift\" @click.prevent=\"$store.ctsSnackbars.add('info', 'Routing to public property page...', 2000)\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover\">\r\n                        <div class=\"cts-theme-badge is-pill\" style=\"position: absolute; top: 16px; left: 16px; background: color-mix(in srgb, var(--cts-theme-color-neutral-0) 90%, transparent);\">\r\n                            Verified Broker\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-primary-600);\">\u20ac895,000<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px;\">Luxury Penthouse<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-text-muted cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px;\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Dubai Marina, UAE                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px;\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500;\">\r\n                            3 Bed | 3 Bath | 210 sqm                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <a href=\"#\" class=\"lux-property-card cts-hover-lift\" @click.prevent=\"$store.ctsSnackbars.add('info', 'Routing to public property page...', 2000)\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover\">\r\n                        <div class=\"cts-theme-badge is-pill\" style=\"position: absolute; top: 16px; left: 16px; background: color-mix(in srgb, var(--cts-theme-color-neutral-0) 90%, transparent);\">\r\n                            Verified Broker\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-primary-600);\">\u20ac2,100,000<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px;\">Secluded Forest Estate<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-text-muted cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px;\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Bavaria, Germany                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px;\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500;\">\r\n                            6 Bed | 5 Bath | 850 sqm                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                            <a href=\"#\" class=\"lux-property-card cts-hover-lift\" @click.prevent=\"$store.ctsSnackbars.add('info', 'Routing to public property page...', 2000)\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover\">\r\n                        <div class=\"cts-theme-badge is-pill\" style=\"position: absolute; top: 16px; left: 16px; background: color-mix(in srgb, var(--cts-theme-color-neutral-0) 90%, transparent);\">\r\n                            Verified Broker\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-primary-600);\">\u20ac1,850,000<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px;\">Executive City Apartment<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-text-muted cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px;\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Miami, USA                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px;\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500;\">\r\n                            3 Bed | 3.5 Bath | 280 sqm                        <\/div>\r\n                    <\/div>\r\n                <\/a>\r\n                    <\/template>\r\n\r\n        <!-- State 3: Key Club Listings (Paywall) -->\r\n        <template x-if=\"!isLoading &#038;&#038; activeTab === 'keyclub'\">\r\n                            <!-- Clicking this fires the Modal instead of a link -->\r\n                <button type=\"button\" class=\"lux-property-card lux-card-exclusive cts-hover-lift\" @click.prevent=\"$store.ctsUI.openModal('luxnova-paywall-modal')\" style=\"text-align: left;\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover lux-img-blur\">\r\n                        <div class=\"lux-exclusive-overlay\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 48px; color: var(--cts-theme-color-accent-500);\">lock<\/span>\r\n                            <span style=\"color: var(--cts-theme-color-neutral-0); font-weight: 600; margin-top: 8px; letter-spacing: 1px;\">KEY CLUB EXCLUSIVE<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-accent-500);\">Price on Request<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px; color: var(--cts-theme-color-neutral-0);\">Off-Market Mega Mansion<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 60%, transparent);\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Palm Jumeirah, UAE                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px; border-color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 10%, transparent);\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 80%, transparent);\">\r\n                            12 Bed | 14 Bath | Private Beach                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                            <!-- Clicking this fires the Modal instead of a link -->\r\n                <button type=\"button\" class=\"lux-property-card lux-card-exclusive cts-hover-lift\" @click.prevent=\"$store.ctsUI.openModal('luxnova-paywall-modal')\" style=\"text-align: left;\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover lux-img-blur\">\r\n                        <div class=\"lux-exclusive-overlay\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 48px; color: var(--cts-theme-color-accent-500);\">lock<\/span>\r\n                            <span style=\"color: var(--cts-theme-color-neutral-0); font-weight: 600; margin-top: 8px; letter-spacing: 1px;\">KEY CLUB EXCLUSIVE<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-accent-500);\">Confidential<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px; color: var(--cts-theme-color-neutral-0);\">Historical Chateau<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 60%, transparent);\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Loire Valley, France                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px; border-color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 10%, transparent);\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 80%, transparent);\">\r\n                            18 Bed | Vineyard included                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                            <!-- Clicking this fires the Modal instead of a link -->\r\n                <button type=\"button\" class=\"lux-property-card lux-card-exclusive cts-hover-lift\" @click.prevent=\"$store.ctsUI.openModal('luxnova-paywall-modal')\" style=\"text-align: left;\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover lux-img-blur\">\r\n                        <div class=\"lux-exclusive-overlay\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 48px; color: var(--cts-theme-color-accent-500);\">lock<\/span>\r\n                            <span style=\"color: var(--cts-theme-color-neutral-0); font-weight: 600; margin-top: 8px; letter-spacing: 1px;\">KEY CLUB EXCLUSIVE<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-accent-500);\">\u20ac35,000,000<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px; color: var(--cts-theme-color-neutral-0);\">Billionaire&#039;s Row Penthouse<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 60%, transparent);\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            New York, USA                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px; border-color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 10%, transparent);\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 80%, transparent);\">\r\n                            5 Bed | Helipad Access                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                            <!-- Clicking this fires the Modal instead of a link -->\r\n                <button type=\"button\" class=\"lux-property-card lux-card-exclusive cts-hover-lift\" @click.prevent=\"$store.ctsUI.openModal('luxnova-paywall-modal')\" style=\"text-align: left;\">\r\n                    <div class=\"lux-card-img-wrap\">\r\n                        <img decoding=\"async\" src=\"https:\/\/luxnova.prasodemo.website\/wp-content\/plugins\/conturalis\/framework\/assets\/media\/placeholders\/cts-img-placeholder-min.png\" alt=\"Property\" class=\"cts-theme-fit-cover lux-img-blur\">\r\n                        <div class=\"lux-exclusive-overlay\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 48px; color: var(--cts-theme-color-accent-500);\">lock<\/span>\r\n                            <span style=\"color: var(--cts-theme-color-neutral-0); font-weight: 600; margin-top: 8px; letter-spacing: 1px;\">KEY CLUB EXCLUSIVE<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"lux-card-content\">\r\n                        <div class=\"cts-theme-title-2\" style=\"color: var(--cts-theme-color-accent-500);\">Price on Request<\/div>\r\n                        <h4 class=\"cts-theme-heading-4 cts-theme-mb-xs\" style=\"font-size: 20px; color: var(--cts-theme-color-neutral-0);\">Private Island Retreat<\/h4>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-sm\" style=\"display:flex; align-items:center; gap:4px; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 60%, transparent);\">\r\n                            <span class=\"material-symbols-outlined\" style=\"font-size: 16px;\">location_on<\/span>\r\n                            Fiji                        <\/div>\r\n                        <div class=\"cts-theme-hr\" style=\"margin-block: 16px; border-color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 10%, transparent);\"><\/div>\r\n                        <div class=\"cts-theme-body-sm cts-theme-mb-0\" style=\"font-weight: 500; color: color-mix(in srgb, var(--cts-theme-color-neutral-0) 80%, transparent);\">\r\n                            Exclusive Resort Potential | 40 Acres                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                    <\/template>\r\n\r\n    <\/div>\r\n\r\n    <!-- The Hidden Paywall Modal -->\r\n            <!-- Teleport ensures the modal sits at the end of the <body> to avoid z-index\/overflow clipping -->\r\n        <template x-teleport=\"body\">\r\n            \r\n            <!-- Backdrop \/ Scrim -->\r\n            <div x-data\r\n                 x-show=\"$store.ctsUI.activeModal === 'luxnova-paywall-modal'\"\r\n                 style=\"display: none;\"\r\n                 class=\"cts-theme-modal-backdrop\"\r\n                 x-transition.opacity.duration.300ms\r\n                 @keydown.escape.window=\"$store.ctsUI.closeModal()\">\r\n                \r\n                <!-- Centering Wrapper (Clicking outside closes modal) -->\r\n                <div class=\"cts-theme-modal-wrapper\" @click.self=\"$store.ctsUI.closeModal()\">\r\n                    \r\n                    <!-- Dialog Surface -->\r\n                    <div class=\"cts-theme-modal-surface\" \r\n                         style=\"max-width: 520px; \"\r\n                         x-show=\"$store.ctsUI.activeModal === 'luxnova-paywall-modal'\"\r\n                         x-transition:enter=\"cts-modal-enter\"\r\n                         x-transition:enter-start=\"cts-modal-enter-start\"\r\n                         x-transition:enter-end=\"cts-modal-enter-end\"\r\n                         x-transition:leave=\"cts-modal-leave\"\r\n                         x-transition:leave-start=\"cts-modal-leave-start\"\r\n                         x-transition:leave-end=\"cts-modal-leave-end\"\r\n                         x-trap.noscroll.inert=\"$store.ctsUI.activeModal === 'luxnova-paywall-modal'\"\r\n                         role=\"dialog\" \r\n                         aria-modal=\"true\" \r\n                         >\r\n                        \r\n                        <button type=\"button\" class=\"cts-theme-modal-close is-absolute\" @click=\"$store.ctsUI.closeModal()\" aria-label=\"Close\"><span class=\"dashicons dashicons-no-alt\"><\/span><\/button><div class=\"cts-theme-modal-body\"><div class=\"cts-theme-text-center cts-theme-flex-col cts-theme-align-center cts-theme-gap-md\" style=\"padding-bottom: 16px;\">\r\n    <div style=\"width: 64px; height: 64px; border-radius: 50%; background: var(--cts-theme-color-neutral-900); color: var(--cts-theme-color-accent-500); display: flex; align-items: center; justify-content: center; margin-bottom: 8px;\">\r\n        <span class=\"material-symbols-outlined\" style=\"font-size: 32px;\">lock<\/span>\r\n    <\/div>\r\n    <h3 class=\"cts-theme-heading-3 cts-theme-mb-0\">Key Club Exclusive<\/h3>\r\n    <p class=\"cts-theme-body\" style=\"color: var(--cts-theme-color-neutral-600);\">\r\n        This off-market property is strictly reserved for verified members of <strong>The Key Club<\/strong>. \r\n        To view full details, access documents, and contact the listing agent directly, you must hold an active professional membership.\r\n    <\/p>\r\n    <div class=\"cts-theme-flex cts-theme-gap-sm cts-theme-mt-md\" style=\"width: 100%; justify-content: center;\">\r\n        <button type=\"button\" class=\"cts-theme-btn-standard is-large is-neutral-dark\" @click=\"$store.ctsUI.closeModal()\">\r\n            Go Back\r\n        <\/button>\r\n        <button type=\"button\" class=\"cts-theme-btn-standard is-large\" style=\"background: linear-gradient(135deg, var(--cts-theme-color-accent-500) 0%, var(--cts-theme-color-accent-700) 100%); border: none; color: var(--cts-theme-color-neutral-1000);\" @click=\"$store.ctsUI.closeModal(); $store.ctsSnackbars.add('info', 'Redirecting to onboarding...', 2000);\">\r\n            Apply for Membership\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/template>\r\n        \r\n    <style>\r\n        \/* Defensive Icon Shield - Protects against Builder Resets *\/\r\n        #cts-comp-81e06d1e .material-symbols-outlined {\r\n            font-family: 'Material Symbols Outlined' !important;\r\n            font-weight: normal;\r\n            font-style: normal;\r\n            font-size: 24px;\r\n            line-height: 1;\r\n            letter-spacing: normal;\r\n            text-transform: none;\r\n            display: inline-block;\r\n            white-space: nowrap;\r\n            word-wrap: normal;\r\n            direction: ltr;\r\n            -webkit-font-feature-settings: 'liga' !important;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        \/* Tab Controls *\/\r\n        #cts-comp-81e06d1e .lux-inventory-tabs {\r\n            display: inline-flex;\r\n            background: var(--cts-theme-color-neutral-100);\r\n            padding: 4px;\r\n            border-radius: 999px;\r\n            border: 1px solid var(--cts-theme-color-neutral-200);\r\n        }\r\n        #cts-comp-81e06d1e .lux-inv-tab {\r\n            background: transparent;\r\n            border: none;\r\n            padding: 10px 24px;\r\n            border-radius: 999px;\r\n            font-family: var(--cts-theme-font-sans);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            color: var(--cts-theme-color-neutral-600);\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            outline: none;\r\n        }\r\n        #cts-comp-81e06d1e .lux-inv-tab.is-active {\r\n            background: var(--cts-theme-color-neutral-0);\r\n            color: var(--cts-theme-color-neutral-1000);\r\n            box-shadow: var(--cts-theme-shadow-sm);\r\n        }\r\n        \r\n        #cts-comp-81e06d1e .lux-inv-gold.is-active {\r\n            background: var(--cts-theme-color-neutral-900);\r\n            color: var(--cts-theme-color-accent-500);\r\n        }\r\n\r\n        \/* Property Cards *\/\r\n        #cts-comp-81e06d1e .lux-property-card {\r\n            display: flex;\r\n            flex-direction: column;\r\n            background: var(--cts-theme-color-neutral-0);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            border: 1px solid var(--cts-theme-color-neutral-200);\r\n            cursor: pointer;\r\n            height: 100%;\r\n            padding: 0;\r\n            text-decoration: none;\r\n            box-sizing: border-box;\r\n        }\r\n        #cts-comp-81e06d1e .lux-card-img-wrap {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 4\/3;\r\n            overflow: hidden;\r\n            background: var(--cts-theme-color-neutral-100);\r\n        }\r\n        #cts-comp-81e06d1e .lux-card-content {\r\n            padding: 24px;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        #cts-comp-81e06d1e .lux-card-skeleton {\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Key Club Exclusive Styling *\/\r\n        #cts-comp-81e06d1e .lux-card-exclusive {\r\n            background: var(--cts-theme-color-neutral-1000); \r\n            border-color: color-mix(in srgb, var(--cts-theme-color-accent-500) 30%, transparent);\r\n        }\r\n        #cts-comp-81e06d1e .lux-img-blur {\r\n            filter: blur(8px) brightness(0.6);\r\n            transform: scale(1.1); \/* Prevents blur bleeding edges *\/\r\n            transition: all 0.4s ease;\r\n        }\r\n        #cts-comp-81e06d1e .lux-exclusive-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(0,0,0,0.4);\r\n            z-index: 1;\r\n        }\r\n        #cts-comp-81e06d1e .lux-card-exclusive:hover .lux-img-blur {\r\n            filter: blur(4px) brightness(0.4);\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('alpine:init', () => {\r\n            if (!Alpine.data('luxnovaInventory')) {\r\n                Alpine.data('luxnovaInventory', () => ({\r\n                    activeTab: 'public',\r\n                    isLoading: false,\r\n\r\n                    switchTab(tab) {\r\n                        if (this.activeTab === tab) return;\r\n                        \r\n                        this.isLoading = true;\r\n                        this.activeTab = tab;\r\n\r\n                        \/\/ Simulate a secure database query latency\r\n                        setTimeout(() => {\r\n                            this.isLoading = false;\r\n                        }, 1200);\r\n                    }\r\n                }));\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/section><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":3,"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/luxnova.prasodemo.website\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}