{"id":139,"date":"2026-01-30T20:26:16","date_gmt":"2026-01-30T20:26:16","guid":{"rendered":"https:\/\/demowebdesign.live\/jordan\/?page_id=139"},"modified":"2026-02-10T21:33:45","modified_gmt":"2026-02-10T21:33:45","slug":"products","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/jordan\/index.php\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4db80fb e-flex e-con-boxed e-con e-parent\" data-id=\"4db80fb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec0356f heading elementor-widget elementor-widget-heading\" data-id=\"ec0356f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coming Soon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f1c228 e-flex e-con-boxed e-con e-parent\" data-id=\"9f1c228\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d561ba6 e-con-full e-flex e-con e-child\" data-id=\"d561ba6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d67f42 elementor-widget elementor-widget-html\" data-id=\"7d67f42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n\r\n        .cta-section {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-container {\r\n            background: linear-gradient(135deg, rgba(20, 15, 10, 0.95) 0%, rgba(30, 20, 15, 0.9) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.3);\r\n            border-radius: 2px;\r\n            padding: 4rem 3rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 20px 60px rgba(0, 0, 0, 0.6),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.1);\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .cta-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 70%, rgba(184, 134, 11, 0.02) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.05), transparent);\r\n            transition: all 0.8s ease;\r\n        }\r\n\r\n        .cta-container:hover::after {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-container:hover {\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 25px 70px rgba(0, 0, 0, 0.7),\r\n                0 0 40px rgba(212, 175, 55, 0.15),\r\n                inset 0 1px 0 rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Corner Decorations *\/\r\n        .corner-decoration {\r\n            position: absolute;\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 2px solid rgba(212, 175, 55, 0.3);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .corner-decoration.top-left {\r\n            top: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.top-right {\r\n            top: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-bottom: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-left {\r\n            bottom: 1.5rem;\r\n            left: 1.5rem;\r\n            border-right: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .corner-decoration.bottom-right {\r\n            bottom: 1.5rem;\r\n            right: 1.5rem;\r\n            border-left: none;\r\n            border-top: none;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration {\r\n            border-color: rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-left {\r\n            top: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.top-right {\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-left {\r\n            bottom: 1rem;\r\n            left: 1rem;\r\n        }\r\n\r\n        .cta-container:hover .corner-decoration.bottom-right {\r\n            bottom: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        \/* Content *\/\r\n        .cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .ornament-symbol {\r\n            display: inline-block;\r\n            color: #d4af37;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.5rem;\r\n            opacity: 0.6;\r\n            margin-bottom: 1.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .ornament-symbol {\r\n            opacity: 1;\r\n            letter-spacing: 0.7rem;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        h2 {\r\n            font-family: 'Cinzel', serif;\r\n            font-size: 3.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1.25rem;\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 50%, #b8860b 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.2rem;\r\n            line-height: 1.2;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover h2 {\r\n            letter-spacing: 0.25rem;\r\n        }\r\n\r\n        .cta-description {\r\n            font-size: 1.25rem;\r\n            line-height: 1.6;\r\n            color: #c4c4c4;\r\n            margin-bottom: 3rem;\r\n            letter-spacing: 0.05rem;\r\n            font-style: italic;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-container:hover .cta-description {\r\n            color: #d4d4d4;\r\n        }\r\n\r\n        \/* Form *\/\r\n        .cta-form {\r\n            display: flex;\r\n            gap: 1rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .input-wrapper {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-input {\r\n            width: 100%;\r\n            padding: 1.77rem 1.59rem !important;\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.6) 0%, rgba(30, 20, 15, 0.4) 100%);\r\n            border: 1px solid rgba(212, 175, 55, 0.25);\r\n            border-radius: 2px;\r\n            color: #e8e8e8;\r\n            font-size: 1rem;\r\n            font-family: 'Cormorant Garamond', serif;\r\n            letter-spacing: 0.05rem;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            outline: none;\r\n        }\r\n\r\n        .cta-input::placeholder {\r\n            color: rgba(212, 175, 55, 0.4);\r\n            font-style: italic;\r\n        }\r\n\r\n        .cta-input:focus {\r\n            background: linear-gradient(135deg, rgba(40, 30, 25, 0.8) 0%, rgba(30, 20, 15, 0.6) 100%);\r\n            border-color: rgba(212, 175, 55, 0.5);\r\n            box-shadow: \r\n                0 5px 20px rgba(0, 0, 0, 0.3),\r\n                0 0 20px rgba(212, 175, 55, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .cta-input:hover {\r\n            border-color: rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        \/* Submit Button *\/\r\n        .cta-button {\r\n            padding: 1.25rem 3rem;\r\n            background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);\r\n            border: 2px solid #d4af37;\r\n            border-radius: 2px;\r\n            color: #0a0a0f;\r\n            font-size: 1rem;\r\n            font-family: 'Cinzel', serif;\r\n            font-weight: 600;\r\n            letter-spacing: 0.2rem;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: \r\n                0 5px 20px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s ease, height 0.6s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            background: linear-gradient(135deg, #f4e4c1 0%, #d4af37 100%);\r\n            border-color: #f4e4c1;\r\n            box-shadow: \r\n                0 8px 30px rgba(212, 175, 55, 0.5),\r\n                0 0 30px rgba(212, 175, 55, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .cta-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .cta-button span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Button Corner Diamonds *\/\r\n        .button-diamond {\r\n            position: absolute;\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #0a0a0f;\r\n            transform: rotate(45deg);\r\n            transition: all 0.4s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .button-diamond.top-left {\r\n            top: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.top-right {\r\n            top: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-left {\r\n            bottom: 8px;\r\n            left: 8px;\r\n        }\r\n\r\n        .button-diamond.bottom-right {\r\n            bottom: 8px;\r\n            right: 8px;\r\n        }\r\n\r\n        .cta-button:hover .button-diamond {\r\n            background: rgba(10, 10, 15, 0.5);\r\n        }\r\n\r\n        \/* Divider above form *\/\r\n        .divider {\r\n            width: 120px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(212, 175, 55, 0.5) 50%, \r\n                transparent 100%);\r\n            margin: 0 auto 3rem;\r\n            position: relative;\r\n        }\r\n\r\n        .divider::before {\r\n            content: '\u2726';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            color: #d4af37;\r\n            font-size: 0.6rem;\r\n            background: rgba(20, 15, 10, 0.9);\r\n            padding: 0 0.5rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .cta-container:hover .divider::before {\r\n            color: #f4e4c1;\r\n            transform: translate(-50%, -50%) rotate(90deg);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .cta-container {\r\n                padding: 3rem 2rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 2.2rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 2.5rem;\r\n            }\r\n\r\n            .cta-form {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n            }\r\n\r\n            .cta-button {\r\n                width: 100%;\r\n                padding: 1.25rem 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-container {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            h2 {\r\n                font-size: 1.8rem;\r\n                letter-spacing: 0.1rem;\r\n            }\r\n\r\n            .ornament-symbol {\r\n                font-size: 0.85rem;\r\n                letter-spacing: 0.4rem;\r\n            }\r\n\r\n            .cta-description {\r\n                font-size: 1rem;\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .cta-input {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 1.1rem 1.5rem;\r\n                font-size: 0.9rem;\r\n                letter-spacing: 0.15rem;\r\n            }\r\n\r\n            .corner-decoration {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"cta-section\">\r\n        <div class=\"cta-container\">\r\n            <div class=\"corner-decoration top-left\"><\/div>\r\n            <div class=\"corner-decoration top-right\"><\/div>\r\n            <div class=\"corner-decoration bottom-left\"><\/div>\r\n            <div class=\"corner-decoration bottom-right\"><\/div>\r\n            \r\n            <div class=\"cta-content\">\r\n                <div class=\"ornament-symbol\">\u2726 \u2726 \u2726<\/div>\r\n                \r\n                <h2>The Truth Is Within You<\/h2>\r\n                \r\n                <p class=\"cta-description\">\r\n                    Be the first to receive transformative insights and exclusive offerings\r\n                <\/p>\r\n                \r\n                <div class=\"divider\"><\/div>\r\n                \r\n                <form class=\"cta-form\" onsubmit=\"handleSubmit(event)\">\r\n                    <div class=\"input-wrapper\">\r\n                        <input \r\n                            type=\"email\" \r\n                            class=\"cta-input\" \r\n                            placeholder=\"Your Email\" \r\n                            required\r\n                            aria-label=\"Email Address\"\r\n                        >\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"cta-button\">\r\n                        <div class=\"button-diamond top-left\"><\/div>\r\n                        <div class=\"button-diamond top-right\"><\/div>\r\n                        <div class=\"button-diamond bottom-left\"><\/div>\r\n                        <div class=\"button-diamond bottom-right\"><\/div>\r\n                        <span>Subscribe<\/span>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function handleSubmit(event) {\r\n            event.preventDefault();\r\n            const email = event.target.querySelector('input[type=\"email\"]').value;\r\n            console.log('Email submitted:', email);\r\n            \/\/ Add your subscription logic here\r\n            alert('Thank you for subscribing! Your journey begins now.');\r\n            event.target.reset();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coming Soon \u2726 \u2726 \u2726 The Truth Is Within You Be the first to receive transformative insights and exclusive offerings [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":22,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/jordan\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}