{"id":1488,"date":"2026-08-21T21:21:39","date_gmt":"2026-08-22T01:21:39","guid":{"rendered":"https:\/\/personalizemyride.com\/?page_id=1488"},"modified":"2026-09-07T20:53:19","modified_gmt":"2026-09-08T00:53:19","slug":"home","status":"publish","type":"page","link":"https:\/\/personalizemyride.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"custom-product-buttons-wrapper\">\n    <!-- Product: Custom Text -->\n    <a href=\"https:\/\/personalizemyride.com\/?page_id=904\" class=\"custom-product-card\" data-transition-link=\"\">\n        <div class=\"product-info\">\n            <span class=\"product-title\">Personalize Text<\/span>\n        <\/div>\n        <span class=\"custom-action-btn\">Choose from 30 custom fonts<\/span>\n    <\/a>\n<\/div>\n\n<!-- Galaxy Transition Overlay (Will be moved to body automatically by JS) -->\n<div class=\"galaxy-transition-overlay\" id=\"galaxyOverlay\">\n    <div class=\"galaxy-stars\"><\/div>\n    <div class=\"galaxy-glow\"><\/div>\n<\/div>\n\n<style>\n.custom-product-buttons-wrapper {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: 800px;\n    margin: 40px auto;\n    font-family: inherit;\n}\n\n.custom-product-card {\n    flex: 1;\n    min-width: 260px;\n    background: #ffffff;\n    border: none;\n    border-radius: 12px;\n    padding: 32px 24px;\n    text-decoration: none;\n    color: #000000;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n}\n\n.custom-product-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n}\n\n.product-info {\n    margin-bottom: 24px;\n    text-align: center;\n}\n\n.product-title {\n    display: block;\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: #111111;\n    letter-spacing: -0.01em;\n}\n\n.custom-action-btn {\n    display: block;\n    background-color: #000000;\n    color: #ffffff;\n    padding: 14px 20px;\n    border-radius: 8px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    text-align: center;\n    background-size: 200% 200%;\n    transition: background-color 0.2s ease, transform 0.2s ease;\n}\n\n\/* Rainbow animation on card hover *\/\n.custom-product-card:hover .custom-action-btn {\n    background: linear-gradient(270deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff);\n    background-size: 400% 400%;\n    animation: rainbowShift 4s ease infinite;\n    color: #ffffff;\n}\n\n@keyframes rainbowShift {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n\/* Galaxy Transition Overlay Styling - Fixed Full Screen Coverage *\/\n.galaxy-transition-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: #05050f;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 1.2s;\n    z-index: 999999;\n    overflow: hidden;\n}\n\n.galaxy-transition-overlay.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n.galaxy-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 250vw;\n    height: 250vh;\n    background: radial-gradient(circle, rgba(120,40,200,0.5) 0%, rgba(40,10,80,0.3) 45%, transparent 75%);\n    animation: galaxyPulse 3s ease infinite alternate;\n}\n\n.galaxy-stars {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: \n        radial-gradient(1.5px 1.5px at 20px 30px, #ffffff, rgba(0,0,0,0)),\n        radial-gradient(2px 2px at 40px 70px, #00ffcc, rgba(0,0,0,0)),\n        radial-gradient(1px 1px at 90px 40px, #ffffff, rgba(0,0,0,0)),\n        radial-gradient(2px 2px at 130px 120px, #ff007f, rgba(0,0,0,0)),\n        radial-gradient(1.5px 1.5px at 160px 180px, #ffffff, rgba(0,0,0,0));\n    background-repeat: repeat;\n    background-size: 200px 200px;\n    opacity: 0.6;\n    animation: starDrift 5s linear infinite;\n}\n\n@keyframes galaxyPulse {\n    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }\n    100% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; }\n}\n\n@keyframes starDrift {\n    0% { transform: translateY(0); }\n    100% { transform: translateY(-200px); }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const overlay = document.getElementById(\"galaxyOverlay\");\n    \n    \/\/ Force overlay to body root to bypass WordPress container transforms\/bounding boxes\n    if (overlay && overlay.parentNode !== document.body) {\n        document.body.appendChild(overlay);\n    }\n\n    const links = document.querySelectorAll(\"a[data-transition-link]\");\n\n    links.forEach(link => {\n        link.addEventListener(\"click\", function (e) {\n            if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) {\n                return; \n            }\n\n            e.preventDefault();\n            const targetUrl = this.href;\n\n            overlay.classList.add(\"active\");\n\n            setTimeout(() => {\n                window.location.href = targetUrl;\n            }, 1200);\n        });\n    });\n});\n\nwindow.addEventListener(\"pageshow\", function (event) {\n    const overlay = document.getElementById(\"galaxyOverlay\");\n    if (overlay) {\n        overlay.classList.remove(\"active\");\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Personalize Text Choose from 30 custom fonts<\/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-1488","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/pages\/1488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/personalizemyride.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1488"}],"version-history":[{"count":28,"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/pages\/1488\/revisions"}],"predecessor-version":[{"id":1758,"href":"https:\/\/personalizemyride.com\/index.php?rest_route=\/wp\/v2\/pages\/1488\/revisions\/1758"}],"wp:attachment":[{"href":"https:\/\/personalizemyride.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}