{"id":8,"date":"2026-06-22T23:36:29","date_gmt":"2026-06-22T23:36:29","guid":{"rendered":"https:\/\/qudracode.com\/?page_id=8"},"modified":"2026-06-25T03:58:20","modified_gmt":"2026-06-25T03:58:20","slug":"home","status":"publish","type":"page","link":"https:\/\/qudracode.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f15b20 e-con e-atomic-element e-flexbox-base e-1a56b31 \" data-id=\"3f15b20\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3f15b20\" data-e-type=\"e-flexbox\" data-id=\"3f15b20\">\n    \t\t<div class=\"elementor-element elementor-element-598de79 elementor-widget elementor-widget-html\" data-id=\"598de79\" 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>QUDRACODE | Coming Soon<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --bg: #030712;\n            --card: #0b1220;\n            --blue: #00a8ff;\n            --purple: #8b5cf6;\n            --gold: #fbbf24;\n            --text: #ffffff;\n            --muted: #9ca3af;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background: var(--bg);\n            color: var(--text);\n            overflow-x: hidden;\n        }\n\n        \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0628\u0643\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0645\u0639 \u0623\u0646\u0648\u0627\u0631 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\n        .bg-grid {\n            position: fixed;\n            inset: 0;\n            background:\n                linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n            background-size: 50px 50px;\n            z-index: -2;\n        }\n\n        .bg-grid::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(circle at 15% 20%, rgba(0,168,255,0.25), transparent 40%),\n                radial-gradient(circle at 85% 80%, rgba(139,92,246,0.25), transparent 40%);\n            animation: moveGlow 15s ease-in-out infinite alternate;\n        }\n\n        @keyframes moveGlow {\n            0% { background: radial-gradient(circle at 10% 10%, rgba(0,168,255,0.2), transparent 40%), radial-gradient(circle at 90% 90%, rgba(139,92,246,0.2), transparent 40%); }\n            100% { background: radial-gradient(circle at 80% 20%, rgba(0,168,255,0.2), transparent 40%), radial-gradient(circle at 20% 80%, rgba(139,92,246,0.2), transparent 40%); }\n        }\n\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 80px 20px;\n        }\n\n        .hero-inner {\n            max-width: 1200px;\n            width: 100%;\n            text-align: center;\n        }\n\n        .logo {\n            width: 260px;\n            max-width: 90%;\n            margin-bottom: 35px;\n            filter: drop-shadow(0 0 20px rgba(0,168,255,0.2));\n        }\n\n        .launch-badge {\n            display: inline-block;\n            padding: 10px 22px;\n            border: 1px solid rgba(255,255,255,0.15);\n            border-radius: 999px;\n            background: rgba(255,255,255,0.04);\n            margin-bottom: 30px;\n            font-size: 13px;\n            letter-spacing: 2px;\n            color: var(--muted);\n        }\n\n        h1 {\n            font-size: 68px;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 25px;\n        }\n\n        h1 span {\n            display: block;\n            background: linear-gradient(90deg, var(--blue), #ffffff, var(--gold));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .description {\n            max-width: 800px;\n            margin: auto;\n            font-size: 20px;\n            line-height: 1.8;\n            color: var(--muted);\n        }\n\n        \/* \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a (\u062f\u0645\u062c \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0645\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0635\u0646\u0627\u0639\u064a) *\/\n        .cards {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            margin-top: 60px;\n        }\n\n        .card {\n            padding: 35px 20px;\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.08);\n            border-radius: 20px;\n            backdrop-filter: blur(10px);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);\n        }\n\n        .card:hover {\n            transform: translateY(-10px);\n            border-color: var(--blue);\n            background: rgba(255,255,255,0.08);\n            box-shadow: 0 20px 40px -10px rgba(0,168,255,0.2);\n        }\n\n        .card h3 {\n            margin-bottom: 15px;\n            font-size: 21px;\n            font-weight: 600;\n            color: #f0f0f0;\n        }\n\n        .card p {\n            color: var(--muted);\n            line-height: 1.6;\n            font-size: 15px;\n        }\n\n        \/* \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *\/\n        .cta-section {\n            margin-top: 60px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .notify-form {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            width: 100%;\n            max-width: 600px;\n        }\n\n        .notify-form input {\n            flex: 1;\n            padding: 18px 24px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 14px;\n            color: white;\n            font-size: 16px;\n            outline: none;\n            transition: 0.3s;\n        }\n\n        .notify-form input:focus {\n            border-color: var(--blue);\n            background: rgba(255,255,255,0.08);\n        }\n\n        .notify-form button {\n            padding: 18px 36px;\n            border: none;\n            border-radius: 14px;\n            cursor: pointer;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            background: linear-gradient(90deg, var(--blue), var(--purple));\n            color: white;\n            transition: 0.3s;\n        }\n\n        .notify-form button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px -10px var(--blue);\n        }\n\n        \/* \u0642\u0633\u0645 \u0627\u0644\u0640 Terminal \u0627\u0644\u0648\u0647\u0645\u064a *\/\n        .terminal-section {\n            padding: 100px 20px;\n            max-width: 900px;\n            margin: auto;\n        }\n\n        .terminal-section h2 {\n            text-align: center;\n            font-size: 40px;\n            margin-bottom: 40px;\n            background: linear-gradient(90deg, white, var(--muted));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            font-weight: 800;\n        }\n\n        .terminal {\n            background: #050a14;\n            border-radius: 24px;\n            padding: 30px 35px;\n            font-family: 'Courier New', monospace;\n            font-size: 16px;\n            color: #98fbc2;\n            border: 1px solid rgba(255,255,255,0.1);\n            box-shadow: inset 0 0 30px rgba(0,168,255,0.05);\n            position: relative;\n        }\n\n        .terminal::before {\n            content: \"\u25cf \u25cf \u25cf\";\n            color: #ff5f56;\n            letter-spacing: 8px;\n            display: block;\n            margin-bottom: 20px;\n            filter: blur(0.5px);\n        }\n\n        .terminal pre {\n            white-space: pre-wrap;\n            line-height: 2;\n            margin: 0;\n        }\n\n        .terminal .dynamic-line {\n            color: var(--gold);\n        }\n\n        \/* \u0627\u0644\u062a\u0630\u064a\u064a\u0644 *\/\n        footer {\n            padding: 60px 20px;\n            text-align: center;\n            border-top: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .footer-logo {\n            font-size: 32px;\n            font-weight: 800;\n            letter-spacing: 3px;\n            margin-bottom: 10px;\n        }\n\n        .footer-text {\n            color: var(--muted);\n            font-size: 14px;\n        }\n\n        .copyright {\n            color: #6b7280;\n            font-size: 13px;\n            margin-top: 15px;\n        }\n\n        \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0634\u0627\u0634\u0627\u062a (Responsive) *\/\n        @media (max-width: 1200px) {\n            .cards { grid-template-columns: repeat(3, 1fr); }\n            h1 { font-size: 52px; }\n        }\n\n        @media (max-width: 992px) {\n            .cards { grid-template-columns: repeat(2, 1fr); }\n        }\n\n        @media (max-width: 768px) {\n            .cards { grid-template-columns: 1fr; }\n            .logo { width: 200px; }\n            h1 { font-size: 38px; }\n            .description { font-size: 18px; }\n            .notify-form { flex-direction: column; align-items: stretch; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"bg-grid\"><\/div>\n\n<section class=\"hero\">\n    <div class=\"hero-inner\">\n        <!-- \u0627\u0633\u062a\u062e\u062f\u0645 \u0631\u0627\u0628\u0637 \u0627\u0644\u0634\u0639\u0627\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0647\u0646\u0627 -->\n        <img decoding=\"async\" src=\"http:\/\/qudracode.com\/wp-content\/uploads\/2026\/06\/%D9%84%D9%88%D8%AC%D9%88-%D8%B4%D9%81%D8%A7%D9%814-1-e1782341011224.png\" \n             class=\"logo\" \n             alt=\"QUDRACODE Logo\">\n\n        <div class=\"launch-badge\">\u25cf LAUNCHING SOON<\/div>\n\n        <h1>\n            Engineering\n            <span>Software That Scales<\/span>\n        <\/h1>\n\n        <p class=\"description\">\n            Premium WordPress plugins, Laravel platforms, SaaS products, mobile applications, desktop software, and advanced AI solutions engineered for enterprise growth.\n        <\/p>\n\n        <!-- 5 \u0628\u0637\u0627\u0642\u0627\u062a: 4 \u062e\u062f\u0645\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 + \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a -->\n        <div class=\"cards\">\n            <div class=\"card\">\n                <h3>WordPress Plugins<\/h3>\n                <p>Professional plugins built for businesses.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <h3>Laravel Platforms<\/h3>\n                <p>Scalable systems and custom portals.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <h3>Mobile Apps<\/h3>\n                <p>Android & iOS applications.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <h3>Desktop Software<\/h3>\n                <p>Cross-platform business solutions.<\/p>\n            <\/div>\n            <div class=\"card\">\n                <h3>Artificial Intelligence<\/h3>\n                <p>Next-gen AI models, automation, and data intelligence.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"cta-section\">\n            <form class=\"notify-form\" onsubmit=\"event.preventDefault(); alert('Thank you! You are on the launch list.');\">\n                <input type=\"email\" placeholder=\"Enter your email to stay updated\" required>\n                <button type=\"submit\">Get Early Access<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"terminal-section\">\n    <h2>System Initializing<\/h2>\n    <div class=\"terminal\">\n        <pre>\n$ initialize qudracode --enterprise --ai\n\n\u2713 Loading Custom Laravel Modules\n\u2713 Configuring WordPress Scalability\n\u2713 Initializing Mobile & Desktop Builders\n\u2713 Integrating AI Neural Networks\n\u2713 Preparing Data Processing Pipelines\n\n<span class=\"dynamic-line\" id=\"terminal-message\">Status: System ready for launch...<\/span>\n        <\/pre>\n    <\/div>\n<\/section>\n\n<footer>\n    <div class=\"footer-logo\">QUDRACODE<\/div>\n    <div class=\"footer-text\">WordPress Plugins \u2022 Laravel Platforms \u2022 SaaS \u2022 Mobile \u2022 Desktop \u2022 AI Solutions<\/div>\n    <div class=\"copyright\">\u00a9 2026 QUDRACODE. All rights reserved.<\/div>\n<\/footer>\n\n<script>\n    \/\/ \u062a\u0623\u062b\u064a\u0631 \u0645\u062a\u063a\u064a\u0631 \u0641\u064a \u0642\u0633\u0645 \u0627\u0644\u0640 Terminal \u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n    const terminalMessages = [\n        \"Status: Infrastructure is ready...\",\n        \"Status: AI algorithms compiled...\",\n        \"Status: Secure cloud tunnels active...\",\n        \"Status: Database clusters synchronized...\",\n        \"Status: Ready for global deployment...\"\n    ];\n    let msgIndex = 0;\n    setInterval(() => {\n        msgIndex = (msgIndex + 1) % terminalMessages.length;\n        document.getElementById(\"terminal-message\").textContent = terminalMessages[msgIndex];\n    }, 3500);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QUDRACODE | Coming Soon \u25cf LAUNCHING SOON Engineering Software That Scales Premium WordPress plugins, Laravel platforms, SaaS products, mobile applications, desktop software, and advanced AI solutions engineered for enterprise growth. WordPress Plugins Professional plugins built for businesses. Laravel Platforms Scalable systems and custom portals. Mobile Apps Android &#038; iOS applications. Desktop Software Cross-platform business solutions. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_featured_image":"yes","disable_share_box":"yes","disable_header":"yes","disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"content_style_source":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":49,"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/pages\/8\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/qudracode.com\/ar\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}