{"id":24361,"date":"2025-10-24T16:51:21","date_gmt":"2025-10-24T16:51:21","guid":{"rendered":"https:\/\/zeebana.com\/?page_id=24361"},"modified":"2025-10-24T16:57:20","modified_gmt":"2025-10-24T16:57:20","slug":"elementor-24361","status":"publish","type":"page","link":"https:\/\/zeebana.com\/index.php\/elementor-24361\/","title":{"rendered":"Elementor #24361"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Under Reconstruction \u2014 We\u2019ll be back soon<\/title>\r\n <meta name=\"description\" content=\"This site is under reconstruction. We\u2019ll be back soon.\" \/>\r\n <meta property=\"og:title\" content=\"Under Reconstruction \u2014 We\u2019ll be back soon\" \/>\r\n <meta property=\"og:description\" content=\"We\u2019re rebuilding the experience. Thanks for your patience.\" \/>\r\n <meta name=\"theme-color\" content=\"#0ea5e9\" \/>\r\n <style>\r\n :root {\r\n --bg1: #0ea5e9; \/* sky-500 *\/\r\n --bg2: #1e3a8a; \/* indigo-900 *\/\r\n --card: rgba(255,255,255,0.08);\r\n --text: #f8fafc; \/* slate-50 *\/\r\n --muted: #cbd5e1; \/* slate-300 *\/\r\n --accent: #f59e0b;\/* amber-500 *\/\r\n }\r\n * { box-sizing: border-box }\r\n html, body { height: 100%; }\r\n body {\r\n margin: 0;\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, \"Helvetica Neue\", Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n color: var(--text);\r\n background: radial-gradient(1200px 800px at 70% -10%, #38bdf8 0%, transparent 60%),\r\n radial-gradient(1000px 800px at -10% 110%, #2563eb 0%, transparent 60%),\r\n linear-gradient(135deg, var(--bg1), var(--bg2));\r\n display: grid;\r\n place-items: center;\r\n overflow: hidden;\r\n }\r\n .container {\r\n position: relative;\r\n width: min(92vw, 900px);\r\n padding: clamp(1.25rem, 2.2vw + 0.5rem, 2.25rem);\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02)) padding-box,\r\n linear-gradient(120deg, rgba(255,255,255,0.6), rgba(255,255,255,0.08)) border-box;\r\n border: 1px solid transparent;\r\n backdrop-filter: blur(10px) saturate(120%);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.35);\r\n text-align: center;\r\n isolation: isolate;\r\n }\r\n h1 {\r\n margin: 0 0 0.4rem 0;\r\n font-weight: 800;\r\n letter-spacing: 0.2px;\r\n font-size: clamp(2rem, 4.5vw + 0.5rem, 3.4rem);\r\n line-height: 1.1;\r\n text-shadow: 0 2px 16px rgba(14,165,233,0.35);\r\n }\r\n .tagline {\r\n margin: 0.1rem 0 1.25rem 0;\r\n font-size: clamp(1rem, 1.3vw + 0.6rem, 1.25rem);\r\n color: var(--muted);\r\n }\r\n .art {\r\n width: min(520px, 80%);\r\n margin: 1rem auto 1.25rem;\r\n display: block;\r\n filter: drop-shadow(0 12px 22px rgba(0,0,0,0.35));\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0) }\r\n 50% { transform: translateY(-10px) }\r\n }\r\n .progress {\r\n width: min(520px, 85%);\r\n height: 10px;\r\n border-radius: 999px;\r\n margin: 1rem auto 0.75rem;\r\n background: rgba(255,255,255,0.14);\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .progress::before {\r\n content: \"\";\r\n position: absolute; inset: 0;\r\n background: repeating-linear-gradient( 60deg,\r\n rgba(255,255,255,0.85) 0 14px,\r\n rgba(255,255,255,0.45) 14px 28px);\r\n width: 40%;\r\n animation: load 2.4s linear infinite;\r\n }\r\n @keyframes load {\r\n 0% { transform: translateX(-40%) }\r\n 100% { transform: translateX(120%) }\r\n }\r\n .note { color: var(--muted); font-size: 0.95rem; }\r\n .contact { margin-top: 1rem; font-size: 0.95rem; }\r\n .contact a { color: #fff; text-underline-offset: 3px; }\r\n .badge {\r\n position: absolute;\r\n top: -12px; right: 16px;\r\n background: linear-gradient(135deg, #f59e0b, #f97316);\r\n color: #111827;\r\n font-weight: 800;\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.2);\r\n letter-spacing: 0.3px;\r\n }\r\n \/* Decorative blobs *\/\r\n .blob {\r\n position: absolute; z-index: -1; opacity: 0.25; filter: blur(24px);\r\n border-radius: 50%;\r\n background: radial-gradient(circle at 30% 30%, #ffffff, rgba(255,255,255,0) 60%);\r\n mix-blend-mode: screen;\r\n animation: sway 10s ease-in-out infinite;\r\n }\r\n .blob.b1 { width: 240px; height: 240px; left: -60px; bottom: -60px; }\r\n .blob.b2 { width: 200px; height: 200px; right: -50px; top: -50px; animation-delay: -2.5s; }\r\n @keyframes sway { 0%,100%{ transform: translateY(0)} 50%{ transform: translateY(12px)} }\r\n\r\n \/* Small screens tweaks *\/\r\n @media (max-width: 420px){\r\n .badge { display: none }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <main class=\"container\" role=\"main\" aria-labelledby=\"title\">\r\n <div class=\"badge\" aria-hidden=\"true\">Rebuilding<\/div>\r\n\r\n <!-- Decorative blobs -->\r\n <div class=\"blob b1\" aria-hidden=\"true\"><\/div>\r\n <div class=\"blob b2\" aria-hidden=\"true\"><\/div>\r\n\r\n <!-- Inline SVG artwork (hard hat + gear + cone) -->\r\n <svg class=\"art\" viewBox=\"0 0 640 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Under reconstruction artwork\">\r\n <defs>\r\n <linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#fef3c7\"\/>\r\n <stop offset=\"100%\" stop-color=\"#f59e0b\"\/>\r\n <\/linearGradient>\r\n <linearGradient id=\"g2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#93c5fd\"\/>\r\n <stop offset=\"100%\" stop-color=\"#1d4ed8\"\/>\r\n <\/linearGradient>\r\n <filter id=\"softShadow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n <feDropShadow dx=\"0\" dy=\"6\" stdDeviation=\"8\" flood-color=\"#0b1020\" flood-opacity=\"0.45\"\/>\r\n <\/filter>\r\n <\/defs>\r\n\r\n <!-- Ground -->\r\n <rect x=\"40\" y=\"240\" width=\"560\" height=\"10\" rx=\"5\" fill=\"rgba(255,255,255,0.35)\" \/>\r\n\r\n <!-- Traffic cone -->\r\n <g transform=\"translate(110,130)\" filter=\"url(#softShadow)\">\r\n <polygon points=\"40,0 80,100 0,100\" fill=\"url(#g1)\"\/>\r\n <rect x=\"10\" y=\"58\" width=\"60\" height=\"14\" fill=\"#fff\" opacity=\"0.9\"\/>\r\n <rect x=\"16\" y=\"80\" width=\"48\" height=\"10\" fill=\"#fff\" opacity=\"0.8\"\/>\r\n <rect x=\"-8\" y=\"96\" width=\"96\" height=\"12\" rx=\"6\" fill=\"#e5e7eb\"\/>\r\n <\/g>\r\n\r\n <!-- Gear -->\r\n <g transform=\"translate(320,88) scale(1.1)\" style=\"transform-origin: 320px 88px; animation: spin 18s linear infinite;\">\r\n <defs>\r\n <style>\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n <\/style>\r\n <\/defs>\r\n <circle cx=\"0\" cy=\"0\" r=\"40\" fill=\"url(#g2)\"\/>\r\n <g fill=\"#1e293b\">\r\n <rect x=\"-6\" y=\"-66\" width=\"12\" height=\"18\" rx=\"3\"\/>\r\n <rect x=\"-6\" y=\"48\" width=\"12\" height=\"18\" rx=\"3\"\/>\r\n <rect x=\"48\" y=\"-6\" width=\"18\" height=\"12\" rx=\"3\"\/>\r\n <rect x=\"-66\" y=\"-6\" width=\"18\" height=\"12\" rx=\"3\"\/>\r\n <rect x=\"-48\" y=\"-48\" width=\"16\" height=\"16\" rx=\"3\"\/>\r\n <rect x=\"32\" y=\"-48\" width=\"16\" height=\"16\" rx=\"3\"\/>\r\n <rect x=\"32\" y=\"32\" width=\"16\" height=\"16\" rx=\"3\"\/>\r\n <rect x=\"-48\" y=\"32\" width=\"16\" height=\"16\" rx=\"3\"\/>\r\n <\/g>\r\n <circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"#e2e8f0\"\/>\r\n <\/g>\r\n\r\n <!-- Hard hat -->\r\n <g transform=\"translate(420,145)\" filter=\"url(#softShadow)\">\r\n <path d=\"M0 35 C20 -10, 100 -10, 120 35 L120 55 L0 55 Z\" fill=\"#fde68a\"\/>\r\n <rect x=\"54\" y=\"-10\" width=\"12\" height=\"36\" rx=\"6\" fill=\"#fbbf24\"\/>\r\n <path d=\"M-6 55 L126 55 C126 65, 116 74, 60 74 C4 74, -6 65, -6 55Z\" fill=\"#f59e0b\"\/>\r\n <circle cx=\"60\" cy=\"65\" r=\"4\" fill=\"#1f2937\"\/>\r\n <\/g>\r\n <\/svg>\r\n\r\n <h1 id=\"title\">Under Reconstruction<\/h1>\r\n <p class=\"tagline\">We\u2019re rebuilding the experience \u2014 we\u2019ll be back soon.<\/p>\r\n\r\n <div class=\"progress\" aria-hidden=\"true\"><\/div>\r\n <p class=\"note\">Thanks for your patience. In the meantime, you can reach us at <span class=\"contact\"><a href=\"mailto:hello@example.com\">info@zeebaverse.org<\/a><\/span>.<\/p>\r\n <\/main>\r\n<\/body>\r\n<\/html>\r\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>Under Reconstruction \u2014 We\u2019ll be back soon Rebuilding Under Reconstruction We\u2019re rebuilding the experience \u2014 we\u2019ll be back soon. Thanks for your patience. In the meantime, you can reach us at info@zeebaverse.org.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-24361","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/pages\/24361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/comments?post=24361"}],"version-history":[{"count":7,"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/pages\/24361\/revisions"}],"predecessor-version":[{"id":24370,"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/pages\/24361\/revisions\/24370"}],"wp:attachment":[{"href":"https:\/\/zeebana.com\/index.php\/wp-json\/wp\/v2\/media?parent=24361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}