{"id":49,"date":"2025-07-28T13:39:06","date_gmt":"2025-07-28T13:39:06","guid":{"rendered":"https:\/\/www.grapher.hu\/?page_id=49"},"modified":"2026-03-31T10:47:13","modified_gmt":"2026-03-31T10:47:13","slug":"elementor-49","status":"publish","type":"page","link":"https:\/\/www.grapher.hu\/","title":{"rendered":"Elementor #49"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Grapher Studio - P\u00e9cs & Bonyh\u00e1d<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* A felt\u00f6lt\u00f6tt paletta sz\u00ednei *\/\n :root {\n --color-lightest: #FDEFEF;\n --color-light-peach: #F4DFD0;\n --color-muted-beige: #DAD0C2;\n --color-accent: #CDBBA7;\n --color-text-dark: #3a3a3a;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #ffffff; \n color: var(--color-text-dark);\n }\n .hero-section {\n \/* Helykit\u00f6lt\u0151 k\u00e9p a h\u00e1tt\u00e9rben *\/\n background-image: linear-gradient(rgba(253, 239, 239, 0.8), rgba(253, 239, 239, 0.8)), url('https:\/\/scontent-vie1-1.xx.fbcdn.net\/v\/t39.30808-6\/489625597_696749566374617_8321445189405087156_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=833d8c&_nc_ohc=IT7khD0y7okQ7kNvwHfWI8g&_nc_oc=AdmU38y-4IFXM1sLsYeXZMQyPg3IBQFo8dQivutG9_Jk-nZIvNCcSD6_nLRBROnYJbU&_nc_zt=23&_nc_ht=scontent-vie1-1.xx&_nc_gid=VugOJrwPDSu2dejsFEwodQ&oh=00_AfTLUSP7AftPn9UV8ve45wFhU-zaHr2o1do3g10glHzU6Q&oe=688D6098');\n background-size: cover;\n background-position: center;\n }\n\n \/* \u00daj accent sz\u00ednek a paletta alapj\u00e1n *\/\n .text-accent { color: var(--color-accent); }\n .bg-accent { background-color: var(--color-accent); }\n .border-accent { border-color: var(--color-accent); }\n .hover\\:bg-accent-dark:hover { background-color: #b9a590; } \/* Az accent sz\u00edn s\u00f6t\u00e9tebb \u00e1rnyalata *\/\n .hover\\:text-dark:hover { color: var(--color-text-dark); }\n \n \/* Szekci\u00f3k h\u00e1tt\u00e9rsz\u00ednei *\/\n #pecs { background-color: var(--color-lightest); }\n #bonyhad { background-color: var(--color-light-peach); }\n footer { background-color: var(--color-muted-beige); }\n\n \/* Anim\u00e1ci\u00f3 a be\u00fasz\u00f3 elemekhez *\/\n .reveal {\n position: relative;\n transform: translateY(100px);\n opacity: 0;\n transition: 1s all ease;\n }\n .reveal.active {\n transform: translateY(0);\n opacity: 1;\n }\n <\/style>\n<\/head>\n<body class=\"overflow-x-hidden\">\n\n <!-- F\u0151oldal szekci\u00f3 (Hero) -->\n <section class=\"hero-section h-screen w-full flex flex-col justify-center items-center text-center p-4\">\n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-black text-gray-900 uppercase tracking-widest\">Grapher Studio<\/h1>\n <p class=\"mt-4 text-lg md:text-xl text-gray-700\">V\u00e1laszd ki a st\u00fadi\u00f3t<\/p>\n <div class=\"mt-10 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6\">\n <a href=\"#pecs\" class=\"text-accent border-2 border-accent font-semibold py-3 px-8 rounded-lg text-lg hover:bg-accent hover:text-dark transition-colors duration-300\">\n P\u00e9cs\n <\/a>\n <a href=\"#bonyhad\" class=\"text-accent border-2 border-accent font-semibold py-3 px-8 rounded-lg text-lg hover:bg-accent hover:text-dark transition-colors duration-300\">\n Bonyh\u00e1d\n <\/a>\n <\/div>\n <div class=\"absolute bottom-10 animate-bounce\">\n <svg class=\"w-8 h-8 text-gray-600\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\n <\/svg>\n <\/div>\n <\/section>\n\n <!-- F\u0151 tartalom -->\n <main class=\"w-full\">\n\n <!-- P\u00e9csi St\u00fadi\u00f3 Szekci\u00f3 -->\n <section id=\"pecs\" class=\"w-full min-h-screen py-20 px-4 md:px-10 lg:px-20 flex items-center\">\n <div class=\"container mx-auto grid md:grid-cols-2 gap-12 items-center reveal\">\n <!-- K\u00e9p Gal\u00e9ria -->\n <div class=\"grid grid-cols-2 gap-4\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/489625597_696749566374617_8321445189405087156_n.jpg\" alt=\"P\u00e9csi st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 1\" class=\"rounded-lg shadow-xl w-full h-full object-cover col-span-2\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/489456325_696749426374631_5953015885334974718_n.jpg\" alt=\"P\u00e9csi st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 2\" class=\"rounded-lg shadow-xl w-full h-full object-cover\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/488796674_696749123041328_2925368858572675147_n.jpg\" alt=\"P\u00e9csi st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 3\" class=\"rounded-lg shadow-xl w-full h-full object-cover\">\n <\/div>\n <!-- Inform\u00e1ci\u00f3k -->\n <div class=\"text-center md:text-left\">\n <h2 class=\"text-4xl lg:text-5xl font-bold\">Grapher Studio <span class=\"text-accent\">P\u00e9cs<\/span><\/h2>\n <p class=\"mt-6 text-lg text-gray-700 leading-relaxed\">\n Szeretettel v\u00e1rjuk a fot\u00f3sokat \u00e9s a fot\u00f3zkodni v\u00e1gy\u00f3kat P\u00e9csen, 75 m\u00b2-es, letisztult st\u00edlus\u00fa m\u0171term\u00fcnkben!<br>A hatalmas ablakfel\u00fcleteknek k\u00f6sz\u00f6nhet\u0151en term\u00e9szetes f\u00e9nyb\u0151l b\u0151ven jut, de ha ir\u00e1ny\u00edtott vil\u00e1g\u00edt\u00e1ssal dolgozn\u00e1l, \u00e1lland\u00f3f\u00e9ny\u0171 l\u00e1mp\u00e1ink \u00e9s pap\u00edrh\u00e1tteres megold\u00e1saink is rendelkez\u00e9sedre \u00e1llnak.<br>St\u00fadi\u00f3nk m\u00e1r h\u00e1rom \u00e9ve biztos\u00edt professzion\u00e1lis teret portr\u00e9khoz, kamp\u00e1nyfot\u00f3khoz \u00e9s kreat\u00edv projektekhez \u2013 \u00f6r\u00fcl\u00fcnk, ha te is n\u00e1lunk alkotsz!\n <\/p>\n <div class=\"mt-8 space-y-4 text-gray-800\">\n <div>\n <p class=\"font-semibold\">Nyitvatart\u00e1s:<\/p>\n <p>Minden nap 8:00 - 19:00<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold\">C\u00edm:<\/p>\n <p>7634 P\u00e9cs, Magyar\u00fcr\u00f6gi \u00fat 132.<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold\">B\u00e9rleti d\u00edj:<\/p>\n <p>12.000 Ft \/ \u00f3ra<\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/grapherstudio.reservio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-accent text-gray-900 py-3 px-8 rounded-lg text-lg font-bold hover:bg-accent-dark transition-colors duration-300\">\n Id\u0151pontfoglal\u00e1s P\u00e9csre\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bonyh\u00e1di St\u00fadi\u00f3 Szekci\u00f3 -->\n <section id=\"bonyhad\" class=\"w-full min-h-screen py-20 px-4 md:px-10 lg:px-20 flex items-center\">\n <div class=\"container mx-auto grid md:grid-cols-2 gap-12 items-center reveal\">\n <!-- Inform\u00e1ci\u00f3k (sorrend felcser\u00e9lve) -->\n <div class=\"text-center md:text-left md:order-2\">\n <h2 class=\"text-4xl lg:text-5xl font-bold\">V\u00d6LGYS\u00c9G STUDIO <span class=\"text-accent\">Bonyh\u00e1d<\/span><\/h2>\n <p class=\"mt-6 text-lg text-gray-700 leading-relaxed\">\n Szeretettel v\u00e1rjuk a fot\u00f3sokat \u00e9s a fot\u00f3zkodni v\u00e1gy\u00f3kat Bonyh\u00e1don, 50 m\u00b2-es, letisztult st\u00edlus\u00fa m\u0171term\u00fcnkben!<br>A nagy ablakfel\u00fcleteknek k\u00f6sz\u00f6nhet\u0151en term\u00e9szetes f\u00e9nyben sincs hi\u00e1ny, de ha ir\u00e1ny\u00edtott vil\u00e1g\u00edt\u00e1ssal dolgozn\u00e1l, \u00e1lland\u00f3f\u00e9ny\u0171 l\u00e1mp\u00e1ink \u00e9s pap\u00edrh\u00e1tteres megold\u00e1saink is rendelkez\u00e9sedre \u00e1llnak.\n <\/p>\n <div class=\"mt-8 space-y-4 text-gray-800\">\n <div>\n <p class=\"font-semibold\">Nyitvatart\u00e1s:<\/p>\n <p>Minden nap 8:00 - 19:00<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold\">C\u00edm:<\/p>\n <p>7150 Bonyh\u00e1d, Sz\u00e9chenyi t\u00e9r 5.<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold\">B\u00e9rleti d\u00edj:<\/p>\n <p>5000 Ft \/ \u00f3ra<\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/volgysegstudio.reservio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-accent text-gray-900 py-3 px-8 rounded-lg text-lg font-bold hover:bg-accent-dark transition-colors duration-300\">\n Id\u0151pontfoglal\u00e1s Bonyh\u00e1dra\n <\/a>\n <\/div>\n <!-- K\u00e9p Gal\u00e9ria (sorrend felcser\u00e9lve) -->\n <div class=\"grid grid-cols-2 gap-4 md:order-1\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/IMG_1999-scaled.jpg\" alt=\"Bonyh\u00e1di st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 1\" class=\"rounded-lg shadow-xl w-full h-full object-cover\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/IMG_2001-scaled.jpg\" alt=\"Bonyh\u00e1di st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 2\" class=\"rounded-lg shadow-xl w-full h-full object-cover\">\n <img decoding=\"async\" src=\"http:\/\/www.grapher.hu\/wp-content\/uploads\/2025\/07\/IMG_1997-scaled.jpg\" alt=\"Bonyh\u00e1di st\u00fadi\u00f3 gal\u00e9ria k\u00e9p 3\" class=\"rounded-lg shadow-xl w-full h-full object-cover col-span-2\">\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n \n <!-- L\u00e1bl\u00e9c -->\n <footer class=\"text-center py-6\">\n <p class=\"text-gray-700\">© <span id=\"year\"><\/span> Grapher Studio. Minden jog fenntartva.<\/p>\n <\/footer>\n\n <script>\n \/\/ G\u00f6rget\u00e9sre be\u00fasz\u00f3 anim\u00e1ci\u00f3\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 150;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n } else {\n reveals[i].classList.remove(\"active\");\n }\n }\n }\n\n window.addEventListener(\"scroll\", reveal);\n reveal(); \/\/ Futtat\u00e1s az oldal bet\u00f6lt\u00e9sekor is\n\n \/\/ \u00c9v automatikus friss\u00edt\u00e9se a l\u00e1bl\u00e9cben\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n\n<\/body>\n<\/html>\n\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>Grapher Studio – P\u00e9cs & Bonyh\u00e1d Grapher Studio V\u00e1laszd ki a st\u00fadi\u00f3t P\u00e9cs Bonyh\u00e1d Grapher Studio P\u00e9cs Szeretettel v\u00e1rjuk a fot\u00f3sokat \u00e9s a fot\u00f3zkodni v\u00e1gy\u00f3kat P\u00e9csen, 75 m\u00b2-es, letisztult st\u00edlus\u00fa m\u0171term\u00fcnkben!A hatalmas ablakfel\u00fcleteknek k\u00f6sz\u00f6nhet\u0151en term\u00e9szetes f\u00e9nyb\u0151l b\u0151ven jut, de ha ir\u00e1ny\u00edtott vil\u00e1g\u00edt\u00e1ssal dolgozn\u00e1l, \u00e1lland\u00f3f\u00e9ny\u0171 l\u00e1mp\u00e1ink \u00e9s pap\u00edrh\u00e1tteres megold\u00e1saink is rendelkez\u00e9sedre \u00e1llnak.St\u00fadi\u00f3nk m\u00e1r h\u00e1rom \u00e9ve biztos\u00edt […]<\/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-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grapher.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":22,"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/www.grapher.hu\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/www.grapher.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}