{"id":182,"date":"2026-01-07T00:22:13","date_gmt":"2026-01-07T00:22:13","guid":{"rendered":"https:\/\/aorphis.com\/home\/?page_id=182"},"modified":"2026-01-08T02:36:11","modified_gmt":"2026-01-08T02:36:11","slug":"threehndrd","status":"publish","type":"page","link":"https:\/\/aorphis.com\/home\/threehndrd\/","title":{"rendered":"Threehundred"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"182\" class=\"elementor elementor-182\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93b5c21 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-parent\" data-id=\"93b5c21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3804cc6 elementor-widget elementor-widget-html\" data-id=\"3804cc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>THE 300 \/\/ CLAIM GIFT<\/title>\r\n    \r\n    <!-- FAVICON -->\r\n    <link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>\ud83c\udf81<\/text><\/svg>\">\r\n    \r\n    <!-- Fonts -->\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=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            \/* Palette: Necro-Gold *\/\r\n            --void-black: #050505;\r\n            --obsidian: #0a0a0a;\r\n            --stone-dark: #141414;\r\n            --gold-dim: #7d6b49;\r\n            --gold-bright: #d4af37;\r\n            --magic-glow: rgba(212, 175, 55, 0.2);\r\n            --danger-red: #8a1c1c; \r\n        }\r\n\r\n        body {\r\n            background-color: var(--void-black);\r\n            color: #a8a095;\r\n            font-family: 'Rajdhani', sans-serif;\r\n            overflow-x: hidden;\r\n            cursor: crosshair;\r\n        }\r\n\r\n        h1, h2, h3, h4, .tech-header {\r\n            font-family: 'Orbitron', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            color: var(--gold-bright);\r\n        }\r\n\r\n        \/* --- AMBIENT EFFECTS --- *\/\r\n        .noise-bg {\r\n            position: fixed; inset: 0; pointer-events: none; z-index: 40; opacity: 0.06;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n            animation: noiseShift 0.5s steps(10) infinite;\r\n        }\r\n        @keyframes noiseShift { 0% { transform: translate(0,0); } 100% { transform: translate(1%, 1%); } }\r\n\r\n        .scanlines {\r\n            position: fixed; inset: 0; pointer-events: none; z-index: 50;\r\n            background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(212, 175, 55, 0.05) 50%, rgba(212, 175, 55, 0.05)); \r\n            background-size: 100% 4px;\r\n            animation: scanMove 60s linear infinite;\r\n        }\r\n        @keyframes scanMove { 0% { background-position: 0 0; } 100% { background-position: 0 100%; } }\r\n\r\n        \/* --- UI COMPONENTS --- *\/\r\n        .os-box {\r\n            position: relative;\r\n            background-color: var(--obsidian);\r\n            border: 1px solid var(--gold-dim);\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 0 0 1px var(--void-black);\r\n        }\r\n        .os-box:hover {\r\n            border-color: var(--gold-bright);\r\n            box-shadow: 0 0 30px var(--magic-glow);\r\n        }\r\n        \r\n        \/* Transparent\/Borderless Container *\/\r\n        .os-box-transparent {\r\n            position: relative;\r\n            background: transparent;\r\n            border: none;\r\n        }\r\n\r\n        \/* Custom Form Inputs *\/\r\n        .tech-input {\r\n            width: 100%;\r\n            background-color: rgba(5, 5, 5, 0.8);\r\n            border: 1px solid var(--gold-dim);\r\n            color: var(--gold-bright);\r\n            font-family: 'Rajdhani', monospace;\r\n            padding: 1rem;\r\n            outline: none;\r\n            transition: all 0.3s;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n        .tech-input:focus {\r\n            border-color: var(--gold-bright);\r\n            box-shadow: 0 0 15px var(--magic-glow);\r\n            background-color: rgba(10, 10, 10, 0.95);\r\n        }\r\n        .tech-input::placeholder {\r\n            color: #4a4a4a;\r\n        }\r\n\r\n        .tech-select {\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 1rem center;\r\n        }\r\n\r\n        \/* Scrollbar *\/\r\n        ::-webkit-scrollbar { width: 6px; height: 6px; background: var(--void-black); }\r\n        ::-webkit-scrollbar-thumb { background: #333; }\r\n        ::-webkit-scrollbar-thumb:hover { background: var(--gold-dim); }\r\n\r\n        \/* Corner Markers *\/\r\n        .corner-marker::before, .corner-marker::after, .corner-marker-btm::before, .corner-marker-btm::after {\r\n            content: ''; position: absolute; width: 6px; height: 6px;\r\n            background: var(--gold-bright);\r\n            box-shadow: 0 0 5px var(--gold-bright);\r\n            transition: all 0.3s ease;\r\n            z-index: 20;\r\n            pointer-events: none;\r\n        }\r\n        .corner-marker::before { top: -3px; left: -3px; transform: rotate(45deg); }\r\n        .corner-marker::after { top: -3px; right: -3px; transform: rotate(45deg); }\r\n        .corner-marker-btm::before { bottom: -3px; left: -3px; transform: rotate(45deg); }\r\n        .corner-marker-btm::after { bottom: -3px; right: -3px; transform: rotate(45deg); }\r\n\r\n        \/* Hover Scanline *\/\r\n        .scan-line-anim {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 2px;\r\n            background: var(--gold-bright);\r\n            box-shadow: 0 0 15px var(--gold-bright);\r\n            opacity: 0; z-index: 5; pointer-events: none;\r\n        }\r\n        .os-box:hover .scan-line-anim { opacity: 1; animation: scan 1.5s linear infinite; }\r\n        @keyframes scan { 0% { top: 0%; opacity: 0; } 100% { top: 100%; opacity: 0; } }\r\n\r\n        \/* Main Action Button - SIMPLIFIED *\/\r\n        .claim-btn {\r\n            background: var(--gold-dim);\r\n            color: #000;\r\n            font-family: 'Orbitron', sans-serif;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid var(--gold-bright);\r\n        }\r\n        .claim-btn:hover {\r\n            background: var(--gold-bright);\r\n            box-shadow: 0 0 30px var(--magic-glow);\r\n            transform: translateY(-2px);\r\n        }\r\n        .claim-btn::before {\r\n            content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n            transition: 0.5s;\r\n        }\r\n        .claim-btn:hover::before { left: 100%; }\r\n\r\n        \/* Circuit Line Logic *\/\r\n        .circuit-node {\r\n            width: 4px; height: 4px; background: #d4af37; border-radius: 50%; box-shadow: 0 0 4px #d4af37; z-index: 10;\r\n        }\r\n\r\n        @keyframes circuitFlow {\r\n            0% { background-position: 0% -100%; }\r\n            100% { background-position: 0% 200%; }\r\n        }\r\n        .animate-circuit-flow {\r\n            background: linear-gradient(to bottom, transparent 0%, #d4af37 50%, transparent 100%);\r\n            background-size: 100% 50%;\r\n            background-repeat: no-repeat;\r\n            animation: circuitFlow 2.5s linear infinite;\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen flex flex-col p-4 md:p-8 relative justify-center\">\r\n\r\n    <!-- Ambient Layers -->\r\n    <div class=\"fixed inset-0 bg-black z-0\"><\/div>\r\n    <div class=\"noise-bg\"><\/div>\r\n    <div class=\"scanlines\"><\/div>\r\n\r\n    <!-- MAIN CONTAINER -->\r\n    <div class=\"w-full max-w-6xl mx-auto flex-grow flex flex-col gap-8 relative z-10 h-full justify-center mt-8\">\r\n        \r\n        <!-- MAIN GRID -->\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-24 items-center\">\r\n            \r\n            <!-- LEFT PANEL: VISUAL \/ BADGE -->\r\n            <!-- explicit order-1 ensures it is first on mobile flex\/grid stacks -->\r\n            <div class=\"order-1 flex flex-col items-center text-center lg:text-left relative\">\r\n                \r\n                <!-- HEADER DECORATION -->\r\n                <div class=\"flex items-center gap-4 mb-6 w-full justify-center lg:justify-start\">\r\n                    <div class=\"h-px bg-gradient-to-r from-transparent to-[#d4af37] w-12\"><\/div>\r\n                    <span class=\"text-[#d4af37] font-mono text-xs tracking-[0.3em]\">A_TRIBUTE_TO_THE_300<\/span>\r\n                    <div class=\"h-px bg-gradient-to-l from-transparent to-[#d4af37] w-12\"><\/div>\r\n                <\/div>\r\n\r\n                <h1 class=\"text-4xl md:text-6xl font-black mb-4 tracking-tighter text-[#d4af37] drop-shadow-[0_0_15px_rgba(212,175,55,0.4)] leading-none\">\r\n                    A GIFT FOR<br>THE CHOSEN\r\n                <\/h1>\r\n                \r\n                <p class=\"text-[#a8a095] font-medium max-w-md mb-8 leading-relaxed\">\r\n                    The circle is complete. As a thanks for your loyalty, this artifact is yours. Enter your details to accept this gift and mark your place in the archives.\r\n                <\/p>\r\n\r\n                <!-- THE ARTIFACT DISPLAY (THE BADGE) -->\r\n                <div class=\"os-box w-64 h-64 md:w-80 md:h-80 relative flex items-center justify-center bg-[#0e0e0e] group mx-auto lg:mx-0\">\r\n                    <div class=\"corner-marker\"><\/div>\r\n                    <div class=\"corner-marker-btm\"><\/div>\r\n                    <div class=\"scan-line-anim\"><\/div>\r\n                    \r\n                    <!-- Glow Effect -->\r\n                    <div class=\"absolute inset-0 bg-radial-gradient from-[#d4af37]\/10 to-transparent\"><\/div>\r\n\r\n                    <!-- Placeholder for Badge Image -->\r\n                    <img decoding=\"async\" src=\"https:\/\/aorphis.com\/wp-content\/uploads\/2026\/01\/ENAOS.png\" \r\n                         class=\"w-4\/4 h-4\/4 object-contain drop-shadow-[0_0_10px_rgba(212,175,55,0.5)] grayscale group-hover:grayscale-0 transition-all duration-500\"\r\n                         alt=\"Spartan Badge\">\r\n\r\n                    <!-- Floating Label -->\r\n                    <div class=\"absolute -bottom-3 bg-[#0a0a0a] border border-[#7d6519] px-4 py-1 text-[10px] font-mono text-[#d4af37] tracking-widest uppercase\">\r\n                        Offering: Free Gift\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT PANEL: INPUT FORM -->\r\n            <!-- explicit order-2 ensures it is second on mobile flex\/grid stacks -->\r\n            <div class=\"order-2 w-full\">\r\n                \r\n                <div class=\"os-box p-1 bg-[#0a0a0a]\/95 backdrop-blur-sm\">\r\n                    <div class=\"corner-marker\"><\/div>\r\n                    <div class=\"corner-marker-btm\"><\/div>\r\n\r\n                    <!-- Form Header - SIMPLIFIED -->\r\n                    <div class=\"bg-[#141414] p-3 flex justify-between items-center border-b border-[#333]\">\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <div class=\"w-2 h-2 rounded-full bg-[#d4af37] animate-pulse\"><\/div>\r\n                            <span class=\"font-mono text-xs text-[#d4af37] tracking-wider\">GATEWAY OPEN<\/span>\r\n                        <\/div>\r\n                        <i data-lucide=\"gift\" class=\"w-4 h-4 text-[#7d6b49]\"><\/i>\r\n                    <\/div>\r\n\r\n                    <!-- Form Content -->\r\n                    <form id=\"claimForm\" class=\"p-6 md:p-8 flex flex-col gap-6\" onsubmit=\"event.preventDefault(); handleClaim();\">\r\n                        \r\n                        <!-- Input Group 1: Name -->\r\n                        <div class=\"space-y-2\">\r\n                            <!-- Icon moved to label line -->\r\n                            <div class=\"flex items-center gap-2\">\r\n                                <i data-lucide=\"user\" class=\"w-4 h-4 text-[#d4af37]\"><\/i>\r\n                                <label class=\"font-mono text-[10px] uppercase tracking-widest text-[#7d6b49]\">TikTok Profile \/ Handle<\/label>\r\n                            <\/div>\r\n                            <div class=\"relative group\">\r\n                                <input type=\"text\" name=\"profile_handle\" required placeholder=\"@username...\" class=\"tech-input\">\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Input Group 2: Platform Selection -->\r\n                        <div class=\"space-y-2\">\r\n                             <!-- Icon moved to label line -->\r\n                            <div class=\"flex items-center gap-2\">\r\n                                <i data-lucide=\"radio\" class=\"w-4 h-4 text-[#d4af37]\"><\/i>\r\n                                <label class=\"font-mono text-[10px] uppercase tracking-widest text-[#7d6b49]\">Where should we send your gift?<\/label>\r\n                            <\/div>\r\n                            <div class=\"relative group\">\r\n                                <select id=\"vectorSelect\" name=\"channel\" class=\"tech-input tech-select cursor-pointer\" onchange=\"updatePlaceholder()\">\r\n                                    <option value=\"email\">Email<\/option>\r\n                                    <option value=\"telegram\">Telegram<\/option>\r\n                                    <option value=\"whatsapp\">WhatsApp<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Input Group 3: Contact Details -->\r\n                        <div class=\"space-y-2\">\r\n                            <!-- Icon moved to label line -->\r\n                            <div class=\"flex items-center gap-2\">\r\n                                <i data-lucide=\"at-sign\" id=\"inputIcon\" class=\"w-4 h-4 text-[#d4af37]\"><\/i>\r\n                                <label class=\"font-mono text-[10px] uppercase tracking-widest text-[#7d6b49]\">Contact Info<\/label>\r\n                            <\/div>\r\n                            <div class=\"relative group\">\r\n                                <input type=\"text\" id=\"contactInput\" name=\"contact_info\" required placeholder=\"Enter email address...\" class=\"tech-input\">\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Divider -->\r\n                        <div class=\"flex items-center gap-2 opacity-50 my-2\">\r\n                            <div class=\"h-px bg-[#7d6b49] flex-grow\"><\/div>\r\n                            <i data-lucide=\"diamond\" class=\"w-3 h-3 text-[#d4af37]\"><\/i>\r\n                            <div class=\"h-px bg-[#7d6b49] flex-grow\"><\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Submit Button -->\r\n                        <button type=\"submit\" class=\"claim-btn w-full py-4 flex items-center justify-center gap-3 group\">\r\n                            <span class=\"relative z-10\">ACCEPT THIS GIFT<\/span>\r\n                            <i data-lucide=\"gift\" class=\"w-4 h-4 relative z-10 group-hover:text-white transition-colors\"><\/i>\r\n                        <\/button>\r\n\r\n                    <\/form>\r\n\r\n                    <!-- Success State (Hidden by default) -->\r\n                    <div id=\"successMessage\" class=\"hidden p-8 flex flex-col items-center justify-center text-center min-h-[400px]\">\r\n                        <div class=\"w-16 h-16 border-2 border-[#d4af37] rounded-full flex items-center justify-center mb-6 animate-pulse\">\r\n                            <i data-lucide=\"check\" class=\"w-8 h-8 text-[#d4af37]\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold text-[#d4af37] mb-2\">GIFT ACCEPTED<\/h3>\r\n                        <p class=\"text-[#a8a095] text-sm mb-6\">Your claim is recorded. The Sigil will be sent to you shortly.<\/p>\r\n                        <p class=\"text-[#7d6b49] font-mono text-xs\">\r\n                            [TRANSMISSION COMPLETE]\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Error State (Hidden by default) -->\r\n                    <div id=\"errorMessage\" class=\"hidden p-8 flex flex-col items-center justify-center text-center min-h-[400px]\">\r\n                        <div class=\"w-16 h-16 border-2 border-red-500 rounded-full flex items-center justify-center mb-6\">\r\n                            <i data-lucide=\"alert-triangle\" class=\"w-8 h-8 text-red-500\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold text-red-500 mb-2\">TRANSMISSION FAILED<\/h3>\r\n                        <p class=\"text-[#a8a095] text-sm mb-6\">The archives are currently unreachable. Please try again later.<\/p>\r\n                        <button onclick=\"resetForm()\" class=\"text-[#7d6b49] hover:text-[#d4af37] font-mono text-xs underline decoration-dotted\">\r\n                            [RETRY]\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Footer Text - Simplified -->\r\n                <div class=\"mt-4 font-mono text-[10px] text-[#7d6b49] opacity-70 text-center\">\r\n                    A tribute to our warriors.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- COPYRIGHT FOOTER -->\r\n    <div class=\"w-full border-t border-[#7d6b49]\/30 py-6 mt-24 relative z-10 bg-[#050505]\/80 backdrop-blur-sm\">\r\n        <div class=\"max-w-6xl mx-auto px-4 text-center\">\r\n            <p class=\"font-mono text-[10px] text-[#7d6b49] tracking-[0.2em] uppercase\">\r\n                ALL RIGHTS RESERVED \/\/ <a href=\"https:\/\/aorphis.com\" class=\"text-[#d4af37] hover:underline\">AORPHIS.COM<\/a> \/\/ 2026\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        \/\/ Dynamic Placeholder Logic\r\n        function updatePlaceholder() {\r\n            const select = document.getElementById('vectorSelect');\r\n            const input = document.getElementById('contactInput');\r\n            const icon = document.getElementById('inputIcon');\r\n            \r\n            const val = select.value;\r\n\r\n            if (val === 'email') {\r\n                input.placeholder = \"Enter email address...\";\r\n                input.type = \"email\";\r\n                icon.setAttribute('data-lucide', 'at-sign');\r\n            } else if (val === 'telegram') {\r\n                input.placeholder = \"@Username or Phone...\";\r\n                input.type = \"text\";\r\n                icon.setAttribute('data-lucide', 'send');\r\n            } else if (val === 'whatsapp') {\r\n                input.placeholder = \"Phone number (+1...)\";\r\n                input.type = \"tel\";\r\n                icon.setAttribute('data-lucide', 'phone');\r\n            }\r\n            lucide.createIcons();\r\n        }\r\n\r\n        \/\/ Real Submission Logic\r\n        async function handleClaim() {\r\n            const form = document.getElementById('claimForm');\r\n            const success = document.getElementById('successMessage');\r\n            const error = document.getElementById('errorMessage');\r\n            const btn = form.querySelector('button');\r\n            const originalText = btn.innerHTML;\r\n\r\n            \/\/ Loading State\r\n            btn.innerHTML = '<span class=\"animate-pulse\">SCRIBING TO ARCHIVE...<\/span>';\r\n            btn.classList.add('opacity-80', 'cursor-wait');\r\n\r\n            \/\/ Collect Data\r\n            const formData = new FormData(form);\r\n            const data = Object.fromEntries(formData.entries());\r\n\r\n            try {\r\n                \/\/ Fixed: Use absolute path to send_mail.php\r\n                const response = await fetch('https:\/\/aorphis.com\/send_mail.php', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                    },\r\n                    body: JSON.stringify(data),\r\n                });\r\n\r\n                if (response.ok) {\r\n                    \/\/ Success\r\n                    form.classList.add('hidden');\r\n                    success.classList.remove('hidden');\r\n                    error.classList.add('hidden');\r\n                } else {\r\n                    \/\/ Server Error\r\n                    throw new Error('Server returned ' + response.status);\r\n                }\r\n            } catch (err) {\r\n                \/\/ Network\/Other Error\r\n                console.error(err);\r\n                form.classList.add('hidden');\r\n                success.classList.add('hidden');\r\n                error.classList.remove('hidden');\r\n            } finally {\r\n                \/\/ Reset Button\r\n                btn.innerHTML = originalText;\r\n                btn.classList.remove('opacity-80', 'cursor-wait');\r\n            }\r\n        }\r\n\r\n        function resetForm() {\r\n            document.getElementById('claimForm').reset();\r\n            document.getElementById('claimForm').classList.remove('hidden');\r\n            document.getElementById('successMessage').classList.add('hidden');\r\n            document.getElementById('errorMessage').classList.add('hidden');\r\n            updatePlaceholder();\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>THE 300 \/\/ CLAIM GIFT<\/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-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":45,"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/pages\/182\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/aorphis.com\/home\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}