{"id":592,"date":"2025-11-20T04:24:59","date_gmt":"2025-11-20T04:24:59","guid":{"rendered":"https:\/\/asraverse.com\/?page_id=592"},"modified":"2025-11-20T06:59:02","modified_gmt":"2025-11-20T06:59:02","slug":"new-home-2","status":"publish","type":"page","link":"https:\/\/asraverse.com\/","title":{"rendered":"New Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"592\" class=\"elementor elementor-592\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-008d05a e-con-full e-flex e-con e-parent\" data-id=\"008d05a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6276eb elementor-widget elementor-widget-html\" data-id=\"d6276eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* RESET & FONTS *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700&family=Manrope:wght@200;400;600&display=swap');\r\n\r\n   \/* FORCE DARK MODE CONTAINER *\/\r\n   .custom-design-wrapper {\r\n        background-color: #050505;\r\n        color: white;\r\n        font-family: 'Manrope', sans-serif;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column; \/* <--- THIS IS THE KEY FIX *\/\r\n        justify-content: flex-start; \/* Ensures it starts at the top *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* --- VARIABLES --- *\/\r\n    .custom-design-wrapper {\r\n        --text-gold: #F2E8CF;\r\n        --text-mute: #888888;\r\n        --glow-red: rgba(220, 38, 38, 0.15);\r\n        --glow-gold: rgba(217, 119, 6, 0.15);\r\n        --glow-blue: rgba(37, 99, 235, 0.15);\r\n    }\r\n\r\n    \/* --- NAVIGATION --- *\/\r\n    .custom-nav {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 2rem 4rem;\r\n        z-index: 100;\r\n        width: 100%;\r\n    }\r\n    \r\n    .logo-area {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.5rem;\r\n        letter-spacing: 2px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    \/* LOGO PLACEHOLDER *\/\r\n    .logo-icon {\r\n        width: 40px; height: 40px;\r\n        border-radius: 50%;\r\n        \/* Spectrum gradient to match your mandala *\/\r\n        background: conic-gradient(from 0deg, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee, #ff0000);\r\n        box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);\r\n        position: relative;\r\n    }\r\n    .logo-icon::after {\r\n        content: ''; position: absolute; inset: -2px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(45deg, transparent, white, transparent);\r\n        opacity: 0.5;\r\n        animation: spin-shine 4s infinite linear;\r\n    }\r\n\r\n    \/* --- MAIN CONTENT --- *\/\r\n    .stage {\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* SPOTLIGHT BACKGROUND *\/\r\n    .spotlight {\r\n        position: absolute;\r\n        width: 60vw; height: 60vw;\r\n        border-radius: 50%;\r\n        filter: blur(120px);\r\n        opacity: 0.4;\r\n        z-index: 0;\r\n        animation: pulse-color 10s infinite alternate;\r\n    }\r\n\r\n    \/* CARD DESIGN *\/\r\n    .cinema-card {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 900px;\r\n        width: 90%;\r\n        border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0) 100%);\r\n        padding: 4rem 2rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .cinema-card h1 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(3rem, 5vw, 5rem); \/* Responsive size *\/\r\n        font-weight: 400;\r\n        color: white;\r\n        margin-bottom: 1.5rem;\r\n        letter-spacing: -1px;\r\n        text-transform: uppercase;\r\n        background: linear-gradient(to bottom, #ffffff, #999999);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .subtitle {\r\n        font-size: 1.1rem;\r\n        color: var(--text-mute);\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 3rem;\r\n        border-bottom: 1px solid rgba(255,255,255,0.1);\r\n        display: inline-block;\r\n        padding-bottom: 10px;\r\n    }\r\n\r\n    \/* BUTTONS *\/\r\n    .btn-group { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap;}\r\n    \r\n    .btn-elegant {\r\n        text-decoration: none;\r\n        color: white;\r\n        font-size: 0.9rem;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        padding: 1rem 2rem;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    .btn-elegant:hover {\r\n        border-color: white;\r\n        background: rgba(255,255,255,0.05);\r\n        box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes pulse-color {\r\n        0% { background: var(--glow-blue); transform: scale(0.9); }\r\n        50% { background: var(--glow-red); transform: scale(1.1); }\r\n        100% { background: var(--glow-gold); transform: scale(0.9); }\r\n    }\r\n    @keyframes spin-shine {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* MOBILE TWEAKS *\/\r\n    @media (max-width: 768px) {\r\n        .custom-nav { padding: 1.5rem; flex-direction: column; gap: 10px; }\r\n        .cinema-card { padding: 2rem 1rem; }\r\n    }\r\n    \/* SMOOTH SCROLLING *\/\r\n    html { scroll-behavior: smooth; }\r\n\r\n    \/* NAV LINKS STYLE *\/\r\n    .nav-center {\r\n        display: flex;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .nav-link {\r\n        color: #888;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        font-size: 0.85rem;\r\n        letter-spacing: 2px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .nav-link:hover {\r\n        color: white;\r\n        text-shadow: 0 0 10px rgba(255,255,255,0.5);\r\n    }\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"custom-design-wrapper\">\r\n    <nav class=\"custom-nav\">\r\n        <!-- LEFT: LOGO -->\r\n        <div class=\"logo-area\">\r\n            <img decoding=\"async\" src=\"http:\/\/asraverse.com\/wp-content\/uploads\/2025\/05\/AsraVerse-Logo.png\" alt=\"Asraverse Generative AI Studio Logo\" style=\"height: 60px; width: auto; animation: spin-shine 20s linear infinite;\">\r\n            ASRAVERSE\r\n        <\/div>\r\n\r\n        <!-- CENTER: MENU LINKS -->\r\n        <div class=\"nav-center\">\r\n            <a href=\"#about\" class=\"nav-link\">About<\/a>\r\n            <a href=\"#projects\" class=\"nav-link\">Projects<\/a>\r\n            <a href=\"#contact\" class=\"nav-link\">Contact<\/a>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: DATE (Class added so we can hide it on mobile) -->\r\n        <div class=\"est-date\" style=\"font-size: 0.8rem; letter-spacing: 2px; color: #666;\">EST. 2025<\/div>\r\n    <\/nav>\r\n\r\n    <div class=\"stage\">\r\n        <div class=\"spotlight\"><\/div>\r\n        \r\n        <main class=\"cinema-card\">\r\n            <!-- SUBTITLE -->\r\n            <p class=\"subtitle\">Welcome to the Future of Art<\/p>\r\n            \r\n            <!-- HEADLINE -->\r\n            <!-- The <span> makes the word \"Perfection\" silver\/metallic -->\r\n            <h1>Curated to <br> <span>Perfection<\/span><\/h1>\r\n            \r\n            <!-- BODY TEXT -->\r\n            <p style=\"color: #aaa; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.8;\">\r\n                Experience stories sculpted with unique design and generative precision. \r\n                At Asraverse, we don't just create content\u2014we engineer the impossible.\r\n            <\/p>\r\n            \r\n            <!-- BUTTONS -->\r\n            <div class=\"btn-group\">\r\n    <a href=\"#projects\" class=\"btn-elegant\">EXPLORE THE VERSE<\/a>\r\n    <a href=\"#contact\" class=\"btn-elegant\">START A PROJECT<\/a>\r\n<\/div>\r\n        <\/main>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4649dc elementor-widget elementor-widget-html\" data-id=\"f4649dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- PROJECT GALLERY STYLES --- *\/\r\n    .projects-section {\r\n        background-color: #050505;\r\n        padding: 6rem 2rem;\r\n        font-family: 'Manrope', sans-serif;\r\n        position: relative;\r\n        \/* This radial gradient creates a subtle spotlight behind the grid *\/\r\n        background-image: radial-gradient(circle at 50% 50%, rgba(30, 30, 30, 0.4) 0%, #050505 70%);\r\n    }\r\n\r\n    .projects-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n\r\n    .projects-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 3rem;\r\n        color: white;\r\n        margin-bottom: 0.5rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .projects-subtitle {\r\n        color: #888;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    \/* --- THE GRID --- *\/\r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 2rem;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- THE GLASS CARD --- *\/\r\n    .project-card {\r\n        position: relative;\r\n        height: 400px;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: all 0.4s ease;\r\n        \r\n        \/* Glass Effect *\/\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    \/* IMAGE BACKGROUND *\/\r\n    .card-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        opacity: 0.7;\r\n    }\r\n\r\n    \/* DARKEN OVERLAY (Makes text readable) *\/\r\n    .card-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* TEXT INFO *\/\r\n    .card-info {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 30px;\r\n        z-index: 2;\r\n        transform: translateY(10px);\r\n        transition: transform 0.4s ease, opacity 0.4s ease;\r\n    }\r\n\r\n    .card-cat {\r\n        color: #F2E8CF; \/* Gold Accent *\/\r\n        font-size: 0.7rem;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 5px;\r\n        display: block;\r\n    }\r\n\r\n    .card-title {\r\n        color: white;\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.5rem;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- HOVER EFFECTS (The \"Power Up\") --- *\/\r\n    .project-card:hover {\r\n        border-color: rgba(255, 255, 255, 0.4);\r\n        box-shadow: 0 10px 40px rgba(0, 255, 255, 0.05);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .project-card:hover .card-image {\r\n        transform: scale(1.1); \/* Slight Zoom *\/\r\n        opacity: 1; \/* Brightens up *\/\r\n    }\r\n\r\n    .project-card:hover .card-info {\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    \/* Mobile fix *\/\r\n    @media (max-width: 768px) {\r\n        .projects-section { padding: 4rem 1rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"projects-section\" id=\"projects\">\r\n    <div class=\"projects-header\">\r\n        <p class=\"projects-subtitle\">Explore The Verse<\/p>\r\n        <h2 class=\"projects-title\">Selected Works<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n\r\n        <!-- PROJECT 1 -->\r\n        <div class=\"project-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=lbEnJy5skhY')\">\r\n            <div class=\"card-overlay\"><\/div>\r\n            <!-- Replace this image link with your project thumbnail -->\r\n            <img decoding=\"async\" src=\"http:\/\/asraverse.com\/wp-content\/uploads\/2025\/11\/Youtube-Thumbnail.png\" class=\"card-image\" alt=\"Project 1\">\r\n            \r\n            <div class=\"card-info\">\r\n                <span class=\"card-cat\">Action Series<\/span>\r\n                <h3 class=\"card-title\">Mughalistan<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PROJECT 2 -->\r\n        <div class=\"project-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=NmA4O4bQNo0')\">\r\n            <div class=\"card-overlay\"><\/div>\r\n            <img decoding=\"async\" src=\"http:\/\/asraverse.com\/wp-content\/uploads\/2025\/11\/Poster.jpg\" class=\"card-image\" alt=\"Project 2\">\r\n            \r\n            <div class=\"card-info\">\r\n                <span class=\"card-cat\">Music Video<\/span>\r\n                <h3 class=\"card-title\">BoP - Khala ka Larka<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PROJECT 3 -->\r\n        <div class=\"project-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=1nZqmvo9_bk')\">\r\n            <div class=\"card-overlay\"><\/div>\r\n            <img decoding=\"async\" src=\"http:\/\/asraverse.com\/wp-content\/uploads\/2025\/11\/Ayzel-Tiger-Youtube-Thumbnail.jpg\" class=\"card-image\" alt=\"Project 3\">\r\n            \r\n            <div class=\"card-info\">\r\n                <span class=\"card-cat\">Kids Series<\/span>\r\n                <h3 class=\"card-title\">Ayzel Tiger<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5c33c8 elementor-widget elementor-widget-html\" data-id=\"e5c33c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- LAYOUT STYLES (Reverted Zoom) --- *\/\r\n    .about-section {\r\n        background-color: #050505;\r\n        padding: 6rem 2rem;\r\n        font-family: 'Manrope', sans-serif;\r\n        color: white;\r\n        position: relative;\r\n    }\r\n    \r\n    .about-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 4rem;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Left Side Text *\/\r\n    .about-content { flex: 1; min-width: 300px; }\r\n    .about-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 3rem;\r\n        line-height: 1.1;\r\n        margin-bottom: 1.5rem;\r\n        color: #FFFFFF;\r\n    }\r\n    .about-text { color: #aaa; line-height: 1.8; font-size: 1.1rem; margin-bottom: 2rem; }\r\n\r\n    .stats-row {\r\n        display: flex; gap: 3rem; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem;\r\n    }\r\n    .stat-item h3 { font-size: 2rem; margin-bottom: 0; color: white; }\r\n    .stat-item p { font-size: 0.8rem; color: #666; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    \/* --- VIDEO CONTAINER STYLES --- *\/\r\n    .about-visual {\r\n        flex: 1; min-width: 300px; height: 400px;\r\n        position: relative;\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n\r\n    .holo-box {\r\n        width: 100%; height: 100%;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n        position: relative;\r\n        background: black;\r\n    }\r\n\r\n    .video-wrapper {\r\n        width: 100%; height: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .video-wrapper iframe {\r\n        width: 100%; height: 100%;\r\n        object-fit: contain; \/* Ensures whole video is seen (adds black bars if needed) *\/\r\n        opacity: 1; \/* Crystal Clear *\/\r\n    }\r\n\r\n    \/* --- AUDIO BUTTON STYLE --- *\/\r\n    .audio-toggle {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        right: 20px;\r\n        background: rgba(0, 0, 0, 0.6);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        color: white;\r\n        font-family: 'Manrope', sans-serif;\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        padding: 8px 16px;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        transition: all 0.3s ease;\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .audio-toggle:hover {\r\n        background: white;\r\n        color: black;\r\n    }\r\n    \r\n    \/* Decorative Corners *\/\r\n    .holo-box::before { content: ''; position: absolute; top: -5px; left: -5px; width: 10px; height: 10px; border-top: 1px solid white; border-left: 1px solid white; }\r\n    .holo-box::after { content: ''; position: absolute; bottom: -5px; right: -5px; width: 10px; height: 10px; border-bottom: 1px solid white; border-right: 1px solid white; }\r\n\r\n<\/style>\r\n\r\n<div class=\"about-section\" id=\"about\">\r\n    <div class=\"about-grid\">\r\n        \r\n        <!-- TEXT SIDE -->\r\n        <div class=\"about-content\">\r\n            <span style=\"color: #F2E8CF; letter-spacing: 3px; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 1rem; display: block;\">Who We Are<\/span>\r\n            <h2 class=\"about-title\">Architects of <br> The Unseen.<\/h2>\r\n            <p class=\"about-text\">\r\n                Asraverse is not just a studio; it is an engine of imagination. \r\n                We bridge the gap between cinematic storytelling and neural generative networks.\r\n                We don't wait for the future. We render it.\r\n            <\/p>\r\n            \r\n            <div class=\"stats-row\">\r\n                <div class=\"stat-item\">\r\n                    <h3>2025<\/h3>\r\n                    <p>Established<\/p>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <h3>\u221e<\/h3>\r\n                    <p>Possibilities<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- VIDEO SIDE -->\r\n        <div class=\"about-visual\">\r\n            <div class=\"holo-box\">\r\n                <div class=\"video-wrapper\">\r\n                    <!-- Added enablejsapi=1 to allow the button to work -->\r\n                    <iframe \r\n                        id=\"asra-video\"\r\n                        src=\"https:\/\/www.youtube.com\/embed\/lbEnJy5skhY?autoplay=1&mute=1&controls=0&loop=1&playlist=lbEnJy5skhY&showinfo=0&modestbranding=1&enablejsapi=1\" \r\n                        title=\"Asraverse Showreel\" \r\n                        frameborder=\"0\" \r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                <\/div>\r\n                \r\n                <!-- The Custom Button -->\r\n                <button id=\"audio-btn\" class=\"audio-toggle\">UNMUTE<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT TO CONTROL AUDIO -->\r\n<script>\r\n    (function() {\r\n        const btn = document.getElementById('audio-btn');\r\n        const frame = document.getElementById('asra-video');\r\n        let isMuted = true;\r\n\r\n        if(btn && frame) {\r\n            btn.addEventListener('click', function() {\r\n                if(isMuted) {\r\n                    \/\/ Send command to YouTube to Unmute\r\n                    frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"unMute\",\"args\":\"\"}', '*');\r\n                    btn.innerText = \"MUTE SOUND\";\r\n                    isMuted = false;\r\n                } else {\r\n                    \/\/ Send command to YouTube to Mute\r\n                    frame.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"mute\",\"args\":\"\"}', '*');\r\n                    btn.innerText = \"UNMUTE\";\r\n                    isMuted = true;\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-235d856 elementor-widget elementor-widget-html\" data-id=\"235d856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* CONTACT SECTION LAYOUT *\/\r\n    .contact-section {\r\n        background-color: #050505;\r\n        padding: 6rem 2rem;\r\n        position: relative;\r\n        border-top: 1px solid rgba(255,255,255,0.05);\r\n        font-family: 'Manrope', sans-serif;\r\n        color: white;\r\n    }\r\n\r\n    .contact-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n    }\r\n\r\n    .section-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 2.5rem;\r\n        margin-bottom: 1rem;\r\n        background: linear-gradient(to right, #fff, #999);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    \/* --- CF7 FORM STYLING --- *\/\r\n    \r\n    \/* The Container *\/\r\n    .tech-form {\r\n        background: rgba(255,255,255,0.02);\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        padding: 3rem;\r\n        border-radius: 4px;\r\n        backdrop-filter: blur(5px);\r\n        position: relative;\r\n        text-align: left; \/* Reset alignment for inputs *\/\r\n    }\r\n    \r\n    \/* Decorative Corners *\/\r\n    .tech-form::before { content: ''; position: absolute; top: -1px; left: -1px; width: 20px; height: 20px; border-top: 2px solid white; border-left: 2px solid white; pointer-events: none;}\r\n    .tech-form::after { content: ''; position: absolute; bottom: -1px; right: -1px; width: 20px; height: 20px; border-bottom: 2px solid white; border-right: 2px solid white; pointer-events: none;}\r\n\r\n    \/* Labels *\/\r\n    .input-group { margin-bottom: 2rem; }\r\n    \r\n    .input-label {\r\n        display: block;\r\n        font-size: 0.8rem;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        color: #888;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    \/* Inputs (Targeting CF7 classes) *\/\r\n    input.tech-input, \r\n    textarea.tech-input {\r\n        width: 100%;\r\n        background: transparent;\r\n        border: none;\r\n        border-bottom: 1px solid rgba(255,255,255,0.2);\r\n        color: white;\r\n        padding: 10px 0;\r\n        font-size: 1.1rem;\r\n        font-family: 'Manrope', sans-serif;\r\n        transition: 0.3s;\r\n        outline: none;\r\n    }\r\n    \r\n    input.tech-input:focus, \r\n    textarea.tech-input:focus {\r\n        border-bottom-color: #fff;\r\n        box-shadow: 0 10px 20px -10px rgba(255,255,255,0.1);\r\n    }\r\n\r\n    \/* Submit Button *\/\r\n    input.btn-submit {\r\n        background: white;\r\n        color: black;\r\n        border: none;\r\n        padding: 1rem 3rem;\r\n        font-family: 'Cinzel', serif;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        margin-top: 1rem;\r\n        width: 100%;\r\n    }\r\n    \r\n    input.btn-submit:hover {\r\n        background: #ddd;\r\n        box-shadow: 0 0 20px rgba(255,255,255,0.4);\r\n    }\r\n\r\n    \/* SUCCESS MESSAGE STYLING *\/\r\n    .wpcf7-response-output {\r\n        border: 1px solid #00FF00 !important;\r\n        background: rgba(0, 255, 0, 0.05) !important;\r\n        color: #00FF00 !important;\r\n        font-family: 'Cinzel', serif;\r\n        padding: 1rem !important;\r\n        text-align: center;\r\n        margin-top: 2rem !important;\r\n    }\r\n    \r\n    \/* Error Message Styling *\/\r\n    .wpcf7-not-valid-tip {\r\n        color: #FF0055;\r\n        font-size: 0.8rem;\r\n        margin-top: 5px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-section\" id=\"contact\">\r\n    <div class=\"contact-container\">\r\n        <h2 class=\"section-title\">Initiate Protocol<\/h2>\r\n        <p style=\"color:#666; margin-bottom: 3rem;\">Send a signal to the Asraverse core.<\/p>\r\n\r\n        <!-- PASTE YOUR SHORTCODE BELOW THIS LINE -->\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f645-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"645\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F592#wpcf7-f645-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"645\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f645-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"tech-form\">\n\t<div class=\"input-group\">\n\t\t<p><label class=\"input-label\">Identity (Name)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required tech-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your designation\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"input-group\">\n\t\t<p><label class=\"input-label\">Frequency (Email)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email tech-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter contact frequency\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"input-group\">\n\t\t<p><label class=\"input-label\">Directive (Message)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required tech-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Describe your mission parameters...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-submit\" type=\"submit\" value=\"TRANSMIT\" \/>\n\t<\/p>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"147\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n        \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b95e26 e-flex e-con-boxed e-con e-parent\" data-id=\"4b95e26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d199cce elementor-widget elementor-widget-html\" data-id=\"d199cce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* FOOTER STYLES *\/\r\n    .footer-section {\r\n        background-color: #000000;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        padding: 4rem 2rem;\r\n        font-family: 'Manrope', sans-serif;\r\n        color: white;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .footer-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        flex-wrap: wrap;\r\n        gap: 2rem;\r\n    }\r\n\r\n    \/* Left Side: Brand *\/\r\n    .footer-brand h3 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 1rem;\r\n        color: white;\r\n    }\r\n    .footer-copyright {\r\n        color: #666;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Right Side: Social Links *\/\r\n    .footer-links {\r\n        display: flex;\r\n        gap: 2rem;\r\n    }\r\n    \r\n    .social-link {\r\n        color: #888;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-size: 0.8rem;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Hover Effect: Glow White *\/\r\n    .social-link:hover {\r\n        color: white;\r\n        text-shadow: 0 0 10px rgba(255,255,255,0.5);\r\n    }\r\n\r\n    \/* Mobile Fix *\/\r\n    @media (max-width: 768px) {\r\n        .footer-container { flex-direction: column; text-align: center; align-items: center; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"footer-section\">\r\n    <div class=\"footer-container\">\r\n        \r\n        <!-- BRAND COLUMN -->\r\n        <div class=\"footer-brand\">\r\n            <h3>ASRAVERSE<\/h3>\r\n            <div class=\"footer-copyright\">\r\n                \u00a9 2025 Asraverse Studio.<br>\r\n                All Systems Nominal.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SOCIAL COLUMN -->\r\n        <div class=\"footer-links\">\r\n            <a href=\"http:\/\/instagram.com\/asraverse.productions\/\" target=\"_blank\" class=\"social-link\" rel=\"noopener\">Instagram<\/a>\r\n            <a href=\"https:\/\/x.com\/AVerseProd\" target=\"_blank\" class=\"social-link\">Twitter \/ X<\/a>\r\n            <a href=\"https:\/\/www.youtube.com\/@AsraVerse\" target=\"_blank\" class=\"social-link\" rel=\"noopener\">YouTube<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\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>ASRAVERSE About Projects Contact EST. 2025 Welcome to the Future of Art Curated to Perfection Experience stories sculpted with unique [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","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-592","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asraverse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=592"}],"version-history":[{"count":5,"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions"}],"predecessor-version":[{"id":661,"href":"https:\/\/asraverse.com\/index.php?rest_route=\/wp\/v2\/pages\/592\/revisions\/661"}],"wp:attachment":[{"href":"https:\/\/asraverse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}