{"id":11,"date":"2026-05-13T19:09:23","date_gmt":"2026-05-13T19:09:23","guid":{"rendered":"https:\/\/r-amen.pl\/?page_id=11"},"modified":"2026-05-13T19:11:07","modified_gmt":"2026-05-13T19:11:07","slug":"strona-domowa","status":"publish","type":"page","link":"https:\/\/r-amen.pl\/","title":{"rendered":"Strona domowa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5778360 e-flex e-con-boxed e-con e-parent\" data-id=\"5778360\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9191487 elementor-widget elementor-widget-html\" data-id=\"9191487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\n\n<div id=\"ramen-balanced-scroll\">\n    <div class=\"scroll-wrapper\">\n        <section class=\"sticky-container\">\n            \n            <div class=\"steam-background\">\n                <div class=\"steam-blob\"><\/div>\n            <\/div>\n\n            <div class=\"intro-overlay\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/logo-vektor-biale.svg\" class=\"scroll-logo\" id=\"mainLogo\" alt=\"Logo\">\n                \n                <div class=\"intro-content\">\n                    <span class=\"sub-intro\">RESTAURACJA<\/span>\n                    <h2 class=\"foggy-text\">R.AMEN<\/h2>\n                    \n                    <div class=\"swipe-indicator\">\n                        <div class=\"hand-icon\">\n                            <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/hand-1.png\" alt=\"scroll\" style=\"width: 50px; height: auto; display: block;\">\n                        <\/div>\n                        <span class=\"swipe-text\">PRZESU\u0143 W D\u00d3\u0141<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ramen-assembly-point\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-1-miska.webp\" class=\"r-step p-step-1\" alt=\"1\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-2-makaron.webp\" class=\"r-step p-step-2\" alt=\"2\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-3-bulion.webp\" class=\"r-step p-step-3\" alt=\"3\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-4-jajko.webp\" class=\"r-step p-step-4\" alt=\"4\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-5-mieso.webp\" class=\"r-step p-step-5\" alt=\"5\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-6-dodatki.webp\" class=\"r-step p-step-6\" alt=\"6\">\n                <img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/ramen-7-gotowy.webp\" class=\"r-step p-step-7\" alt=\"7\">\n            <\/div>\n\n            <div class=\"end-cta\" id=\"bottomCTA\">\n                <div class=\"cta-button-container\" id=\"ctaContainer\">\n                    <a href=\"https:\/\/leite.pl\/menu\/\" class=\"ramen-btn main-link\">ZOBACZ MENU<\/a>\n                    <div class=\"social-links-panel\">\n                        <a href=\"https:\/\/www.facebook.com\/profile.php?id=61589402493046\" target=\"_blank\" class=\"s-link\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/facebook-4.png\" alt=\"FB\"><\/a>\n                        <a href=\"https:\/\/www.instagram.com\/restauracja_r.amen\/\" target=\"_blank\" class=\"s-link\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/instagram-2.png\" alt=\"IG\"><\/a>\n                        <a href=\"https:\/\/www.tiktok.com\/@restauracja_r.ame\" target=\"_blank\" class=\"s-link\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/tik-tok-2.png\" alt=\"TT\"><\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-icons\">\n                    <a href=\"tel:+48000000000\" class=\"c-icon\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/telephone-1.png\" alt=\"Tel\" class=\"contact-img\"><\/a>\n                    <a href=\"https:\/\/maps.google.com\" target=\"_blank\" class=\"c-icon\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/placeholder.png\" alt=\"Map\" class=\"contact-img\"><\/a>\n                    <button class=\"c-icon social-trigger\" id=\"socialTrigger\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/like-2.png\" alt=\"Soc\" class=\"contact-img\"><\/button>\n                    <a href=\"https:\/\/g.page\/r\/your-review-link\" target=\"_blank\" class=\"c-icon\"><img decoding=\"async\" src=\"https:\/\/leite.pl\/wp-content\/uploads\/2026\/05\/star.png\" alt=\"Rev\" class=\"contact-img\"><\/a>\n                <\/div>\n            <\/div>\n\n        <\/section>\n    <\/div>\n<\/div>\n\n<style>\nbody { margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; background-color: #080808 !important; }\n\n#ramen-balanced-scroll {\n    background: #080808; width: 100vw; position: relative; left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw; font-family: 'Bebas Neue', sans-serif !important;\n}\n\n.scroll-wrapper { height: 400vh; position: relative; width: 100%; }\n\n.sticky-container {\n    position: sticky !important; top: 0; height: 100vh; height: 100svh; width: 100%;\n    display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; z-index: 10; background: #080808;\n}\n\n.scroll-logo { width: 120px; height: auto; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; }\n.intro-overlay { position: relative; z-index: 100; text-align: center; pointer-events: none; margin-top: 8vh; width: 100%; min-height: 180px; display: flex; justify-content: center; align-items: center; }\n.intro-content { width: 100%; display: flex; flex-direction: column; align-items: center; }\n.sub-intro { font-family: 'Bebas Neue', sans-serif !important; color: rgba(255,255,255,0.8); font-size: 1.4rem; letter-spacing: 5px; }\n.foggy-text { font-family: 'Bebas Neue', sans-serif !important; color: #6c1c31; font-size: clamp(3.5rem, 12vw, 7rem); line-height: 0.9; margin: 0; letter-spacing: 10px; text-transform: uppercase; }\n\n.swipe-indicator { margin-top: 20px; display: flex; flex-direction: column; align-items: center; gap: 5px; }\n.hand-icon { animation: swipeUpAnim 2.5s ease-in-out infinite; opacity: 0.8; }\n.hand-icon img { filter: brightness(0) invert(1); }\n.swipe-text { font-family: 'Bebas Neue', sans-serif !important; color: rgba(255, 255, 255, 0.4); font-size: 14px; letter-spacing: 3px; margin-top: 8px; display: block; }\n\n@keyframes swipeUpAnim {\n    0% { transform: translateY(15px); opacity: 0; }\n    20% { opacity: 1; }\n    80% { transform: translateY(-10px); opacity: 0; }\n    100% { transform: translateY(-10px); opacity: 0; }\n}\n\n.ramen-assembly-point { position: relative; width: 85%; max-width: 500px; aspect-ratio: 1\/1; margin-top: -10px; }\n.r-step { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; will-change: opacity; }\n.p-step-1 { opacity: 1; }\n\n.end-cta { position: absolute; bottom: 2%; text-align: center; opacity: 0; transform: translateY(20px); z-index: 110; display: flex; flex-direction: column; align-items: center; gap: 60px; }\n\n.cta-button-container { position: relative; width: 240px; height: 56px; display: flex; justify-content: center; align-items: center; }\n.ramen-btn, .social-links-panel {\n    position: absolute; width: 100%; height: 100%; border-radius: 50px;\n    display: flex; justify-content: center; align-items: center;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(108, 28, 49, 0.4);\n}\n.ramen-btn { background: #6c1c31; color: #fff; text-decoration: none; font-size: 1.4rem; letter-spacing: 2px; z-index: 2; }\n.social-links-panel { background: #6c1c31; gap: 30px; opacity: 0; pointer-events: none; transform: translateY(10px); z-index: 1; }\n.s-link img { width: 28px; height: auto; filter: brightness(0) invert(1); transition: transform 0.3s ease; }\n.cta-button-container.show-socials .ramen-btn { opacity: 0; transform: translateY(-10px); }\n.cta-button-container.show-socials .social-links-panel { opacity: 1; transform: translateY(0); pointer-events: auto; }\n\n.contact-icons { display: flex; gap: 30px; align-items: center; }\n.contact-icons a, .contact-icons button { background: transparent !important; border: none !important; cursor: pointer !important; padding: 0 !important; display: flex !important; align-items: center !important; }\n.contact-img { width: 32px; height: auto; filter: brightness(0) invert(1) !important; transition: filter 0.3s ease; }\n.contact-icons .active .contact-img, .contact-icons a:hover .contact-img { filter: invert(19%) sepia(50%) saturate(2815%) hue-rotate(323deg) brightness(88%) contrast(92%) !important; }\n\n.steam-background { position: absolute; width: 100%; height: 100%; filter: blur(60px); opacity: 0.15; pointer-events: none; }\n.steam-blob { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, #fff 0%, transparent 70%); top: 10%; left: 10%; }\n\n@media (max-width: 768px) {\n    .scroll-logo { width: 90px; }\n    .intro-overlay { margin-top: 6vh; }\n    .foggy-text { font-size: 4rem; }\n    .ramen-assembly-point { max-width: 350px; }\n    .end-cta { bottom: 8%; gap: 40px; } \n}\n\n\/* ZMIANY DLA DESKTOPU: mniejszy padding miedzy ikonami a przyciskiem *\/\n@media (min-width: 992px) {\n    .intro-overlay { pointer-events: auto !important; }\n    .intro-content { pointer-events: none; }\n    \/* Mniejszy odst\u0119p mi\u0119dzy kontenerem przycisku a rz\u0119dem ikon *\/\n    .end-cta { gap: 20px !important; } \n    \/* Mniejszy odst\u0119p mi\u0119dzy samymi ikonami kontaktu *\/\n    .contact-icons { gap: 15px !important; }\n    \/* Nieco mniejsze ikony na desktopie dla lepszego balansu g\u00f3ry *\/\n    .contact-img { width: 26px; }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const trigger = document.getElementById('socialTrigger');\n    const ctaContainer = document.getElementById('ctaContainer');\n    const bottomCTA = document.getElementById('bottomCTA');\n    const mainLogo = document.getElementById('mainLogo');\n\n    if(trigger && ctaContainer) {\n        trigger.addEventListener('click', (e) => {\n            e.preventDefault(); e.stopPropagation();\n            const isShowingSocials = ctaContainer.classList.contains('show-socials');\n            ctaContainer.classList.toggle('show-socials');\n            trigger.classList.toggle('active');\n        });\n    }\n\n    if (typeof gsap === 'undefined') return;\n    gsap.registerPlugin(ScrollTrigger);\n\n    const isDesktop = window.innerWidth >= 992;\n\n    const tl = gsap.timeline({\n        scrollTrigger: {\n            trigger: \".scroll-wrapper\",\n            start: \"top top\",\n            end: \"bottom bottom\",\n            scrub: 0.8,\n            invalidateOnRefresh: true\n        }\n    });\n\n    tl.to(\".intro-content\", { opacity: 0, y: -40, duration: 0.7 })\n    .to(\".scroll-logo\", { opacity: 1, duration: 0.7 }, \"+=0.2\")\n    .to(\".p-step-1\", { opacity: 0, duration: 1 }, \"s1\")\n    .to(\".p-step-2\", { opacity: 1, duration: 1 }, \"s1\")\n    .to(\".p-step-2\", { opacity: 0, duration: 1 }, \"s2\")\n    .to(\".p-step-3\", { opacity: 1, duration: 1 }, \"s2\")\n    .to(\".p-step-3\", { opacity: 0, duration: 1 }, \"s3\")\n    .to(\".p-step-4\", { opacity: 1, duration: 1 }, \"s3\")\n    .to(\".p-step-4\", { opacity: 0, duration: 1 }, \"s4\")\n    .to(\".p-step-5\", { opacity: 1, duration: 1 }, \"s4\")\n    .to(\".p-step-5\", { opacity: 0, duration: 1 }, \"s5\")\n    .to(\".p-step-6\", { opacity: 1, duration: 1 }, \"s5\")\n    .to(\".p-step-6\", { opacity: 0, duration: 1 }, \"s6\")\n    .to(\".p-step-7\", { opacity: 1, duration: 1 }, \"s6\");\n\n    if (isDesktop) {\n        tl.to(mainLogo, { opacity: 0, scale: 0.8, duration: 0.4 })\n          .to(bottomCTA, { \n            opacity: 1, y: 0, top: \"45%\", left: \"50%\", \n            xPercent: -50, yPercent: -50, \n            position: \"absolute\", zIndex: 1000, duration: 0.6 \n          }, \"-=0.2\");\n    } else {\n        tl.to(\".end-cta\", { opacity: 1, y: 0, duration: 0.8 });\n    }\n\n    window.addEventListener('load', () => ScrollTrigger.refresh());\n});\n<\/script>\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>RESTAURACJA R.AMEN PRZESU\u0143 W D\u00d3\u0141 ZOBACZ MENU<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/r-amen.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/r-amen.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/r-amen.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}