{"id":30177,"date":"2026-03-13T03:34:44","date_gmt":"2026-03-13T03:34:44","guid":{"rendered":"https:\/\/demo.reposecafe.sa\/?page_id=30177"},"modified":"2026-03-29T09:12:10","modified_gmt":"2026-03-29T09:12:10","slug":"repose-cafe-menu","status":"publish","type":"page","link":"https:\/\/demo.reposecafe.sa\/en\/repose-cafe-menu\/","title":{"rendered":"\u0645\u0646\u064a\u0648 \u0631\u064a\u0628\u0648\u0633 \u0643\u0627\u0641\u064a\u0647 | \u0642\u0647\u0648\u0629 \u0645\u062e\u062a\u0635\u0629 \u0648\u062d\u0644\u0648\u064a\u0627\u062a \u0637\u0627\u0632\u062c\u0629 24 \u0633\u0627\u0639\u0629"},"content":{"rendered":"<p class=\"has-text-align-center\">\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u062a\u062c\u0631\u0628\u0629 <strong>\u0627\u0644\u0642\u0647\u0648\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629<\/strong> \u0627\u0644\u0623\u0631\u0642\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0645\u0639 <strong>\u0645\u0646\u064a\u0648 \u0631\u064a\u0628\u0648\u0633 \u0643\u0627\u0641\u064a\u0647<\/strong>. \u0645\u0646 \u0643\u0648\u0628 <strong>\u0627\u0644\u0622\u064a\u0633 \u0648\u0627\u064a\u062a \u0645\u0648\u0643\u0627<\/strong> \u0627\u0644\u0645\u0646\u0639\u0634 \u0625\u0644\u0649 \u062f\u0642\u0629 \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0642\u0647\u0648\u0629 <strong>V60<\/strong> \u0627\u0644\u0645\u0642\u0637\u0631\u0629\u060c \u0646\u0642\u062f\u0645 \u0644\u0643 \u0645\u0632\u064a\u062c\u0627\u064b \u0645\u062b\u0627\u0644\u064a\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0645\u0634\u0631\u0648\u0628\u0643 \u0627\u0644\u0635\u0628\u0627\u062d\u064a \u0627\u0644\u0645\u0641\u0636\u0644 \u0623\u0648 \u062a\u0631\u063a\u0628 \u0641\u064a \u062a\u062c\u0631\u0628\u0629 <strong>\u0645\u062e\u0628\u0648\u0632\u0627\u062a\u0646\u0627 \u0627\u0644\u0637\u0627\u0632\u062c\u0629<\/strong>\u060c \u0641\u0631\u0648\u0639\u0646\u0627 \u0627\u0644\u0640 <strong>38+<\/strong> \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 <strong>24 \u0633\u0627\u0639\u0629<\/strong>. \u0627\u062e\u062a\u0631 \u0641\u0631\u0639\u0643 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062a\u0643\u0634\u0641 \u0642\u0627\u0626\u0645\u0629 \u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0646\u0643\u0647\u0627\u062a \u0627\u0644\u0645\u0635\u0646\u0648\u0639\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0631\u062a\u0642\u064a \u0628\u064a\u0648\u0645\u0643.<\/p>\n\n\n    <div class=\"rp-fixed-landscape\" id=\"rpHeroStage\">\r\n        <div class=\"rp-landscape-inner\">\r\n            \r\n            <div class=\"rp-glass-panel\" id=\"rpMainCard\">\r\n                <h1 class=\"rp-title-ar\">\u0627\u0644\u0642\u0627\u0626\u0645\u0629<span>\u0645\u0630\u0627\u0642 \u0631\u064a\u0628\u0648\u0633 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a<\/span><\/h1>\r\n                <p class=\"rp-text-ar\">\u0631\u062d\u0644\u0629 \u0645\u0646 \u0627\u0644\u0646\u0643\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629\u060c \u062a\u064f\u062d\u0636\u0631 \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u0643\u0644 \u0634\u063a\u0641 \u0644\u062a\u0646\u0627\u0633\u0628 \u0630\u0627\u0626\u0642\u062a\u0643\u0645 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"rp-kinetic-layer\">\r\n                \r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/COLDBREW-repose-cafe-jeddah-saudi-arabia-cafe-jeddah-saudi-arabia.png\" \r\n                     class=\"rp-asset item-behind coldbrew\" data-factor=\"0.015\" data-rot=\"12\">\r\n                     \r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/\u0643\u0631\u0648\u0627\u0633\u0648\u0646-\u062c\u0628\u0646\u0629-\u0635\u0641\u0631\u0627\u0621-Yellow-Cheese-Croissant-2-repose-cafe-jeddah-saudi-arabia-cafe-jeddah-saudi-arabiahazelnut.png\" \r\n                     class=\"rp-asset item-behind croissant\" data-factor=\"0.02\" data-rot=\"35\">\r\n                     \r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/Dounut_hazelnut-2-repose-cafe-jeddah-saudi-arabia-cafe-jeddah-saudi-arabiahazelnut.png\" \r\n                     class=\"rp-asset item-behind donut\" data-factor=\"-0.01\" data-rot=\"-15\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/muffin_chocolate-2-repose-cafe-jeddah-saudi-arabia-cafe-jeddah-saudi-arabia.webp.png\" \r\n                     class=\"rp-asset item-behind muffin\" data-factor=\"-0.015\" data-rot=\"5\">\r\n\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/flatwhite-repose-cafe-jeddah-saudi-arabia-2-cafe-jeddah-saudi-arabia.png\" \r\n                     class=\"rp-asset item-front flatwhite\" data-factor=\"-0.02\" data-rot=\"-8\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/cookies_chocolate-repose-cafe-jeddah-saudi-arabia-cafe-jeddah-saudi-arabia.png\" \r\n                     class=\"rp-asset item-front cookie\" data-factor=\"0.025\" data-rot=\"60\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/Small-Elements-for-Hero-Sections-Floating-3.png\" \r\n                     class=\"rp-asset item-front spoon\" data-factor=\"0.01\" data-rot=\"15\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/Single-Bean-want-it-extra-small.png\" class=\"rp-asset item-front bean b1\" data-factor=\"0.03\">\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/Single-Bean-want-it-extra-small.png\" class=\"rp-asset item-behind bean b2\" data-factor=\"-0.02\">\r\n                <img decoding=\"async\" src=\"https:\/\/reposecafe.sa\/wp-content\/uploads\/2026\/03\/Single-Bean-want-it-extra-small.png\" class=\"rp-asset item-front bean b3\" data-factor=\"0.04\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Arabic:wght@400;700;900&display=swap');\r\n\r\n            .rp-fixed-landscape {\r\n                --rp-teal: #073B3A;\r\n                --rp-pink: #ED8D8B;\r\n                --rp-gold: #F4E285;\r\n                \r\n                width: 100%; margin: 20px auto;\r\n                background: var(--rp-teal); border-radius: 40px; \r\n                overflow: hidden; position: relative; direction: rtl;\r\n                aspect-ratio: 2 \/ 1; \r\n                display: flex; align-items: center; justify-content: center;\r\n            }\r\n\r\n            .rp-landscape-inner {\r\n                width: 100%; height: 100%; position: relative;\r\n                display: flex; align-items: center; justify-content: center;\r\n            }\r\n\r\n            \/* Central Card Branding *\/\r\n            .rp-glass-panel {\r\n                z-index: 50; \/* Middle Layer *\/\r\n                padding: 4% 6%; background: rgba(255, 255, 255, 0.03);\r\n                backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n                border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px;\r\n                text-align: center; max-width: 50%;\r\n                box-shadow: 0 30px 60px rgba(0,0,0,0.3);\r\n                animation: rpEntrance 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n            }\r\n\r\n            .rp-title-ar {\r\n                font-family: 'Noto Sans Arabic', sans-serif; color: #fff; \r\n                font-size: clamp(1.2rem, 4vw, 3.5rem); font-weight: 900; margin: 0; line-height: 1.1;\r\n            }\r\n\r\n            .rp-title-ar span {\r\n                display: block; color: var(--rp-pink); font-size: 0.4em; font-weight: 400; margin-top: 5px;\r\n            }\r\n\r\n            .rp-text-ar {\r\n                font-family: 'Noto Sans Arabic', sans-serif; color: var(--rp-gold); \r\n                font-size: clamp(0.7rem, 1.5vw, 1.1rem); margin-top: 15px; font-weight: 300; opacity: 0.9;\r\n            }\r\n\r\n            \/* Asset Management & Continuous Floating *\/\r\n            .rp-asset {\r\n                position: absolute; will-change: transform, opacity, translate;\r\n                filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));\r\n                transition: transform 0.1s linear; opacity: 0;\r\n                animation: rpFadeIn 1s ease-out forwards, \r\n                           rpContinuousFloat var(--float-dur, 4s) ease-in-out infinite alternate var(--float-del, 0s);\r\n            }\r\n\r\n            \/* Z-Index Layers *\/\r\n            .item-behind { z-index: 30; }\r\n            .item-front { z-index: 70; }\r\n\r\n            \/* Desktop Positions (Percentages for ratio lock) *\/\r\n            .coldbrew { width: 22%; top: 2%; left: 8%; --float-dur: 5s; --float-del: 0s; } \/* Behind *\/\r\n            .muffin { width: 12%; top: 12%; right: 15%; --float-dur: 4s; --float-del: 1s; opacity: 0.8; } \/* Behind *\/\r\n            .croissant { width: 12%; bottom: 18%; right: 8%; --float-dur: 6s; --float-del: 0.5s; } \/* Behind *\/\r\n            \r\n            .flatwhite { width: 18%; bottom: 5%; left: 15%; --float-dur: 4.5s; --float-del: 0.5s; } \/* Front *\/\r\n            .cookie { width: 9%; top: 20%; left: 35%; --float-dur: 5.5s; --float-del: 0.2s; } \/* Front *\/\r\n            .donut { width: 12%; top: 10%; left: 60%; --float-dur: 4.2s; --float-del: 0.8s; } \/* Behind *\/\r\n            \r\n            \/* Spoon is now fully opaque *\/\r\n            .spoon { width: 18%; bottom: 5%; right: 25%; --float-dur: 7s; --float-del: 0.3s; opacity: 1 !important; } \/* Front *\/\r\n            \r\n            .bean { width: 2%; }\r\n            .b1 { top: 25%; right: 25%; --float-dur: 3s; }\r\n            .b2 { bottom: 30%; left: 35%; --float-dur: 3.5s; }\r\n            .b3 { top: 60%; right: 10%; --float-dur: 4s; }\r\n\r\n            \/* Keyframes *\/\r\n            @keyframes rpEntrance { from { opacity: 0; transform: translateY(30px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } }\r\n            @keyframes rpFadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n            @keyframes rpContinuousFloat { 0% { translate: 0px -12px; } 100% { translate: 0px 12px; } }\r\n\r\n            \/* =========================================\r\n               MOBILE OVERHAUL (Half-Visible Layers) \r\n               ========================================= *\/\r\n            @media (max-width: 768px) {\r\n                .rp-fixed-landscape { border-radius: 20px; margin: 10px auto; width: 98%; }\r\n                .rp-glass-panel { padding: 15px; max-width: 75%; }\r\n                \r\n                \/* Reposition instead of hiding, creating overlaps *\/\r\n                .coldbrew { width: 28%; top: -5%; left: -5%; } \/* Peeks from top left behind *\/\r\n                .flatwhite { width: 25%; bottom: -5%; right: -2%; } \/* Overlaps bottom right front *\/\r\n                .croissant { width: 18%; top: 15%; right: -5%; } \/* Peeks from mid right behind *\/\r\n                .donut { width: 15%; bottom: 10%; left: -5%; } \/* Peeks from bottom left behind *\/\r\n                .spoon { width: 25%; bottom: 2%; left: 15%; } \/* Spans across front bottom *\/\r\n                .cookie { width: 14%; top: -2%; right: 25%; } \/* Overlaps top edge of card *\/\r\n                .muffin { display: none; } \/* Keep just one hidden to avoid total clutter *\/\r\n            }\r\n        <\/style>\r\n\r\n        <script>\r\n        (function() {\r\n            const container = document.getElementById('rpHeroStage');\r\n            const card = document.getElementById('rpMainCard');\r\n            if (!container) return;\r\n\r\n            container.addEventListener('mousemove', (e) => {\r\n                const rect = container.getBoundingClientRect();\r\n                const x = e.clientX - rect.left - (rect.width \/ 2);\r\n                const y = e.clientY - rect.top - (rect.height \/ 2);\r\n\r\n                \/* SLIGHT interaction effect - drastically reduced multipliers *\/\r\n                card.style.transform = `translate(${x * 0.01}px, ${y * 0.01}px) rotateY(${x * 0.01}deg) rotateX(${-y * 0.01}deg)`;\r\n\r\n                const assets = container.querySelectorAll('.rp-asset');\r\n                assets.forEach(asset => {\r\n                    const factor = parseFloat(asset.getAttribute('data-factor')) || 0.01;\r\n                    const baseRot = parseFloat(asset.getAttribute('data-rot')) || 0;\r\n                    \r\n                    const moveX = x * factor;\r\n                    const moveY = y * factor;\r\n                    const rotate = baseRot + (x * 0.015); \/* Subtle rotation *\/\r\n\r\n                    asset.style.transform = `translate3d(${moveX}px, ${moveY}px, 0) rotate(${rotate}deg)`;\r\n                });\r\n            });\r\n\r\n            container.addEventListener('mouseleave', () => {\r\n                card.style.transition = \"transform 1s ease-out\";\r\n                card.style.transform = `translate(0,0) rotateY(0) rotateX(0)`;\r\n                \r\n                const assets = container.querySelectorAll('.rp-asset');\r\n                assets.forEach(asset => {\r\n                    const baseRot = parseFloat(asset.getAttribute('data-rot')) || 0;\r\n                    asset.style.transition = \"transform 1.2s ease-out\";\r\n                    asset.style.transform = `translate3d(0,0,0) rotate(${baseRot}deg)`;\r\n                });\r\n                \r\n                setTimeout(() => {\r\n                    card.style.transition = \"\";\r\n                    assets.forEach(a => a.style.transition = \"transform 0.1s linear\");\r\n                }, 1200);\r\n            });\r\n        })();\r\n        <\/script>\r\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0642\u0647\u0648\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629 \u0627\u0644\u0623\u0631\u0642\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0645\u0639 \u0645\u0646\u064a\u0648 \u0631\u064a\u0628\u0648\u0633 \u0643\u0627\u0641\u064a\u0647. \u0645\u0646 \u0643\u0648\u0628 \u0627\u0644\u0622\u064a\u0633 \u0648\u0627\u064a\u062a \u0645\u0648\u0643\u0627 \u0627\u0644\u0645\u0646\u0639\u0634 \u0625\u0644\u0649 \u062f\u0642\u0629 \u0627\u0633\u062a\u062e\u0644\u0627\u0635<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/pages\/30177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/comments?post=30177"}],"version-history":[{"count":9,"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/pages\/30177\/revisions"}],"predecessor-version":[{"id":30230,"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/pages\/30177\/revisions\/30230"}],"wp:attachment":[{"href":"https:\/\/demo.reposecafe.sa\/en\/wp-json\/wp\/v2\/media?parent=30177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}