{"id":79,"date":"2026-08-07T09:54:29","date_gmt":"2026-08-07T09:54:29","guid":{"rendered":"https:\/\/autosupportmeeting.com\/?page_id=79"},"modified":"2026-08-07T10:04:18","modified_gmt":"2026-08-07T10:04:18","slug":"mari-mari-bersama-saya","status":"publish","type":"page","link":"https:\/\/autosupportmeeting.com\/?page_id=79","title":{"rendered":"Mari mari bersama saya!"},"content":{"rendered":"\n<!---Interactive-Click-for-Hearts-Effect--->&#8211;<script>-document.addEventListener('click',-function(e)-{-----let-heart-=-document.createElement('div');-----heart.innerHTML-=-['\ud83c\udf38',-'\ud83d\udc96',-'\u2728',-'\ud83d\udc95',-'\ud83e\uddf8',-'\ud83c\udf3a'][Math.floor(Math.random()-*-6)];-----heart.style.position-=-'fixed';-----heart.style.left-=-e.clientX-+-'px';-----heart.style.top-=-e.clientY-+-'px';-----heart.style.fontSize-=-'24px';-----heart.style.pointerEvents-=-'none';-----heart.style.transition-=-'all-1s-ease-out';-----heart.style.opacity-=-'1';-----heart.style.transform-=-'translate(-50%,--50%)-scale(1)';-----heart.style.zIndex-=-'99999';----------document.body.appendChild(heart);----------setTimeout(()-=>-{---------heart.style.top-=-(e.clientY---60)-+-'px';---------heart.style.opacity-=-'0';---------heart.style.transform-=-'translate(-50%,--50%)-scale(1.5)';-----},-50);----------setTimeout(()-=>-{---------heart.remove();-----},-1000);-});-<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Container Card *\/\n.cute-love-card {\n    background: linear-gradient(135deg, #fff0f5 0%, #ffe4e1 100%);\n    border: 3px solid #ffb6c1;\n    border-radius: 30px;\n    padding: 40px 25px;\n    text-align: center;\n    max-width: 550px;\n    margin: 40px auto;\n    box-shadow: 0 15px 35px rgba(255, 182, 193, 0.45);\n    position: relative;\n    overflow: hidden;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\/* Floating Elements *\/\n.cute-hearts span {\n    font-size: 22px;\n    margin: 0 8px;\n    display: inline-block;\n    animation: cuteFloat 3s infinite ease-in-out alternate;\n}\n.cute-hearts span:nth-child(2) { animation-delay: 0.5s; }\n.cute-hearts span:nth-child(3) { animation-delay: 1s; }\n.cute-hearts span:nth-child(4) { animation-delay: 1.5s; }\n.cute-hearts span:nth-child(5) { animation-delay: 2s; }\n\n@keyframes cuteFloat {\n    0% { transform: translateY(0px) rotate(-5deg); }\n    100% { transform: translateY(-12px) rotate(5deg); }\n}\n\n\/* Photo Styling *\/\n.cute-avatar-wrapper {\n    margin: 20px auto;\n    width: 140px;\n    height: 140px;\n    border-radius: 50%;\n    border: 5px solid #ffffff;\n    box-shadow: 0 8px 20px rgba(255, 105, 180, 0.3);\n    overflow: hidden;\n}\n\n.cute-photo {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* Typography *\/\n.cute-title {\n    color: #ff1493 !important;\n    font-size: 28px !important;\n    font-weight: 700 !important;\n    margin-bottom: 8px !important;\n}\n\n.cute-subtitle {\n    color: #db7093 !important;\n    font-size: 16px !important;\n    margin-bottom: 20px !important;\n}\n\n\/* Message Box *\/\n.cute-message-box {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 18px 22px;\n    color: #555555;\n    font-size: 15px;\n    line-height: 1.6;\n    box-shadow: inset 0 2px 6px rgba(0,0,0,0.03);\n    margin-bottom: 25px;\n}\n\n\/* Interactive Button *\/\n.cute-btn {\n    background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%);\n    color: #ffffff;\n    border: none;\n    padding: 14px 30px;\n    font-size: 16px;\n    font-weight: bold;\n    border-radius: 50px;\n    cursor: pointer;\n    box-shadow: 0 8px 20px rgba(255, 20, 147, 0.35);\n    transition: all 0.3s ease;\n}\n\n.cute-btn:hover {\n    transform: scale(1.06) translateY(-3px);\n    box-shadow: 0 12px 25px rgba(255, 20, 147, 0.5);\n}\n\n\/* Secret Message Reveal *\/\n.cute-secret-hidden {\n    display: none;\n    margin-top: 20px;\n    background: #fff6f8;\n    border: 2px dashed #ffb6c1;\n    border-radius: 20px;\n    padding: 15px;\n    animation: fadeIn 0.5s ease;\n}\n\n.cute-secret-text {\n    color: #c71585 !important;\n    font-size: 16px !important;\n    margin: 0 !important;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<div class=\"cute-love-card\">\n    <div class=\"cute-hearts\">\n        <span>\ud83c\udf38<\/span><span>\ud83d\udc95<\/span><span>\u2728<\/span><span>\ud83e\uddf8<\/span><span>\ud83d\udc96<\/span>\n    <\/div>\n    \n    <div class=\"cute-avatar-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518895949257-7621c3c786d7?q=80&#038;w=400&#038;auto=format&#038;fit=crop\" alt=\"Cute Flowers\" class=\"cute-photo\">\n    <\/div>\n\n    <h1 class=\"cute-title\">For My Favorite Person \ud83d\udc95<\/h1>\n    <p class=\"cute-subtitle\">Mari mari bersama saya ke dunia paling comel! \u2728<\/p>\n\n    <div class=\"cute-message-box\">\n        <p>You make every single day brighter, sweeter, and happier just by being you! \ud83c\udf38<\/p>\n    <\/div>\n\n    <button class=\"cute-btn\" onclick=\"toggleCuteSecret()\">\n        \u2728 Click for a Secret! \u2728\n    <\/button>\n\n    <div id=\"cute-secret-message\" class=\"cute-secret-hidden\">\n        <p class=\"cute-secret-text\">\n            \ud83d\udc96 <strong>Surprise!<\/strong> \ud83d\udc96<br>\n            I made this whole page just to tell you how extraordinarily cute and amazing you are! I love you so much! \ud83e\udd70\ud83e\uddf8\n        <\/p>\n    <\/div>\n<\/div>\n\n<script>\nfunction toggleCuteSecret() {\n    var secret = document.getElementById(\"cute-secret-message\");\n    if (secret.style.display === \"block\") {\n        secret.style.display = \"none\";\n    } else {\n        secret.style.display = \"block\";\n    }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#8211; \ud83c\udf38\ud83d\udc95\u2728\ud83e\uddf8\ud83d\udc96 For My Favorite Person \ud83d\udc95 Mari mari bersama saya ke dunia paling comel! \u2728 You make every single day brighter, sweeter, and happier just by being you! \ud83c\udf38 \u2728 Click for a Secret! \u2728 \ud83d\udc96 Surprise! \ud83d\udc96 I made this whole page just to tell you how extraordinarily cute and amazing you are! [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":3,"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/autosupportmeeting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}