{"id":9,"date":"2026-07-10T15:56:31","date_gmt":"2026-07-10T15:56:31","guid":{"rendered":"https:\/\/memenic.lol\/?page_id=9"},"modified":"2026-07-11T04:02:09","modified_gmt":"2026-07-11T04:02:09","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/memenic.lol\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n MEMENIC - The Unsinkable Vessel<\/title>\r\n <!-- Google Fonts Placement -->\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=Cinzel:wght@500;700;900&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --gold: #dfb76c;\r\n --gold-hover: #f3d698;\r\n --glass-black: rgba(10, 10, 10, 0.75);\r\n --glass-border: rgba(223, 183, 108, 0.2);\r\n --card-bg: rgba(15, 15, 15, 0.95);\r\n --text-light: #ffffff;\r\n --text-gray: #f1f5f9;\r\n --border-glow: rgba(223, 183, 108, 0.3);\r\n \r\n \/* Golden Ratio Typography Scales *\/\r\n --fs-base: 1rem;\r\n --fs-sm: 0.76rem;\r\n --fs-md: 0.9rem;\r\n --fs-lg: 1.23rem;\r\n --fs-xl: 1.99rem;\r\n --fs-xxl: 3.22rem;\r\n --fs-xxxl: 5.21rem;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n text-decoration: none;\r\n list-style: none;\r\n }\r\n\r\n html {\r\n background: transparent !important;\r\n }\r\n\r\n body {\r\n width: 100%;\r\n height: 100%;\r\n font-family: 'Poppins', sans-serif;\r\n color: var(--text-light);\r\n background: transparent !important; \r\n display: flex;\r\n flex-direction: column;\r\n overflow-x: hidden;\r\n overflow-y: auto; \r\n padding: 20px 40px; \r\n gap: 20px;\r\n }\r\n\r\n \/* Fullscreen Video Background Canvas *\/\r\n .video-canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n object-fit: cover !important;\r\n z-index: -100 !important;\r\n display: block !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n \/* FIXED: Dibuat sedikit lebih gelap tipis untuk meningkatkan keterbacaan teks kontras tinggi *\/\r\n .video-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.5) 100%) !important;\r\n z-index: -99 !important;\r\n pointer-events: none;\r\n }\r\n\r\n \/* 1. SECTION ATAS: Menu Navigasi Melayang Berbentuk Pil Kaca *\/\r\n header {\r\n width: 100%;\r\n padding: 14px 35px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: var(--glass-black);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 100px; \r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\r\n position: sticky;\r\n top: 20px;\r\n z-index: 30;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo {\r\n font-family: 'Cinzel', serif;\r\n font-weight: 900;\r\n font-size: var(--fs-lg);\r\n letter-spacing: 2px;\r\n color: var(--gold);\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n cursor: pointer;\r\n transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n .logo:hover {\r\n transform: scale(1.01);\r\n }\r\n\r\n nav ul {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n nav ul li a {\r\n color: #ffffff;\r\n font-size: var(--fs-sm);\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n nav ul li a:hover {\r\n color: var(--gold);\r\n text-shadow: 0 0 8px rgba(223, 183, 108, 0.5);\r\n }\r\n\r\n nav ul li a::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 1px;\r\n bottom: -4px;\r\n left: 0;\r\n background-color: var(--gold);\r\n transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n\r\n nav ul li a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* FIXED: Ditambahkan pembungkus tautan kustom anchor a *\/\r\n .btn-cta-text {\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n font-size: var(--fs-sm);\r\n color: var(--gold);\r\n background: none;\r\n border: none;\r\n letter-spacing: 2px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n padding: 4px 0;\r\n display: inline-block;\r\n }\r\n\r\n .btn-cta-text::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n bottom: 0;\r\n left: 0;\r\n background-color: var(--gold);\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .btn-cta-text:hover {\r\n color: var(--gold-hover);\r\n }\r\n .btn-cta-text:hover::after {\r\n background-color: var(--gold-hover);\r\n transform: scaleX(1.05);\r\n }\r\n\r\n \/* 2. SECTION TENGAH: Area Konten Utama *\/\r\n .main-wrapper {\r\n width: 100%;\r\n flex: 1; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative; \r\n z-index: 10;\r\n background: transparent !important;\r\n }\r\n\r\n \/* Hero Container Box *\/\r\n .hero-container {\r\n width: 100%;\r\n padding: 40px 24px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .headline {\r\n font-family: 'Cinzel', serif;\r\n font-size: var(--fs-xxl);\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n letter-spacing: 3px;\r\n line-height: 1.2;\r\n text-shadow: 0 4px 20px rgba(0,0,0,0.9);\r\n }\r\n\r\n .sub-headline {\r\n font-size: var(--fs-md);\r\n line-height: 1.7;\r\n color: #ffffff;\r\n margin-bottom: 28px;\r\n font-weight: 400;\r\n max-width: 800px;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.9);\r\n }\r\n\r\n \/* Professional Slim High-Contrast Copy CA Box *\/\r\n .ca-container {\r\n background: rgba(0, 0, 0, 0.65);\r\n border: 1px solid var(--border-glow);\r\n padding: 9px 18px;\r\n border-radius: 4px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n max-width: 100%;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.5);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n }\r\n\r\n .ca-label {\r\n font-family: 'Cinzel', serif;\r\n color: var(--gold);\r\n font-weight: 700;\r\n font-size: var(--fs-sm);\r\n letter-spacing: 1px;\r\n }\r\n\r\n .ca-value {\r\n font-family: monospace;\r\n font-size: var(--fs-md);\r\n color: #ffffff;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n max-width: 320px;\r\n letter-spacing: 0.5px;\r\n font-weight: bold;\r\n }\r\n\r\n .btn-copy {\r\n background: none;\r\n border: none;\r\n color: var(--gold);\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .btn-copy svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: currentColor;\r\n }\r\n\r\n .btn-copy:hover {\r\n color: var(--text-light);\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n justify-content: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-primary {\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n padding: 12px 34px;\r\n background: var(--gold);\r\n color: #000000;\r\n border-radius: 3px;\r\n letter-spacing: 1.5px;\r\n box-shadow: 0 4px 15px rgba(223, 183, 108, 0.3);\r\n transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n cursor: pointer;\r\n border: none;\r\n text-transform: uppercase;\r\n font-size: var(--fs-sm);\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--gold-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(223, 183, 108, 0.5);\r\n }\r\n\r\n .btn-secondary {\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n padding: 12px 34px;\r\n background: rgba(0, 0, 0, 0.4);\r\n color: var(--text-light);\r\n border: 1px solid rgba(255,255,255,0.6);\r\n border-radius: 3px;\r\n letter-spacing: 1.5px;\r\n transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n font-size: var(--fs-sm);\r\n display: inline-block;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255,255,255,0.12);\r\n border-color: var(--text-light);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* FIXED: Tombol media sosial dibalut card horizontal melayang seperti bentuk pil kaca *\/\r\n .social-pill-container {\r\n display: inline-flex;\r\n gap: 35px;\r\n padding: 12px 40px;\r\n background: rgba(15, 15, 15, 0.65);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 100px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .social-text-link {\r\n font-family: 'Cinzel', serif;\r\n font-size: var(--fs-sm);\r\n font-weight: 700;\r\n color: #ffffff;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n padding: 3px 0;\r\n display: inline-block;\r\n }\r\n\r\n .social-text-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 1px;\r\n bottom: 0;\r\n left: 0;\r\n background-color: var(--gold);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .social-text-link:hover {\r\n color: var(--gold);\r\n text-shadow: 0 0 8px rgba(223, 183, 108, 0.6);\r\n }\r\n\r\n .social-text-link:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* 3. SECTION BAWAH: Footer Melayang Berbentuk Pil Kaca *\/\r\n footer {\r\n width: 100%;\r\n padding: 20px 40px;\r\n background: var(--glass-black);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 100px; \r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 -8px 32px 0 rgba(0, 0, 0, 0.25);\r\n text-align: center;\r\n position: relative;\r\n z-index: 30;\r\n flex-shrink: 0;\r\n margin-top: auto;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .footer-links a {\r\n color: var(--gold);\r\n font-size: var(--fs-sm);\r\n letter-spacing: 1.5px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: color 0.2s ease;\r\n }\r\n .footer-links a:hover {\r\n color: var(--text-light);\r\n }\r\n\r\n .disclaimer {\r\n font-size: 0.72rem;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 850px;\r\n margin: 0 auto 8px auto;\r\n line-height: 1.5;\r\n }\r\n\r\n .copyright {\r\n font-family: 'Cinzel', serif;\r\n font-size: var(--fs-sm);\r\n color: var(--gold);\r\n letter-spacing: 1px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Luxury Modal Windows Layout *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n z-index: 100;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n padding: 20px;\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .modal-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--gold);\r\n width: 100%;\r\n max-width: 650px;\r\n border-radius: 4px;\r\n padding: 40px;\r\n position: relative;\r\n box-shadow: 0 25px 65px rgba(0, 0, 0, 0.9);\r\n transform: scale(0.97) translateY(8px);\r\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n max-height: 75vh;\r\n overflow-y: auto;\r\n }\r\n\r\n .modal-overlay.active .modal-card {\r\n transform: scale(1) translateY(0);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: none;\r\n border: none;\r\n color: #ffffff;\r\n font-size: 1.8rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n }\r\n\r\n .modal-title {\r\n font-family: 'Cinzel', serif;\r\n color: var(--gold);\r\n font-size: var(--fs-lg);\r\n margin-bottom: 20px;\r\n border-bottom: 1px solid rgba(223, 183, 108, 0.2);\r\n padding-bottom: 10px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .modal-body {\r\n font-size: var(--fs-md);\r\n line-height: 1.8;\r\n color: var(--text-gray);\r\n }\r\n\r\n .feature-item, .step-item {\r\n margin-bottom: 20px;\r\n background: rgba(255,255,255,0.03);\r\n padding: 16px 20px;\r\n border-left: 2px solid var(--gold);\r\n }\r\n\r\n .feature-title, .step-title {\r\n font-family: 'Cinzel', serif;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n font-size: var(--fs-md);\r\n }\r\n\r\n \/* Fluid Mobile Interface Scaling *\/\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 10px;\r\n gap: 10px;\r\n }\r\n\r\n header {\r\n flex-direction: column;\r\n gap: 16px;\r\n padding: 20px;\r\n border-radius: 24px; \r\n top: 10px;\r\n }\r\n \r\n nav ul {\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .hero-container {\r\n padding: 30px 14px;\r\n }\r\n\r\n .headline {\r\n font-size: var(--fs-xl);\r\n }\r\n\r\n .sub-headline {\r\n font-size: var(--fs-sm);\r\n }\r\n\r\n .ca-value {\r\n max-width: 140px;\r\n font-size: var(--fs-sm);\r\n }\r\n\r\n .social-pill-container {\r\n padding: 10px 25px;\r\n gap: 20px;\r\n border-radius: 30px;\r\n }\r\n\r\n .modal-card {\r\n padding: 30px 20px;\r\n }\r\n \r\n footer {\r\n padding: 20px;\r\n border-radius: 24px; \r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Fullscreen Video Background Canvas Layer -->\r\n <video class=\"video-canvas\" autoplay loop muted playsinline webkit-playsinline x5-playsinline id=\"canvasVideo\">\r\n <source src=\"https:\/\/memenic.lol\/wp-content\/uploads\/2026\/07\/HERO-MEMENIC1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n <!-- 1. SECTION ATAS: HEADER MENU -->\r\n <header>\r\n <div class=\"logo\" onclick=\"openModal('romance')\">MEMENIC<\/div>\r\n <nav>\r\n <ul>\r\n <li><a onclick=\"openModal('romance')\">Main Pier<\/a><\/li>\r\n <li><a onclick=\"openModal('romance')\">Our Romance<\/a><\/li>\r\n <li><a onclick=\"openModal('passes')\">Boarding Passes<\/a><\/li>\r\n <li><a onclick=\"openModal('guide')\">Voyage Guide<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <!-- FIXED: Tombol navigasi tertaut langsung ke link eksternal -->\r\n <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-cta-text\">SECURE YOUR TICKET<\/a>\r\n <\/header>\r\n\r\n <!-- 2. SECTION TENGAH: HERO AREA -->\r\n <div class=\"main-wrapper\">\r\n <main class=\"hero-container\">\r\n <h1 class=\"headline\">\"I'm the King of the World!\"<\/h1>\r\n <p class=\"sub-headline\">\r\n Welcome aboard the MEMENIC, the most magnificent ocean liner ever to sail the seas of imagination. Here, a legendary romance is reborn with broader smiles and brighter hopes. Together with our iconic sweethearts\u2014the loyal green gentleman and the lady with the world's most genuine grin\u2014we are setting sail through great waves toward a brilliant new horizon. This ship was never built to sink; we sail to make history!\r\n <\/p>\r\n\r\n <!-- Direct Script Copy Box -->\r\n <div class=\"ca-container\">\r\n <span class=\"ca-label\">CA:<\/span>\r\n <span class=\"ca-value\" id=\"caValue\">DCV8K7mcZ9uMMtwRjMnoi67s4NZzixem3e61monopump<\/span>\r\n <button class=\"btn-copy\" onclick=\"copyCA()\" title=\"Copy Contract Address\">\r\n <svg viewBox=\"0 0 24 24\" id=\"copyIcon\">\r\n <path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Interaction Launch Buttons -->\r\n <div class=\"hero-actions\">\r\n <button class=\"btn-primary\" onclick=\"openModal('romance')\">Step Aboard<\/button>\r\n <button class=\"btn-secondary\" onclick=\"openModal('guide')\">View the Voyage Map<\/button>\r\n <\/div>\r\n\r\n <!-- FIXED: Barisan tombol sosial dibalut rapi menggunakan layout card berbentuk pil melayang -->\r\n <div class=\"social-pill-container\">\r\n <a href=\"https:\/\/x.com\/thememenic\" target=\"_blank\" class=\"social-text-link\">Twitter<\/a>\r\n <a href=\"https:\/\/t.me\/thememenic\" target=\"_blank\" class=\"social-text-link\">Telegram<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/DCV8K7mcZ9uMMtwRjMnoi67s4NZzixem3e61monopump\" target=\"_blank\" class=\"social-text-link\">Chart<\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=DCV8K7mcZ9uMMtwRjMnoi67s4NZzixem3e61monopump\" target=\"_blank\" class=\"social-text-link\">Swap<\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- 3. SECTION BAWAH: FOOTER AREA -->\r\n <footer>\r\n <div class=\"footer-links\">\r\n <a onclick=\"openModal('lounge')\">Passenger Lounge<\/a>\r\n <a onclick=\"openModal('watchtower')\">Ship's Watchtower<\/a>\r\n <\/div>\r\n <p class=\"disclaimer\">\r\n Disclaimer: The journey with MEMENIC is created purely for recreation, nostalgia, and spreading joy and smiles across the seas. Please ensure you join this voyage with a heart full of happiness.\r\n <\/p>\r\n <p class=\"copyright\">\r\n © 2026 MEMENIC - The Unsinkable Vessel. All Rights Reserved. \"Our Hearts Will Go On, and the Sails Will Keep Rising!\"\r\n <\/p>\r\n <\/footer>\r\n\r\n <!-- Modals Canvas Architecture Layer -->\r\n <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\r\n \r\n <!-- Our Romance Modal content -->\r\n <div class=\"modal-card\" id=\"modal-romance\" style=\"display:none;\">\r\n <button class=\"modal-close\" onclick=\"closeModal(event)\">×<\/button>\r\n <h2 class=\"modal-title\">A Love That Defies the Coldest Oceans<\/h2>\r\n <div class=\"modal-body\">\r\n <p>We all remember the heartwarming yet tragic tale from 1997. But this time, history is being rewritten with a far happier ending. There will be no tears, and no goodbyes in the freezing dark waters.<\/p>\r\n <br>\r\n <p>A chance encounter between a simple traveler with a green, expressive face and a noble lady with a playful smile sparks the greatest adventure of the century. As they stand at the edge of the MEMENIC's bow, feeling the ocean breeze, they vow to look out for one another.<\/p>\r\n <br>\r\n <p>Remember the scene where they had to share a tiny wooden door in the middle of the ocean? Forget that! Aboard this grand vessel, our deck doors are wide open, with more than enough room for both first-class and third-class passengers to sit together. We move forward as one, conquering every fog and iceberg with laughter, music, and the absolute certainty that a bright tomorrow awaits us at the end of the journey.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Boarding Passes Modal content -->\r\n <div class=\"modal-card\" id=\"modal-passes\" style=\"display:none;\">\r\n <button class=\"modal-close\" onclick=\"closeModal(event)\">×<\/button>\r\n <h2 class=\"modal-title\">The MEMENIC Manifest Details<\/h2>\r\n <div class=\"modal-body\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-title\">Exclusive Capacity<\/div>\r\n <p>Inspired by the release year of the original cinematic masterpiece, our cabins are exclusively structured for the ultimate comfort of our passengers.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-title\">Zero Hidden Fares<\/div>\r\n <p>Once you are on board, all the grand parties on the upper deck are yours to enjoy with absolutely no hidden administrative fees.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-title\">An Unshakable Anchor<\/div>\r\n <p>The ship's anchor has been dropped and permanently locked into the deepest ocean floor. This vessel is stable, secure, and ready to weather any storm the sea throws our way.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Voyage Guide Modal content -->\r\n <div class=\"modal-card\" id=\"modal-guide\" style=\"display:none;\">\r\n <button class=\"modal-close\" onclick=\"closeModal(event)\">×<\/button>\r\n <h2 class=\"modal-title\">3 Steps to the MEMENIC VVIP Deck<\/h2>\r\n <div class=\"modal-body\">\r\n <div class=\"step-item\">\r\n <div class=\"step-title\">1. Prepare Your Travel Pouch<\/div>\r\n <p>Make sure you have packed enough provisions for the journey before heading to the harbor.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-title\">2. Exchange Your Official Ticket<\/div>\r\n <p>Head over to the main ticketing booth at the port and select your official voyage manifest number.<\/p>\r\n <\/div>\r\n <div class=\"step-item\">\r\n <div class=\"step-title\">3. Step Into Your Cabin & Enjoy<\/div>\r\n <p>Hold your ticket tight, step onto the grand deck, and dance the night away to the beautiful melodies of the ship's violins.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Passenger Lounge Footer Content Box -->\r\n <div class=\"modal-card\" id=\"modal-lounge\" style=\"display:none;\">\r\n <button class=\"modal-close\" onclick=\"closeModal(event)\">×<\/button>\r\n <h2 class=\"modal-title\">Passenger Lounge<\/h2>\r\n <div class=\"modal-body\">\r\n <p>Welcome to the VVIP Lounge area. Sip your finest drinks, listen to classical symphony melodies, and network with elite explorers who joined the unsinkable voyage of MEMENIC. Your luxury deck chairs are waiting.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ship's Watchtower Footer Content Box -->\r\n <div class=\"modal-card\" id=\"modal-watchtower\" style=\"display:none;\">\r\n <button class=\"modal-close\" onclick=\"closeModal(event)\">×<\/button>\r\n <h2 class=\"modal-title\">Ship's Watchtower<\/h2>\r\n <div class=\"modal-body\">\r\n <p>Looking out into the great open horizon. Our navigation system reports pure clear blue skies, zero dangerous icebergs ahead, and a strong steady wind blowing us directly toward a brand new sparkling destination.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Scripting Execution Engine -->\r\n <script>\r\n const overlay = document.getElementById('modalOverlay');\r\n\r\n function forcePlayVideo() {\r\n const video = document.getElementById('canvasVideo');\r\n if (video) {\r\n video.load(); \r\n video.muted = true;\r\n \r\n let playPromise = video.play();\r\n if (playPromise !== undefined) {\r\n playPromise.then(_ => {\r\n console.log(\"Video canvas rendering successfully.\");\r\n }).catch(error => {\r\n console.log(\"Memicu interaksi manual untuk memulai video stream.\", error);\r\n document.body.addEventListener('click', () => {\r\n video.play();\r\n }, { once: true });\r\n });\r\n }\r\n }\r\n }\r\n\r\n window.addEventListener('DOMContentLoaded', forcePlayVideo);\r\n window.addEventListener('load', forcePlayVideo);\r\n\r\n function openModal(id) {\r\n const cards = document.querySelectorAll('.modal-card');\r\n cards.forEach(card => card.style.display = 'none');\r\n \r\n const targetCard = document.getElementById(`modal-${id}`);\r\n if (targetCard) {\r\n targetCard.style.display = 'block';\r\n overlay.classList.add('active');\r\n }\r\n }\r\n\r\n function closeModal(event) {\r\n if (event.target === overlay || event.target.classList.contains('modal-close')) {\r\n overlay.classList.remove('active');\r\n }\r\n }\r\n\r\n function copyCA() {\r\n const caText = document.getElementById('caValue').innerText;\r\n \r\n if (navigator.clipboard && window.isSecureContext) {\r\n navigator.clipboard.writeText(caText).then(() => triggerCopySuccess());\r\n } else {\r\n const textArea = document.createElement(\"DCV8K7mcZ9uMMtwRjMnoi67s4NZzixem3e61monopump\");\r\n textArea.value = caText;\r\n textArea.style.position = \"fixed\";\r\n textArea.style.opacity = \"0\";\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n triggerCopySuccess();\r\n } catch (err) {\r\n console.error('Copy framework fallback exception triggered', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n }\r\n\r\n function triggerCopySuccess() {\r\n const iconButton = document.getElementById('copyIcon');\r\n iconButton.innerHTML = `<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/>`;\r\n iconButton.style.fill = \"#4ade80\";\r\n \r\n setTimeout(() => {\r\n iconButton.innerHTML = `<path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"\/>`;\r\n iconButton.style.fill = \"\";\r\n }, 2000);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>MEMENIC – The Unsinkable Vessel MEMENIC Main Pier Our Romance Boarding Passes Voyage Guide SECURE YOUR TICKET “I’m the King of the World!” Welcome aboard the MEMENIC, the most magnificent ocean liner ever to sail the seas of imagination. Here, a legendary romance is reborn with broader smiles and brighter hopes. Together with our iconic […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/memenic.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":22,"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/memenic.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/memenic.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}