{"id":15,"date":"2026-03-09T21:55:45","date_gmt":"2026-03-09T21:55:45","guid":{"rendered":"https:\/\/caldryx.com\/?page_id=15"},"modified":"2026-03-09T21:57:15","modified_gmt":"2026-03-09T21:57:15","slug":"home","status":"publish","type":"page","link":"https:\/\/caldryx.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1895097 e-con-full e-flex e-con e-parent\" data-id=\"1895097\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d98006a elementor-widget elementor-widget-html\" data-id=\"d98006a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Caldryx - Coming Soon<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Poppins', sans-serif;\n            overflow: hidden;\n            background: #0a0a1a;\n        }\n\n        \/* Animated Gradient Background *\/\n        .bg-gradient {\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background: linear-gradient(125deg, #0a0a1a, #1a0a2e, #0a1a3e, #0a2a2a, #1a0a2e, #0a0a1a);\n            background-size: 400% 400%;\n            animation: gradientShift 15s ease infinite;\n            z-index: 0;\n        }\n\n        @keyframes gradientShift {\n            0% { background-position: 0% 50%; }\n            25% { background-position: 50% 0%; }\n            50% { background-position: 100% 50%; }\n            75% { background-position: 50% 100%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        \/* Grid Lines *\/\n        .grid-overlay {\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n            background-size: 60px 60px;\n            z-index: 1;\n        }\n\n        \/* Floating Particles *\/\n        .particles {\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .particle {\n            position: absolute;\n            border-radius: 50%;\n            animation: floatUp linear infinite;\n            opacity: 0;\n        }\n\n        @keyframes floatUp {\n            0% { transform: translateY(100vh) scale(0); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(-10vh) scale(1); opacity: 0; }\n        }\n\n        \/* Glowing Orbs *\/\n        .orb {\n            position: fixed;\n            border-radius: 50%;\n            filter: blur(80px);\n            z-index: 1;\n            animation: orbFloat 8s ease-in-out infinite;\n        }\n\n        .orb-1 {\n            width: 300px; height: 300px;\n            background: rgba(99, 102, 241, 0.15);\n            top: 10%; left: 10%;\n            animation-delay: 0s;\n        }\n\n        .orb-2 {\n            width: 250px; height: 250px;\n            background: rgba(168, 85, 247, 0.12);\n            bottom: 10%; right: 10%;\n            animation-delay: -3s;\n        }\n\n        .orb-3 {\n            width: 200px; height: 200px;\n            background: rgba(6, 182, 212, 0.1);\n            top: 50%; left: 60%;\n            animation-delay: -5s;\n        }\n\n        @keyframes orbFloat {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            25% { transform: translate(30px, -30px) scale(1.1); }\n            50% { transform: translate(-20px, 20px) scale(0.9); }\n            75% { transform: translate(20px, 10px) scale(1.05); }\n        }\n\n        \/* Main Content *\/\n        .content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            padding: 40px 20px;\n        }\n\n        \/* Welcome Text *\/\n        .welcome-text {\n            font-size: 1.1rem;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.6);\n            letter-spacing: 8px;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 1s ease 0.5s forwards;\n        }\n\n        \/* Logo \/ Brand Name *\/\n        .logo {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 5rem;\n            font-weight: 900;\n            letter-spacing: 12px;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            opacity: 0;\n            animation: logoReveal 1.5s ease 0.8s forwards;\n        }\n\n        .logo .letter {\n            display: inline-block;\n            background: linear-gradient(135deg, #6366f1, #a855f7, #06b6d4, #6366f1);\n            background-size: 300% 300%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: gradientText 4s ease infinite, letterFloat 3s ease-in-out infinite;\n        }\n\n        .logo .letter:nth-child(1) { animation-delay: 0s, 0s; }\n        .logo .letter:nth-child(2) { animation-delay: 0.1s, 0.2s; }\n        .logo .letter:nth-child(3) { animation-delay: 0.2s, 0.4s; }\n        .logo .letter:nth-child(4) { animation-delay: 0.3s, 0.6s; }\n        .logo .letter:nth-child(5) { animation-delay: 0.4s, 0.8s; }\n        .logo .letter:nth-child(6) { animation-delay: 0.5s, 1s; }\n        .logo .letter:nth-child(7) { animation-delay: 0.6s, 1.2s; }\n\n        @keyframes gradientText {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        @keyframes letterFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-5px); }\n        }\n\n        @keyframes logoReveal {\n            0% { opacity: 0; transform: scale(0.5); filter: blur(20px); }\n            100% { opacity: 1; transform: scale(1); filter: blur(0); }\n        }\n\n        \/* Glow line under logo *\/\n        .glow-line {\n            width: 150px;\n            height: 2px;\n            margin: 0 auto 50px;\n            background: linear-gradient(90deg, transparent, #6366f1, #a855f7, #06b6d4, transparent);\n            border-radius: 2px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 1.3s forwards;\n            position: relative;\n        }\n\n        .glow-line::after {\n            content: '';\n            position: absolute;\n            top: -3px; left: 0;\n            width: 100%; height: 8px;\n            background: linear-gradient(90deg, transparent, rgba(99,102,241,0.5), rgba(168,85,247,0.5), rgba(6,182,212,0.5), transparent);\n            filter: blur(6px);\n            animation: glowPulse 2s ease-in-out infinite;\n        }\n\n        @keyframes glowPulse {\n            0%, 100% { opacity: 0.5; }\n            50% { opacity: 1; }\n        }\n\n        \/* Maintenance Icon *\/\n        .maintenance-icon {\n            margin-bottom: 30px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 1.5s forwards;\n        }\n\n        .gear-container {\n            display: inline-block;\n            position: relative;\n            width: 80px;\n            height: 80px;\n        }\n\n        .gear-container svg {\n            position: absolute;\n            top: 50%; left: 50%;\n        }\n\n        .gear-1 {\n            width: 50px; height: 50px;\n            transform: translate(-60%, -60%);\n            animation: rotateCW 8s linear infinite;\n            color: rgba(99, 102, 241, 0.7);\n        }\n\n        .gear-2 {\n            width: 35px; height: 35px;\n            transform: translate(-20%, -25%);\n            animation: rotateCCW 6s linear infinite;\n            color: rgba(168, 85, 247, 0.7);\n        }\n\n        @keyframes rotateCW { 100% { transform: translate(-60%, -60%) rotate(360deg); } }\n        @keyframes rotateCCW { 100% { transform: translate(-20%, -25%) rotate(-360deg); } }\n\n        \/* Maintenance Text *\/\n        .maintenance-text {\n            font-size: 1.4rem;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.85);\n            margin-bottom: 10px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 1.7s forwards;\n            line-height: 1.6;\n        }\n\n        .maintenance-sub {\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.4);\n            margin-bottom: 50px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 1.9s forwards;\n        }\n\n        \/* Animated Progress Bar *\/\n        .progress-container {\n            width: 280px;\n            margin: 0 auto 50px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 2.1s forwards;\n        }\n\n        .progress-label {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 8px;\n            font-size: 0.75rem;\n            color: rgba(255, 255, 255, 0.4);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        .progress-bar {\n            width: 100%;\n            height: 3px;\n            background: rgba(255, 255, 255, 0.08);\n            border-radius: 10px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .progress-fill {\n            height: 100%;\n            width: 65%;\n            background: linear-gradient(90deg, #6366f1, #a855f7, #06b6d4);\n            border-radius: 10px;\n            position: relative;\n            animation: progressGlow 2s ease-in-out infinite;\n        }\n\n        .progress-fill::after {\n            content: '';\n            position: absolute;\n            top: 0; right: 0;\n            width: 20px; height: 100%;\n            background: rgba(255,255,255,0.6);\n            filter: blur(4px);\n            animation: shimmer 2s ease-in-out infinite;\n        }\n\n        @keyframes shimmer {\n            0%, 100% { opacity: 0; }\n            50% { opacity: 1; }\n        }\n\n        @keyframes progressGlow {\n            0%, 100% { box-shadow: 0 0 10px rgba(99,102,241,0.3); }\n            50% { box-shadow: 0 0 20px rgba(168,85,247,0.5); }\n        }\n\n        \/* Contact Section *\/\n        .contact-section {\n            opacity: 0;\n            animation: fadeInUp 1s ease 2.3s forwards;\n        }\n\n        .contact-label {\n            font-size: 0.8rem;\n            color: rgba(255, 255, 255, 0.35);\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            margin-bottom: 15px;\n        }\n\n        .contact-email {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 14px 30px;\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 50px;\n            text-decoration: none;\n            color: rgba(255, 255, 255, 0.8);\n            font-size: 1rem;\n            font-weight: 400;\n            letter-spacing: 1px;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .contact-email::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);\n            transition: left 0.6s ease;\n        }\n\n        .contact-email:hover::before {\n            left: 100%;\n        }\n\n        .contact-email:hover {\n            background: rgba(99, 102, 241, 0.1);\n            border-color: rgba(99, 102, 241, 0.3);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 40px rgba(99, 102, 241, 0.15);\n            color: #fff;\n        }\n\n        .contact-email svg {\n            width: 18px;\n            height: 18px;\n            transition: transform 0.3s ease;\n        }\n\n        .contact-email:hover svg {\n            transform: scale(1.2);\n        }\n\n        \/* Social \/ Bottom Links *\/\n        .bottom-section {\n            margin-top: 60px;\n            opacity: 0;\n            animation: fadeInUp 1s ease 2.5s forwards;\n        }\n\n        .social-links {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n        }\n\n        .social-link {\n            width: 42px; height: 42px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            border: 1px solid rgba(255,255,255,0.08);\n            color: rgba(255,255,255,0.4);\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        .social-link:hover {\n            border-color: rgba(99, 102, 241, 0.5);\n            color: #a855f7;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 20px rgba(99, 102, 241, 0.15);\n        }\n\n        .social-link svg {\n            width: 18px; height: 18px;\n        }\n\n        .copyright {\n            margin-top: 20px;\n            font-size: 0.7rem;\n            color: rgba(255,255,255,0.2);\n            letter-spacing: 2px;\n        }\n\n        @keyframes fadeInUp {\n            0% { opacity: 0; transform: translateY(30px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .logo {\n                font-size: 2.8rem;\n                letter-spacing: 6px;\n            }\n            .welcome-text {\n                font-size: 0.85rem;\n                letter-spacing: 5px;\n            }\n            .maintenance-text {\n                font-size: 1.1rem;\n            }\n            .contact-email {\n                font-size: 0.85rem;\n                padding: 12px 24px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .logo {\n                font-size: 2rem;\n                letter-spacing: 4px;\n            }\n            .welcome-text {\n                font-size: 0.75rem;\n                letter-spacing: 4px;\n            }\n        }\n\n        \/* Cursor glow effect *\/\n        .cursor-glow {\n            position: fixed;\n            width: 300px;\n            height: 300px;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(99,102,241,0.08) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 3;\n            transform: translate(-50%, -50%);\n            transition: opacity 0.3s ease;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Background -->\n    <div class=\"bg-gradient\"><\/div>\n    <div class=\"grid-overlay\"><\/div>\n\n    <!-- Floating Orbs -->\n    <div class=\"orb orb-1\"><\/div>\n    <div class=\"orb orb-2\"><\/div>\n    <div class=\"orb orb-3\"><\/div>\n\n    <!-- Particles Container -->\n    <div class=\"particles\" id=\"particles\"><\/div>\n\n    <!-- Cursor Glow -->\n    <div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\n\n    <!-- Main Content -->\n    <div class=\"content\">\n\n        <!-- Welcome -->\n        <p class=\"welcome-text\">Welcome to<\/p>\n\n        <!-- Logo -->\n        <h1 class=\"logo\">\n            <span class=\"letter\">C<\/span><span class=\"letter\">A<\/span><span class=\"letter\">L<\/span><span class=\"letter\">D<\/span><span class=\"letter\">R<\/span><span class=\"letter\">Y<\/span><span class=\"letter\">X<\/span>\n        <\/h1>\n\n        <!-- Glow Line -->\n        <div class=\"glow-line\"><\/div>\n\n        <!-- Gear Icon -->\n        <div class=\"maintenance-icon\">\n            <div class=\"gear-container\">\n                <svg class=\"gear-1\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                    <path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\"\/>\n                    <path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\"\/>\n                <\/svg>\n                <svg class=\"gear-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                    <path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\"\/>\n                    <path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <!-- Maintenance Message -->\n        <p class=\"maintenance-text\">Our site is currently under maintenance<\/p>\n        <p class=\"maintenance-sub\">We're working hard to bring you something amazing. Stay tuned!<\/p>\n\n        <!-- Progress Bar -->\n        <div class=\"progress-container\">\n            <div class=\"progress-label\">\n                <span>Progress<\/span>\n                <span>65%<\/span>\n            <\/div>\n            <div class=\"progress-bar\">\n                <div class=\"progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Contact -->\n        <div class=\"contact-section\">\n            <p class=\"contact-label\">For any queries please contact<\/p>\n            <a href=\"mailto:info@caldryx.com\" class=\"contact-email\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n                    <path d=\"M22 4l-10 8L2 4\"\/>\n                <\/svg>\n                info@caldryx.com\n            <\/a>\n        <\/div>\n\n        <!-- Bottom -->\n        <div class=\"bottom-section\">\n            <div class=\"social-links\">\n                <a href=\"#\" class=\"social-link\" title=\"Facebook\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                <\/a>\n                <a href=\"#\" class=\"social-link\" title=\"Twitter \/ X\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n                <\/a>\n                <a href=\"#\" class=\"social-link\" title=\"Instagram\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n                <\/a>\n                <a href=\"#\" class=\"social-link\" title=\"LinkedIn\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                <\/a>\n            <\/div>\n            <p class=\"copyright\">\u00a9 2025 CALDRYX. All rights reserved.<\/p>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ Create floating particles\n        const particlesContainer = document.getElementById('particles');\n        const colors = ['#6366f1', '#a855f7', '#06b6d4', '#8b5cf6', '#3b82f6'];\n\n        function createParticle() {\n            const particle = document.createElement('div');\n            particle.classList.add('particle');\n            const size = Math.random() * 4 + 2;\n            const color = colors[Math.floor(Math.random() * colors.length)];\n            const duration = Math.random() * 10 + 8;\n            const delay = Math.random() * 5;\n\n            particle.style.cssText = `\n                width: ${size}px;\n                height: ${size}px;\n                left: ${Math.random() * 100}%;\n                background: ${color};\n                box-shadow: 0 0 ${size * 2}px ${color};\n                animation-duration: ${duration}s;\n                animation-delay: ${delay}s;\n            `;\n\n            particlesContainer.appendChild(particle);\n\n            \/\/ Remove and recreate after animation\n            setTimeout(() => {\n                particle.remove();\n                createParticle();\n            }, (duration + delay) * 1000);\n        }\n\n        \/\/ Create initial particles\n        for (let i = 0; i < 40; i++) {\n            createParticle();\n        }\n\n        \/\/ Cursor glow effect\n        const cursorGlow = document.getElementById('cursorGlow');\n        let mouseX = -500, mouseY = -500;\n\n        document.addEventListener('mousemove', (e) => {\n            mouseX = e.clientX;\n            mouseY = e.clientY;\n        });\n\n        function updateCursor() {\n            cursorGlow.style.left = mouseX + 'px';\n            cursorGlow.style.top = mouseY + 'px';\n            requestAnimationFrame(updateCursor);\n        }\n        updateCursor();\n\n        \/\/ Hide cursor glow on mobile\n        if ('ontouchstart' in window) {\n            cursorGlow.style.display = 'none';\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\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>Caldryx &#8211; Coming Soon Welcome to CALDRYX Our site is currently under maintenance We&#8217;re working hard to bring you something amazing. Stay tuned! Progress 65% For any queries please contact info@caldryx.com \u00a9 2025 CALDRYX. All rights reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":4,"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/caldryx.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}