{"id":142,"date":"2026-04-05T18:45:11","date_gmt":"2026-04-05T18:45:11","guid":{"rendered":"https:\/\/ononeclick.com\/?page_id=142"},"modified":"2026-04-05T18:45:57","modified_gmt":"2026-04-05T18:45:57","slug":"elementor-142","status":"publish","type":"page","link":"https:\/\/ononeclick.com\/?page_id=142","title":{"rendered":"Elementor #142"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"142\" class=\"elementor elementor-142\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6837d9b e-flex e-con-boxed e-con e-parent\" data-id=\"6837d9b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1124df elementor-widget elementor-widget-html\" data-id=\"b1124df\" data-element_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, user-scalable=yes\">\r\n    <title>Reeb Ka Lia Villian | Wedding Invitation<\/title>\r\n    <!-- Google Fonts & Simple Icons -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: linear-gradient(145deg, #fae5d3 0%, #f7d9c4 100%);\r\n            font-family: 'Inter', sans-serif;\r\n            color: #3e2a2a;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* main container *\/\r\n        .wedding-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 2rem 1.5rem 4rem;\r\n        }\r\n\r\n        \/* hero \/ header area *\/\r\n        .hero {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n            position: relative;\r\n        }\r\n\r\n        .floral-divider {\r\n            font-size: 2rem;\r\n            color: #c57f4e;\r\n            letter-spacing: 12px;\r\n            margin: 0.5rem 0;\r\n        }\r\n\r\n        .title-main {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            color: #8b3c1c;\r\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.05);\r\n            letter-spacing: -0.5px;\r\n            word-break: keep-all;\r\n        }\r\n\r\n        .title-sub {\r\n            font-size: 1.25rem;\r\n            font-weight: 400;\r\n            background: #fef1e4;\r\n            display: inline-block;\r\n            padding: 0.4rem 2rem;\r\n            border-radius: 60px;\r\n            backdrop-filter: blur(2px);\r\n            margin-top: 1rem;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .villain-badge {\r\n            background: #2d1b13;\r\n            color: #f3cfaa;\r\n            display: inline-block;\r\n            padding: 0.3rem 1rem;\r\n            border-radius: 40px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            margin-top: 1rem;\r\n            font-family: monospace;\r\n        }\r\n\r\n        \/* couple section *\/\r\n        .couple-card {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 2rem;\r\n            background: rgba(255, 248, 240, 0.85);\r\n            backdrop-filter: blur(2px);\r\n            border-radius: 80px 40px 80px 40px;\r\n            padding: 2rem 2rem;\r\n            margin: 2rem 0;\r\n            box-shadow: 0 20px 35px -15px rgba(0,0,0,0.2);\r\n            border: 1px solid rgba(255,215,180,0.7);\r\n        }\r\n\r\n        .person {\r\n            text-align: center;\r\n            flex: 1;\r\n            min-width: 160px;\r\n        }\r\n\r\n        .person .avatar {\r\n            font-size: 5rem;\r\n            background: #e8c9aa;\r\n            width: 130px;\r\n            height: 130px;\r\n            margin: 0 auto 1rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            box-shadow: 0 15px 20px rgba(0,0,0,0.1);\r\n            border: 4px solid #fff7e8;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .person .avatar i {\r\n            font-size: 4rem;\r\n            color: #6b2e1a;\r\n        }\r\n\r\n        .person h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: #5e2a17;\r\n        }\r\n\r\n        .person p {\r\n            font-size: 1rem;\r\n            color: #8f5a3c;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .and-icon {\r\n            font-size: 2.8rem;\r\n            background: #d9a06b;\r\n            color: white;\r\n            width: 70px;\r\n            height: 70px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: bold;\r\n            box-shadow: 0 5px 12px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        \/* story \/ villain twist section *\/\r\n        .villain-story {\r\n            background: #2b211b;\r\n            color: #f7e5d4;\r\n            padding: 2rem 2rem;\r\n            border-radius: 50px 20px 50px 20px;\r\n            margin: 2.5rem 0;\r\n            text-align: center;\r\n            box-shadow: 0 12px 25px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .villain-story h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 1rem;\r\n            color: #fad6a5;\r\n        }\r\n\r\n        .villain-story p {\r\n            font-size: 1.1rem;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .villain-quote {\r\n            font-style: italic;\r\n            margin-top: 1.2rem;\r\n            font-weight: 300;\r\n            border-left: 3px solid #c47e4a;\r\n            padding-left: 1.2rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* event details grid *\/\r\n        .details-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1.8rem;\r\n            justify-content: center;\r\n            margin: 3rem 0;\r\n        }\r\n\r\n        .event-card {\r\n            background: white;\r\n            border-radius: 32px;\r\n            padding: 1.6rem;\r\n            width: 260px;\r\n            text-align: center;\r\n            transition: all 0.25s ease;\r\n            box-shadow: 0 12px 25px -8px rgba(0,0,0,0.1);\r\n            border-bottom: 5px solid #e7b183;\r\n        }\r\n\r\n        .event-card i {\r\n            font-size: 2.2rem;\r\n            color: #b45f2b;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .event-card h4 {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 0.5rem;\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n\r\n        .event-card .date {\r\n            font-weight: 700;\r\n            color: #8b4722;\r\n            margin: 0.6rem 0;\r\n        }\r\n\r\n        .event-card p {\r\n            color: #5d3a28;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* rsvp & countdown *\/\r\n        .rsvp-section {\r\n            background: #fef1e4;\r\n            border-radius: 48px;\r\n            padding: 2rem 1.8rem;\r\n            margin: 2rem 0;\r\n            text-align: center;\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .countdown {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1.2rem;\r\n            flex-wrap: wrap;\r\n            margin: 1.8rem 0;\r\n        }\r\n\r\n        .time-box {\r\n            background: #fff2e6;\r\n            border-radius: 28px;\r\n            padding: 0.7rem 1.2rem;\r\n            min-width: 80px;\r\n            text-align: center;\r\n            box-shadow: inset 0 0 0 1px #edd6bf, 0 5px 12px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .time-number {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            color: #a24d1f;\r\n            font-family: monospace;\r\n        }\r\n\r\n        .time-label {\r\n            font-size: 0.7rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .btn-rsvp {\r\n            background: #8b3c1c;\r\n            border: none;\r\n            color: white;\r\n            padding: 1rem 2rem;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            border-radius: 60px;\r\n            cursor: pointer;\r\n            transition: 0.2s;\r\n            margin-top: 0.8rem;\r\n            box-shadow: 0 5px 12px rgba(0,0,0,0.2);\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .btn-rsvp:hover {\r\n            background: #6e2e13;\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        \/* modal for rsvp *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background: rgba(0,0,0,0.7);\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n        }\r\n        .modal-content {\r\n            background: #fffaf5;\r\n            max-width: 400px;\r\n            width: 90%;\r\n            border-radius: 48px;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        .modal-content h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.8rem;\r\n            color: #76341a;\r\n        }\r\n        .modal-content input {\r\n            width: 100%;\r\n            padding: 12px;\r\n            margin: 1rem 0;\r\n            border-radius: 60px;\r\n            border: 1px solid #e2c3aa;\r\n            background: #fff;\r\n            font-size: 1rem;\r\n        }\r\n        .modal-content button {\r\n            background: #b46232;\r\n            color: white;\r\n            border: none;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 40px;\r\n            font-weight: bold;\r\n            margin: 0.5rem;\r\n            cursor: pointer;\r\n        }\r\n        .close-modal {\r\n            background: #c2a07e;\r\n        }\r\n        .thankyou-message {\r\n            margin-top: 1rem;\r\n            font-weight: 500;\r\n            color: #478a3b;\r\n        }\r\n\r\n        \/* gallery minimal *\/\r\n        .gallery-mini {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n            margin: 2rem 0;\r\n        }\r\n        .gallery-item {\r\n            background: #e5cfbb;\r\n            width: 100px;\r\n            height: 100px;\r\n            border-radius: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.4rem;\r\n            color: #7b3a1a;\r\n            transition: 0.2s;\r\n            box-shadow: 0 8px 14px rgba(0,0,0,0.1);\r\n        }\r\n        .footer {\r\n            text-align: center;\r\n            margin-top: 3rem;\r\n            font-size: 0.85rem;\r\n            color: #5e3a28;\r\n            border-top: 1px dashed #e1c2a2;\r\n            padding-top: 1.5rem;\r\n        }\r\n\r\n        @media (max-width: 700px) {\r\n            .title-main { font-size: 2.3rem; }\r\n            .couple-card { flex-direction: column; border-radius: 50px; }\r\n            .and-icon { margin: 0.5rem 0; }\r\n            .person .avatar { width: 100px; height: 100px; }\r\n            .person .avatar i { font-size: 3rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wedding-container\">\r\n    <!-- Hero Section -->\r\n    <div class=\"hero\">\r\n        <div class=\"floral-divider\">\r\n            <i class=\"fas fa-feather-alt\"><\/i> \u273f <i class=\"fas fa-heart\"><\/i> \u273f <i class=\"fas fa-feather-alt\"><\/i>\r\n        <\/div>\r\n        <h1 class=\"title-main\">REEB KA LIA VILLIAN<\/h1>\r\n        <div class=\"title-sub\">\u2014 A WEDDING SAGA LIKE NO OTHER \u2014<\/div>\r\n        <div class=\"villain-badge\">\r\n            <i class=\"fas fa-skull\"><\/i> THE REDEMPTION OF A VILLAIN <i class=\"fas fa-mask\"><\/i>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- The Couple -->\r\n    <div class=\"couple-card\">\r\n        <div class=\"person\">\r\n            <div class=\"avatar\">\r\n                <i class=\"fas fa-crown\"><\/i>\r\n            <\/div>\r\n            <h2>Reeb<\/h2>\r\n            <p>The Fearless Heart<\/p>\r\n        <\/div>\r\n        <div class=\"and-icon\">\r\n            \u2726\r\n        <\/div>\r\n        <div class=\"person\">\r\n            <div class=\"avatar\">\r\n                <i class=\"fas fa-moon\"><\/i>\r\n            <\/div>\r\n            <h2>Lia Villian<\/h2>\r\n            <p>The Enigmatic Soul<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Villain Story Twist -->\r\n    <div class=\"villain-story\">\r\n        <h3><i class=\"fas fa-dragon\"><\/i> Once Upon a Villain...<\/h3>\r\n        <p>Every great love story needs a twist \u2014 and ours begins with a charming villain, Lia, who stole Reeb's heart in the most unexpected heist. From chaos to forever, this is not just a wedding; it's the final chapter where the villain finds their hero. Join us as we rewrite the stars.<\/p>\r\n        <div class=\"villain-quote\">\r\n            \u201cEvery villain deserves a love story that turns them into the hero of someone\u2019s world.\u201d \u2014 Reeb & Lia\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Wedding Events Details -->\r\n    <div class=\"details-grid\">\r\n        <div class=\"event-card\">\r\n            <i class=\"fas fa-ring\"><\/i>\r\n            <h4>Ceremony<\/h4>\r\n            <div class=\"date\">Saturday, 20th December 2026<\/div>\r\n            <p>4:00 PM - Twilight Vows<br>Villain's Garden Estate, Udaipur<\/p>\r\n        <\/div>\r\n        <div class=\"event-card\">\r\n            <i class=\"fas fa-champagne-glasses\"><\/i>\r\n            <h4>Reception<\/h4>\r\n            <div class=\"date\">Sunday, 21st December 2026<\/div>\r\n            <p>7:00 PM onwards<br>Masked Ball & Feast<\/p>\r\n        <\/div>\r\n        <div class=\"event-card\">\r\n            <i class=\"fas fa-music\"><\/i>\r\n            <h4>Afterparty<\/h4>\r\n            <div class=\"date\">\"Villain's Masquerade\"<\/div>\r\n            <p>Midnight till Dawn \u00b7 Code: #ReebKaLiaVillian<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Countdown Timer -->\r\n    <div class=\"rsvp-section\">\r\n        <h3 style=\"font-family: 'Playfair Display'; font-size: 1.8rem;\"><i class=\"far fa-clock\"><\/i> Countdown to Villain's Vow<\/h3>\r\n        <div class=\"countdown\" id=\"countdownTimer\">\r\n            <div class=\"time-box\"><span class=\"time-number\" id=\"days\">00<\/span><div class=\"time-label\">Days<\/div><\/div>\r\n            <div class=\"time-box\"><span class=\"time-number\" id=\"hours\">00<\/span><div class=\"time-label\">Hours<\/div><\/div>\r\n            <div class=\"time-box\"><span class=\"time-number\" id=\"minutes\">00<\/span><div class=\"time-label\">Mins<\/div><\/div>\r\n            <div class=\"time-box\"><span class=\"time-number\" id=\"seconds\">00<\/span><div class=\"time-label\">Secs<\/div><\/div>\r\n        <\/div>\r\n        <button class=\"btn-rsvp\" id=\"openRsvpBtn\"><i class=\"fas fa-envelope\"><\/i> RSVP \u2014 Join the Villain's Tale<\/button>\r\n    <\/div>\r\n\r\n    <!-- Mini gallery \/ vibe -->\r\n    <div style=\"text-align: center; margin-top: 1rem;\">\r\n        <p style=\"font-weight: 500; color:#6f3d21;\"><i class=\"fas fa-camera-retro\"><\/i> Glimpses of the chaos & romance<\/p>\r\n        <div class=\"gallery-mini\">\r\n            <div class=\"gallery-item\"><i class=\"fas fa-skull-crossbones\"><\/i><\/div>\r\n            <div class=\"gallery-item\"><i class=\"fas fa-heart-broken\"><\/i><\/div>\r\n            <div class=\"gallery-item\"><i class=\"fas fa-mask\"><\/i><\/div>\r\n            <div class=\"gallery-item\"><i class=\"fas fa-dove\"><\/i><\/div>\r\n            <div class=\"gallery-item\"><i class=\"fas fa-cocktail\"><\/i><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer\">\r\n        <p><i class=\"fas fa-ticket-alt\"><\/i> Dress Code: Villain chic \/ Dark Romance \/ Black & Gold | <i class=\"fas fa-map-pin\"><\/i> Location details upon RSVP confirmation<\/p>\r\n        <p>#ReebKaLiaVillian \u2014 Where the villain gets the love story they deserve.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal RSVP -->\r\n<div id=\"rsvpModal\" class=\"modal\">\r\n    <div class=\"modal-content\">\r\n        <i class=\"fas fa-mask\" style=\"font-size: 2rem; color:#aa6f46;\"><\/i>\r\n        <h3>Join the Villain's Tale<\/h3>\r\n        <p style=\"margin: 0.5rem 0;\">Let us know if you'll attend the wedding of Reeb & Lia Villian \u2728<\/p>\r\n        <input type=\"text\" id=\"guestName\" placeholder=\"Your name\" autocomplete=\"off\">\r\n        <input type=\"email\" id=\"guestEmail\" placeholder=\"Email (optional)\">\r\n        <div>\r\n            <button id=\"submitRsvpBtn\"><i class=\"fas fa-check-circle\"><\/i> Send RSVP<\/button>\r\n            <button id=\"closeModalBtn\" class=\"close-modal\"><i class=\"fas fa-times\"><\/i> Close<\/button>\r\n        <\/div>\r\n        <div id=\"rsvpFeedback\" class=\"thankyou-message\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Set the wedding date: December 20, 2026 (ceremony date)\r\n    const weddingDate = new Date(2026, 11, 20, 16, 0, 0); \/\/ month 11 = December, 4:00 PM\r\n\r\n    function updateCountdown() {\r\n        const now = new Date().getTime();\r\n        const distance = weddingDate.getTime() - now;\r\n\r\n        if (distance < 0) {\r\n            document.getElementById('days').innerHTML = \"00\";\r\n            document.getElementById('hours').innerHTML = \"00\";\r\n            document.getElementById('minutes').innerHTML = \"00\";\r\n            document.getElementById('seconds').innerHTML = \"00\";\r\n            \/\/ optional message\r\n            const timerDiv = document.getElementById('countdownTimer');\r\n            if(timerDiv && !document.getElementById('msgEventStarted')){\r\n                const msg = document.createElement('div');\r\n                msg.id = 'msgEventStarted';\r\n                msg.style.marginTop = '12px';\r\n                msg.style.fontWeight = 'bold';\r\n                msg.innerHTML = \"\ud83c\udf89 The Villain's Wedding has begun! \ud83c\udf89\";\r\n                timerDiv.parentNode.appendChild(msg);\r\n            }\r\n            return;\r\n        }\r\n\r\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n        document.getElementById('days').innerHTML = days < 10 ? '0' + days : days;\r\n        document.getElementById('hours').innerHTML = hours < 10 ? '0' + hours : hours;\r\n        document.getElementById('minutes').innerHTML = minutes < 10 ? '0' + minutes : minutes;\r\n        document.getElementById('seconds').innerHTML = seconds < 10 ? '0' + seconds : seconds;\r\n    }\r\n\r\n    \/\/ initial call and interval\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\r\n\r\n    \/\/ Modal RSVP logic\r\n    const modal = document.getElementById('rsvpModal');\r\n    const openBtn = document.getElementById('openRsvpBtn');\r\n    const closeBtn = document.getElementById('closeModalBtn');\r\n    const submitBtn = document.getElementById('submitRsvpBtn');\r\n    const rsvpFeedback = document.getElementById('rsvpFeedback');\r\n\r\n    function openModal() {\r\n        modal.style.display = 'flex';\r\n        rsvpFeedback.innerHTML = ''; \/\/ clear previous messages\r\n        document.getElementById('guestName').value = '';\r\n        document.getElementById('guestEmail').value = '';\r\n    }\r\n\r\n    function closeModalFunc() {\r\n        modal.style.display = 'none';\r\n    }\r\n\r\n    openBtn.addEventListener('click', openModal);\r\n    closeBtn.addEventListener('click', closeModalFunc);\r\n    window.addEventListener('click', (e) => {\r\n        if (e.target === modal) closeModalFunc();\r\n    });\r\n\r\n    submitBtn.addEventListener('click', () => {\r\n        const guestNameInput = document.getElementById('guestName');\r\n        const guestEmailInput = document.getElementById('guestEmail');\r\n        const name = guestNameInput.value.trim();\r\n        const email = guestEmailInput.value.trim();\r\n\r\n        if (name === \"\") {\r\n            rsvpFeedback.innerHTML = \"\u274c Please enter your name, brave soul!\";\r\n            rsvpFeedback.style.color = \"#c0392b\";\r\n            return;\r\n        }\r\n\r\n        \/\/ Simulate sending RSVP (just frontend demo)\r\n        rsvpFeedback.innerHTML = `\ud83c\udfad Yay! ${name}, you've accepted the invitation to witness the Villain's union! A confirmation will be sent ${email ? \"to \" + email : \"to your soul\"}. See you at the chaos! \ud83d\udda4`;\r\n        rsvpFeedback.style.color = \"#2b6e3c\";\r\n        \r\n        \/\/ optional: disable further immediate resubmission for demo?\r\n        \/\/ clear inputs maybe but keep message visible\r\n        guestNameInput.value = '';\r\n        guestEmailInput.value = '';\r\n\r\n        \/\/ Automatically close modal after 3 seconds? but we let user close manually.\r\n        setTimeout(() => {\r\n            \/\/ if modal still open and they didn't close, we don't force, but we can add small effect\r\n            if (modal.style.display === 'flex') {\r\n                \/\/ keep feedback, just leave as is\r\n            }\r\n        }, 2000);\r\n    });\r\n    \r\n    \/\/ Add small console style easter egg\r\n    console.log(\"%c\ud83d\udc80 Welcome to Reeb Ka Lia Villian \u2014 The wedding where the villain gets the final laugh \ud83d\udc80\", \"color: #b45f2b; font-size: 16px; font-weight: bold;\");\r\n    console.log(\"%cWe can't wait to celebrate this epic love story!\", \"color: #8b3c1c; font-size: 12px;\");\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>Reeb Ka Lia Villian | Wedding Invitation \u273f \u273f REEB KA LIA VILLIAN \u2014 A WEDDING SAGA LIKE NO OTHER [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","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-142","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ononeclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":4,"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/ononeclick.com\/index.php?rest_route=\/wp\/v2\/pages\/142\/revisions\/146"}],"wp:attachment":[{"href":"https:\/\/ononeclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}