{"id":3519,"date":"2026-07-24T23:22:12","date_gmt":"2026-07-24T21:22:12","guid":{"rendered":"https:\/\/wwwstudio.hu\/kapcsolat\/"},"modified":"2026-07-26T07:22:43","modified_gmt":"2026-07-26T05:22:43","slug":"kapcsolat","status":"publish","type":"page","link":"https:\/\/wwwstudio.hu\/en\/kapcsolat\/","title":{"rendered":"Kapcsolat"},"content":{"rendered":"\n<!-- wwwstudio \u00b7 Kapcsolat szekci\u00f3 (Custom HTML block) \u00b7 .wsk-kapcsolat -->\n<div class=\"wsk-kapcsolat\">\n<style>\n.wsk-kapcsolat{--navy:#242A56;--navy-d:#14183A;--indigo:#4D61D6;--indigo-l:#6878D6;--lav:#EFF2FF;--paper:#F7F8FC;--line:#E3E6F3;--muted:#6B7192;\n  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--navy);line-height:1.5;max-width:1120px;margin:0 auto;padding:8px 20px 24px;-webkit-font-smoothing:antialiased}\n.wsk-kapcsolat *{box-sizing:border-box}\n.wsk-kapcsolat .wsk-head{max-width:640px;margin:0 auto 40px;text-align:center}\n.wsk-kapcsolat .wsk-kick{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--indigo)}\n.wsk-kapcsolat h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,4.4vw,46px);letter-spacing:-.03em;color:var(--navy);margin:12px 0 0;line-height:1.05}\n.wsk-kapcsolat h2 em{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;color:var(--indigo)}\n.wsk-kapcsolat .wsk-lead{color:var(--muted);font-size:17px;margin-top:16px}\n\n.wsk-kapcsolat .wsk-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:22px;align-items:stretch}\n\n\/* left: contact details *\/\n.wsk-kapcsolat .wsk-info{background:var(--navy);color:#fff;border-radius:18px;padding:34px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 50px -32px rgba(36,42,86,.7)}\n.wsk-kapcsolat .wsk-info::after{content:\"\";position:absolute;right:-90px;top:-90px;width:280px;height:280px;background:radial-gradient(circle,var(--indigo),transparent 62%);opacity:.55;pointer-events:none}\n.wsk-kapcsolat .wsk-info>*{position:relative;z-index:2}\n.wsk-kapcsolat .wsk-info h3{color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:21px;letter-spacing:-.01em;margin:0 0 6px}\n.wsk-kapcsolat .wsk-info>p{color:#C4CBF0;font-size:15px;margin:0 0 26px;max-width:34ch}\n.wsk-kapcsolat .wsk-item{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}\n.wsk-kapcsolat .wsk-item:first-of-type{border-top:none}\n.wsk-kapcsolat .wsk-ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center}\n.wsk-kapcsolat .wsk-ic svg{width:19px;height:19px;stroke:#AEB9FF;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n.wsk-kapcsolat .wsk-item .l{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8f98c9;margin-bottom:3px;font-family:'Space Grotesk',sans-serif;font-weight:600}\n.wsk-kapcsolat .wsk-item .v{font-size:16px;color:#fff}\n.wsk-kapcsolat .wsk-item .v a{color:#fff}\n.wsk-kapcsolat .wsk-item .v a:hover{color:var(--indigo-l)}\n.wsk-kapcsolat .wsk-cta{display:block;text-align:center;margin-top:auto;background:#fff;color:var(--navy);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;text-decoration:none;border-radius:11px;padding:15px 20px;transition:.2s;border:1.5px solid #fff}\n.wsk-kapcsolat .wsk-cta:hover{background:var(--indigo);border-color:var(--indigo);color:#fff}\n.wsk-kapcsolat .wsk-cta small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:12.5px;opacity:.7;margin-top:2px}\n\n\/* right: form card *\/\n.wsk-kapcsolat .wsk-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 32px;box-shadow:0 24px 50px -34px rgba(36,42,86,.45)}\n.wsk-kapcsolat .wsk-form h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:20px;color:var(--navy);margin:0 0 22px;letter-spacing:-.01em}\n.wsk-kapcsolat .wsk-row{margin-bottom:17px}\n.wsk-kapcsolat .wsk-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n.wsk-kapcsolat label{display:block;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:7px;font-family:'Space Grotesk',sans-serif}\n.wsk-kapcsolat label .req{color:var(--indigo)}\n.wsk-kapcsolat input[type=text],.wsk-kapcsolat input[type=email],.wsk-kapcsolat input[type=tel],.wsk-kapcsolat textarea{\n  width:100%;font-family:'Inter',sans-serif;font-size:15px;color:var(--navy);background:var(--paper);\n  border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;transition:border-color .18s,box-shadow .18s;outline:none}\n.wsk-kapcsolat textarea{min-height:128px;resize:vertical}\n.wsk-kapcsolat input::placeholder,.wsk-kapcsolat textarea::placeholder{color:#a3a9c4}\n.wsk-kapcsolat input:focus,.wsk-kapcsolat textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(77,97,214,.13);background:#fff}\n.wsk-kapcsolat .wsk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}\n\n.wsk-kapcsolat .wsk-consent{display:flex;gap:11px;align-items:flex-start;margin:4px 0 22px;font-size:13.5px;color:var(--muted);line-height:1.5}\n.wsk-kapcsolat .wsk-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:var(--indigo);cursor:pointer}\n.wsk-kapcsolat .wsk-consent a{color:var(--indigo);text-decoration:underline}\n.wsk-kapcsolat .wsk-submit{width:100%;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:#fff;background:var(--indigo);\n  border:1.5px solid var(--indigo);border-radius:11px;padding:15px 24px;cursor:pointer;transition:.2s}\n.wsk-kapcsolat .wsk-submit:hover{background:var(--navy);border-color:var(--navy)}\n.wsk-kapcsolat .wsk-submit:disabled{opacity:.6;cursor:default}\n.wsk-kapcsolat .wsk-err{display:none;color:#c0392b;font-size:13.5px;margin-top:12px;text-align:center}\n\n\/* success panel *\/\n.wsk-kapcsolat .wsk-done{display:none;text-align:center;padding:22px 10px}\n.wsk-kapcsolat .wsk-done .tick{width:62px;height:62px;border-radius:50%;background:var(--lav);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}\n.wsk-kapcsolat .wsk-done .tick svg{width:30px;height:30px;stroke:var(--indigo);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n.wsk-kapcsolat .wsk-done h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24px;color:var(--navy);margin:0 0 8px}\n.wsk-kapcsolat .wsk-done p{color:var(--muted);font-size:15.5px;max-width:38ch;margin:0 auto}\n\n@media(max-width:820px){\n  .wsk-kapcsolat .wsk-grid{grid-template-columns:1fr}\n  .wsk-kapcsolat .wsk-info{padding:30px 26px}\n  .wsk-kapcsolat .wsk-form{padding:28px 24px}\n  .wsk-kapcsolat .wsk-cta{margin-top:26px}\n}\n@media(max-width:460px){\n  .wsk-kapcsolat .wsk-two{grid-template-columns:1fr}\n}\n<\/style>\n\n<div class=\"wsk-head\">\n  <div class=\"wsk-kick\">Kapcsolat<\/div>\n  <h2>Besz\u00e9lj\u00fck meg a <em>projektj\u00e9t.<\/em><\/h2>\n  <p class=\"wsk-lead\">K\u00e9rd\u00e9se van, vagy \u00e1raj\u00e1nlatot k\u00e9rne? \u00cdrjon nek\u00fcnk \u2014 \u00e1ltal\u00e1ban egy munkanapon bel\u00fcl v\u00e1laszolunk.<\/p>\n<\/div>\n\n<div class=\"wsk-grid\">\n\n  <!-- contact details -->\n  <div class=\"wsk-info\">\n    <h3>El\u00e9rhet\u0151s\u00e9gek<\/h3>\n    <p>V\u00e1lasszon, ahogy k\u00e9nyelmes: \u00edrjon, telefon\u00e1ljon, vagy foglaljon egy ingyenes konzult\u00e1ci\u00f3t.<\/p>\n\n    <div class=\"wsk-item\">\n      <div class=\"wsk-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 0 1 18 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n      <div><div class=\"l\">C\u00edm<\/div><div class=\"v\">1025 Budapest,<br>Cseppk\u0151 utca 61.<\/div><\/div>\n    <\/div>\n\n    <div class=\"wsk-item\">\n      <div class=\"wsk-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/div>\n      <div><div class=\"l\">E-mail<\/div><div class=\"v\"><a href=\"mailto:info@wwwstudio.hu\">info@wwwstudio.hu<\/a><\/div><\/div>\n    <\/div>\n\n    <div class=\"wsk-item\">\n      <div class=\"wsk-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8.1 9.6a16 16 0 0 0 6 6l1.1-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2Z\"\/><\/svg><\/div>\n      <div><div class=\"l\">Telefon<\/div><div class=\"v\"><a href=\"tel:+36202211867\">+36 20 221 1867<\/a><\/div><\/div>\n    <\/div>\n\n    <a class=\"wsk-cta\" href=\"\/foglalas\/\">Ingyenes konzult\u00e1ci\u00f3t foglalok<small>30 perc \u00b7 online vagy telefonon \u00b7 k\u00f6telezetts\u00e9g n\u00e9lk\u00fcl<\/small><\/a>\n  <\/div>\n\n  <!-- form -->\n  <div class=\"wsk-form\">\n    <div id=\"wskKForm\">\n      <h3>\u00cdrjon nek\u00fcnk<\/h3>\n      <div class=\"wsk-row\">\n        <label for=\"wskK-name\">N\u00e9v <span class=\"req\">*<\/span><\/label>\n        <input type=\"text\" id=\"wskK-name\" placeholder=\"Teljes n\u00e9v\" autocomplete=\"name\">\n      <\/div>\n      <div class=\"wsk-two\">\n        <div class=\"wsk-row\">\n          <label for=\"wskK-email\">E-mail <span class=\"req\">*<\/span><\/label>\n          <input type=\"email\" id=\"wskK-email\" placeholder=\"valaki@example.hu\" autocomplete=\"email\">\n        <\/div>\n        <div class=\"wsk-row\">\n          <label for=\"wskK-phone\">Telefon<\/label>\n          <input type=\"tel\" id=\"wskK-phone\" placeholder=\"+36 20 123 4567\" autocomplete=\"tel\">\n        <\/div>\n      <\/div>\n      <div class=\"wsk-row\">\n        <label for=\"wskK-msg\">\u00dczenet <span class=\"req\">*<\/span><\/label>\n        <textarea id=\"wskK-msg\" placeholder=\"Miben seg\u00edthet\u00fcnk? \u00cdrja le r\u00f6viden, mire lenne sz\u00fcks\u00e9ge.\"><\/textarea>\n      <\/div>\n\n      <div class=\"wsk-hp\"><label>Ne t\u00f6ltse ki<input type=\"text\" id=\"wskK-hp\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div>\n\n      <label class=\"wsk-consent\">\n        <input type=\"checkbox\" id=\"wskK-consent\">\n        <span>Elolvastam \u00e9s elfogadom az <a href=\"\/jogi-informaciok\/adatkezeles\/\" target=\"_blank\" rel=\"noopener\">adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3t<\/a>, \u00e9s hozz\u00e1j\u00e1rulok adataim kezel\u00e9s\u00e9hez. <span class=\"req\">*<\/span><\/span>\n      <\/label>\n\n      <button type=\"button\" class=\"wsk-submit\" id=\"wskK-send\">\u00dczenet k\u00fcld\u00e9se<\/button>\n      <div class=\"wsk-err\" id=\"wskK-err\"><\/div>\n    <\/div>\n\n    <div class=\"wsk-done\" id=\"wskKDone\">\n      <div class=\"tick\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\n      <h3>K\u00f6sz\u00f6nj\u00fck!<\/h3>\n      <p>Megkaptuk az \u00fczenet\u00e9t, \u00e9s hamarosan \u2014 \u00e1ltal\u00e1ban egy munkanapon bel\u00fcl \u2014 jelentkez\u00fcnk.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script>\n(function(){\n  var root = document.currentScript.closest('.wsk-kapcsolat') || document;\n  var $ = function(id){ return root.querySelector('#'+id); };\n  var btn = $('wskK-send'), err = $('wskK-err');\n  if(!btn) return;\n\n  function fail(m){ err.textContent = m; err.style.display='block'; }\n\n  btn.addEventListener('click', function(){\n    err.style.display='none';\n    var name = ($('wskK-name').value||'').trim();\n    var email = ($('wskK-email').value||'').trim();\n    var phone = ($('wskK-phone').value||'').trim();\n    var msg = ($('wskK-msg').value||'').trim();\n    var hp = ($('wskK-hp').value||'').trim();\n    var consent = $('wskK-consent').checked;\n\n    if(!name){ return fail('K\u00e9rj\u00fck, adja meg a nev\u00e9t.'); }\n    if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){ return fail('K\u00e9rj\u00fck, adjon meg egy \u00e9rv\u00e9nyes e-mail c\u00edmet.'); }\n    if(!msg){ return fail('K\u00e9rj\u00fck, \u00edrja le az \u00fczenet\u00e9t.'); }\n    if(!consent){ return fail('Az adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3 elfogad\u00e1sa k\u00f6telez\u0151.'); }\n\n    btn.disabled = true; btn.textContent = 'K\u00fcld\u00e9s\u2026';\n\n    fetch(location.origin + '\/wp-json\/wsk\/v1\/contact', {\n      method:'POST',\n      headers:{'Content-Type':'application\/json'},\n      body: JSON.stringify({ name:name, email:email, phone:phone, message:msg, hp:hp })\n    })\n    .then(function(r){ return r.json().catch(function(){ return {ok:false}; }).then(function(j){ return {status:r.status, j:j}; }); })\n    .then(function(res){\n      if(res.status===200 && res.j && res.j.ok){\n        $('wskKForm').style.display='none';\n        $('wskKDone').style.display='block';\n      } else {\n        btn.disabled=false; btn.textContent='\u00dczenet k\u00fcld\u00e9se';\n        fail((res.j && res.j.error) ? res.j.error : 'Hiba t\u00f6rt\u00e9nt a k\u00fcld\u00e9s sor\u00e1n. K\u00e9rj\u00fck, pr\u00f3b\u00e1lja \u00fazra, vagy \u00edrjon az info@wwwstudio.hu c\u00edmre.');\n      }\n    })\n    .catch(function(){\n      btn.disabled=false; btn.textContent='\u00dczenet k\u00fcld\u00e9se';\n      fail('H\u00e1l\u00f3zati hiba. K\u00e9rj\u00fck, pr\u00f3b\u00e1lja \u00fajra, vagy \u00edrjon az info@wwwstudio.hu c\u00edmre.');\n    });\n  });\n})();\n<\/script>\n<\/div>\n<!-- \/wsk-kapcsolat -->\n\n\n","protected":false},"excerpt":{"rendered":"<p>Kapcsolat Besz\u00e9lj\u00fck meg a projektj\u00e9t. K\u00e9rd\u00e9se van, vagy \u00e1raj\u00e1nlatot k\u00e9rne? \u00cdrjon nek\u00fcnk \u2014 \u00e1ltal\u00e1ban egy munkanapon bel\u00fcl v\u00e1laszolunk. El\u00e9rhet\u0151s\u00e9gek V\u00e1lasszon, ahogy k\u00e9nyelmes: \u00edrjon, telefon\u00e1ljon, vagy foglaljon egy ingyenes konzult\u00e1ci\u00f3t. C\u00edm 1025 Budapest,Cseppk\u0151 utca 61. E-mail info@wwwstudio.hu Telefon +36 20 221 1867 Ingyenes konzult\u00e1ci\u00f3t foglalok30 perc \u00b7 online vagy telefonon \u00b7 k\u00f6telezetts\u00e9g n\u00e9lk\u00fcl \u00cdrjon nek\u00fcnk N\u00e9v [&hellip;]<\/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-3519","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/pages\/3519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/comments?post=3519"}],"version-history":[{"count":3,"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/pages\/3519\/revisions"}],"predecessor-version":[{"id":3638,"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/pages\/3519\/revisions\/3638"}],"wp:attachment":[{"href":"https:\/\/wwwstudio.hu\/en\/wp-json\/wp\/v2\/media?parent=3519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}