{"id":6795,"date":"2015-11-19T10:40:52","date_gmt":"2015-11-19T10:40:52","guid":{"rendered":"http:\/\/flatsome.dev\/my-account\/"},"modified":"2026-06-06T03:27:37","modified_gmt":"2026-06-06T00:27:37","slug":"my-account","status":"publish","type":"page","link":"https:\/\/elhawakmy.com\/en\/my-account-2\/my-account\/","title":{"rendered":"My Account"},"content":{"rendered":"<div class=\"woocommerce\"><\/div>\n\n<p><!-- \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u062e\u0635\u0635 --><\/p>\n<div id=\"elhawakmy-hero-button-wrapper\"><\/div>\n<p><!-- \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0633\u062d\u0631\u064a \u0627\u0644\u0630\u064a \u0633\u064a\u0628\u0646\u064a \u0627\u0644\u0632\u0631 \u0648\u064a\u0641\u0635\u0644\u0647 \u0639\u0646 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0642\u0627\u0644\u0628 --><br \/>\n<script>\n  (function() {\n    const wrapper = document.getElementById('elhawakmy-hero-button-wrapper');\n    if (!wrapper) return;<\/p>\n<p>    \/\/ \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Shadow DOM \u0644\u0639\u0632\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062a\u0645\u0627\u0645\u0627\u064b\n    const shadow = wrapper.attachShadow({mode: 'open'});<\/p>\n<p>    const style = document.createElement('style');\n    style.textContent = `\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@800&display=swap');<\/p>\n<p>      :host {\n        display: inline-block;\n        position: relative;\n        direction: rtl;\n        font-family: 'Cairo', sans-serif;\n      }<\/p>\n<p>      .btn-container {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px; \/* \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u062a\u0648\u0647\u062c *\/\n      }<\/p>\n<p>      .glow-effect {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 110%;\n        height: 130%;\n        transform: translate(-50%, -50%);\n        background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.5) 0%, transparent 70%);\n        filter: blur(25px);\n        z-index: 0;\n        animation: pulse 3s infinite alternate ease-in-out;\n        pointer-events: none;\n      }<\/p>\n<p>      .hero-btn {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        background: rgba(20, 20, 20, 0.65);\n        backdrop-filter: blur(20px) saturate(200%);\n        -webkit-backdrop-filter: blur(20px) saturate(200%);\n        border: 1px solid rgba(212, 175, 55, 0.3);\n        border-radius: 50px;\n        padding: 16px 40px;\n        text-decoration: none;\n        color: white;\n        overflow: hidden;\n        z-index: 1;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n        transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n        cursor: pointer;\n      }<\/p>\n<p>      .noise {\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        opacity: 0.1;\n        pointer-events: none;\n        z-index: 2;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n      }<\/p>\n<p>      .shine {\n        position: absolute;\n        top: 0; left: -100%; width: 50%; height: 100%;\n        background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.2), transparent);\n        transform: skewX(-20deg);\n        z-index: 3;\n        animation: slide 5s infinite;\n        pointer-events: none;\n      }<\/p>\n<p>      .text {\n        font-size: 20px;\n        font-weight: 800;\n        background: linear-gradient(180deg, #FFFFFF, #D4AF37);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        z-index: 4;\n        transition: all 0.3s;\n      }<\/p>\n<p>      .icon-box {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 38px;\n        height: 38px;\n        border-radius: 50%;\n        background: rgba(212, 175, 55, 0.1);\n        border: 1px solid rgba(212, 175, 55, 0.4);\n        color: #D4AF37;\n        z-index: 4;\n        transform: rotate(180deg);\n        transition: all 0.4s;\n      }<\/p>\n<p>      .icon-box svg { width: 18px; height: 18px; }<\/p>\n<p>      .hero-btn:hover {\n        transform: translateY(-3px) scale(1.02);\n        background: rgba(30, 30, 30, 0.85);\n        border-color: rgba(212, 175, 55, 0.8);\n        box-shadow: 0 15px 40px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.3);\n      }<\/p>\n<p>      .btn-container:hover .glow-effect {\n        transform: translate(-50%, -50%) scale(1.1);\n        filter: blur(35px);\n        background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.7) 0%, transparent 75%);\n        animation-play-state: paused;\n      }<\/p>\n<p>      .hero-btn:hover .text {\n        background: linear-gradient(180deg, #FFFFFF, #FDF5A6);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-shadow: 0 0 15px rgba(253, 245, 166, 0.4);\n      }<\/p>\n<p>      .hero-btn:hover .icon-box {\n        background: #D4AF37;\n        color: #000;\n        transform: rotate(180deg) translateX(5px);\n      }<\/p>\n<p>      @keyframes pulse {\n        0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.6; }\n        100% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; }\n      }<\/p>\n<p>      @keyframes slide {\n        0%, 20% { left: -100%; }\n        80%, 100% { left: 200%; }\n      }\n    `;<\/p>\n<p>    \/\/ \u0628\u0646\u0627\u0621 \u0627\u0644\u0640 HTML \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0644\u0632\u0631\n    const html = `<\/p>\n<div class=\"btn-container\">\n<div class=\"glow-effect\"><\/div>\n<p>        <a href=\"https:\/\/elhawakmy.com\/shop\/\" class=\"hero-btn\"><\/p>\n<div class=\"noise\"><\/div>\n<div class=\"shine\"><\/div>\n<p>          <span class=\"text\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u062e\u0627\u0645\u0629<\/span>\n          <span class=\"icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M4 12H20M20 12L14 6M20 12L14 18\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n<p>    `;<\/p>\n<p>    shadow.appendChild(style);<\/p>\n<p>    const content = document.createElement('div');\n    content.innerHTML = html;\n    shadow.appendChild(content);<\/p>\n<p>  })();\n<\/script><br \/>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":67,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-my-account.php","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-6795","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/pages\/6795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/comments?post=6795"}],"version-history":[{"count":6,"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/pages\/6795\/revisions"}],"predecessor-version":[{"id":13074,"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/pages\/6795\/revisions\/13074"}],"up":[{"embeddable":true,"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/pages\/67"}],"wp:attachment":[{"href":"https:\/\/elhawakmy.com\/en\/wp-json\/wp\/v2\/media?parent=6795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}