{"id":206,"date":"2026-04-12T21:18:13","date_gmt":"2026-04-12T19:18:13","guid":{"rendered":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/?page_id=206"},"modified":"2026-04-12T22:31:34","modified_gmt":"2026-04-12T20:31:34","slug":"strona-glowna-2","status":"publish","type":"page","link":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/?page_id=206","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Lelu<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400;1,600&#038;family=Jost:wght@200;300;400&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml,body{height:100%;overflow:hidden;font-family:'Jost',sans-serif;}\n\nnav{\n  position:fixed;top:0;left:0;right:0;\n  z-index:500;\n  display:flex;justify-content:center;\n  padding:40px 20px 0;\n  pointer-events:none;\n}\n.nav-pill{\n  pointer-events:all;\n  display:flex;align-items:center;gap:4px;\n  background:rgba(255,255,255,0.15);\n  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\n  border:1px solid rgba(255,255,255,0.22);\n  border-radius:100px;\n  padding:10px 24px;\n}\n.nav-pill a{\n  color:#fff;text-decoration:none;\n  font-size:13.5px;font-weight:300;letter-spacing:0.4px;\n  padding:5px 16px;border-radius:100px;\n  transition:background .25s;\n}\n.nav-pill a:hover{background:rgba(255,255,255,0.18);}\n.nav-sep{width:1px;height:16px;background:rgba(255,255,255,0.2);margin:0 4px;}\n.nav-search{\n  display:flex;align-items:center;justify-content:center;\n  width:34px;height:34px;\n  border:1px solid rgba(255,255,255,0.28);\n  border-radius:50%;cursor:pointer;margin-left:6px;\n  transition:background .25s;\n}\n.nav-search:hover{background:rgba(255,255,255,0.18);}\n.nav-search svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;}\n\n.site-logo{\n  position:fixed;top:46px;left:28px;\n  z-index:510;\n  opacity:0;\n  animation:up 1.2s ease 0.1s forwards;\n}\n.site-logo a{display:block;line-height:0;}\n.site-logo img{\n  height:100px;width:auto;\n  mix-blend-mode:screen;\n  filter:brightness(1.2);\n  display:block;\n}\n\n.nav-burger{\n  display:none;\n  flex-direction:column;justify-content:center;align-items:center;gap:5px;\n  width:44px;height:44px;cursor:pointer;\n  background:rgba(255,255,255,0.15);\n  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);\n  border:1px solid rgba(255,255,255,0.25);\n  border-radius:50%;\n  position:fixed;\n  top:60px;right:20px;\n  z-index:700;\n}\n.nav-burger span{\n  display:block;width:18px;height:1.5px;\n  background:#fff;border-radius:2px;\n  transition:all .3s ease;\n}\n.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}\n.nav-burger.open span:nth-child(2){opacity:0;}\n.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}\n\n.nav-mobile{\n  display:none;\n  position:fixed;inset:0;z-index:650;\n  background:rgba(5,20,8,0.97);\n  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);\n  flex-direction:column;align-items:center;justify-content:center;\n  opacity:0;pointer-events:none;\n  transition:opacity .35s ease;\n}\n.nav-mobile.open{opacity:1;pointer-events:all;}\n.nav-mobile a{\n  color:rgba(255,255,255,0.85);text-decoration:none;\n  font-size:26px;font-weight:300;letter-spacing:1px;\n  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;\n  padding:18px 48px;\n  border-bottom:1px solid rgba(255,255,255,0.08);\n  width:100%;text-align:center;\n  display:block;\n  transition:color .2s;\n}\n.nav-mobile a:last-child{border-bottom:none;}\n.nav-mobile a:hover{color:rgba(242,222,155,0.95);}\n\n.split{display:flex;width:100vw;height:100vh;}\n\n.panel{\n  position:relative;flex:1;overflow:hidden;\n  display:flex;flex-direction:column;\n  justify-content:center;align-items:flex-start;\n  padding:130px 68px 80px;\n  transition:flex .7s cubic-bezier(.4,0,.2,1);\n}\n.panel:hover{flex:1.15;}\n.panel-bg{\n  position:absolute;inset:0;\n  background-size:cover;background-position:center center;\n  transition:transform 9s ease;\n}\n.panel:hover .panel-bg{transform:scale(1.05);}\n.panel--left{border-right:1px solid rgba(255,255,255,0.08);}\n\n.panel--left .panel-bg{\n  background-image:url('http:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/wp-content\/uploads\/2026\/04\/IMG_6643-scaled.png');\n  filter:brightness(0.72) saturate(1.1);\n}\n.panel--left .panel-fog{\n  position:absolute;inset:0;\n  background:\n    linear-gradient(to right,rgba(4,22,8,.7) 0%,rgba(4,22,8,.2) 55%,transparent 100%),\n    linear-gradient(to top,rgba(4,22,8,.45) 0%,transparent 55%),\n    linear-gradient(to bottom,rgba(0,0,0,.25) 0%,transparent 25%);\n}\n.panel--right .panel-bg{\n  background-image:url('http:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/wp-content\/uploads\/2026\/01\/606560474_122107653891161589_1937044437375392705_n.jpg');\n  filter:brightness(0.75) saturate(0.88);\n}\n.panel--right .panel-fog{\n  position:absolute;inset:0;\n  background:\n    linear-gradient(to right,rgba(30,18,6,.7) 0%,rgba(30,18,6,.2) 55%,transparent 100%),\n    linear-gradient(to top,rgba(30,18,6,.45) 0%,transparent 55%),\n    linear-gradient(to bottom,rgba(0,0,0,.25) 0%,transparent 25%);\n}\n\n.panel-content{position:relative;z-index:10;max-width:500px;}\n\n.panel-label{\n  font-size:10px;letter-spacing:5.5px;text-transform:uppercase;\n  font-weight:300;margin-bottom:22px;\n  opacity:0;animation:up .9s ease .1s forwards;\n}\n.panel--left .panel-label{color:rgba(180,230,160,.75);}\n.panel--right .panel-label{color:rgba(230,190,130,.75);animation-delay:.2s;}\n\n.panel-title{\n  font-family:'Cormorant Garamond',Georgia,serif;\n  font-weight:300;line-height:1.12;color:#fff;\n  margin-bottom:22px;\n  text-shadow:0 2px 30px rgba(0,0,0,.4);\n  opacity:0;animation:up 1s ease .2s forwards;\n}\n.panel--left .panel-title{font-size:clamp(34px,4vw,60px);font-style:italic;}\n.panel--right .panel-title{font-size:clamp(30px,3.4vw,52px);animation-delay:.3s;}\n\n.panel-desc{\n  font-size:15px;font-weight:300;\n  color:rgba(255,255,255,.62);line-height:1.72;max-width:320px;\n  margin-bottom:38px;\n  opacity:0;animation:up 1s ease .35s forwards;\n}\n.panel--right .panel-desc{animation-delay:.45s;}\n\n.panel-btn{\n  display:inline-flex;align-items:center;gap:12px;\n  padding:14px 28px;border-radius:100px;\n  font-family:'Jost',sans-serif;\n  font-size:12.5px;font-weight:300;letter-spacing:0.6px;\n  text-decoration:none;color:#fff;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.28);\n  backdrop-filter:blur(12px);\n  transition:all .3s ease;\n  opacity:0;animation:up 1s ease .5s forwards;\n  white-space:nowrap;\n  position:relative;z-index:20;\n}\n.panel--right .panel-btn{border-color:rgba(230,190,130,.35);animation-delay:.6s;}\n.panel-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-2px);}\n\n.btn-arrow{\n  width:22px;height:22px;border-radius:50%;\n  border:1px solid rgba(255,255,255,.4);\n  display:flex;align-items:center;justify-content:center;\n  transition:transform .3s;flex-shrink:0;\n}\n.panel-btn:hover .btn-arrow{transform:translateX(3px);}\n.btn-arrow svg{width:8px;height:8px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\n\n.divider{\n  position:fixed;top:50%;left:50%;\n  transform:translate(-50%,-50%);\n  z-index:400;pointer-events:none;\n  display:flex;flex-direction:column;align-items:center;\n}\n.divider-line{width:1px;height:90px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));}\n.divider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);margin:5px 0;}\n\nfooter{\n  position:fixed;bottom:0;left:0;right:0;z-index:500;\n  display:flex;justify-content:space-between;align-items:center;\n  padding:18px 40px;pointer-events:none;\n}\n.socials{display:flex;gap:10px;pointer-events:all;}\n.socials a{\n  display:flex;align-items:center;justify-content:center;\n  width:32px;height:32px;\n  border:1px solid rgba(255,255,255,.25);\n  border-radius:50%;transition:background .2s;\n}\n.socials a:hover{background:rgba(255,255,255,.15);}\n.socials svg{width:13px;height:13px;fill:#fff;}\n.footer-right{font-size:11.5px;font-weight:300;letter-spacing:.5px;color:rgba(255,255,255,.38);}\n\n#dmcv{\n  position:fixed;inset:0;width:100%;height:100%;\n  pointer-events:none !important;\n  z-index:50;\n}\n\n@keyframes up{\n  from{opacity:0;transform:translateY(22px);}\n  to{opacity:1;transform:translateY(0);}\n}\n\n@media(max-width:768px){\n  html,body{overflow:auto;}\n  .split{flex-direction:column;height:auto;}\n  .panel{min-height:100vh;padding:110px 32px 70px;justify-content:center;}\n  .panel:hover{flex:1;}\n  .divider{display:none;}\n  nav .nav-pill{display:none;}\n  .nav-burger{display:flex;}\n  .nav-mobile{display:flex;}\n  .site-logo img{height:42px;}\n  .site-logo{top:60px;left:16px;}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- MOBILE OVERLAY -->\n<div class=\"nav-mobile\" id=\"navMobile\">\n  <a href=\"#\">O nas<\/a>\n  <a href=\"#\">Kolekcje<\/a>\n  <a href=\"#\">Warsztaty<\/a>\n  <a href=\"#\">Dla Firm<\/a>\n  <a href=\"#\">Sklep<\/a>\n<\/div>\n\n<!-- HAMBURGER -->\n<div class=\"nav-burger\" id=\"navBurger\">\n  <span><\/span><span><\/span><span><\/span>\n<\/div>\n\n<!-- LOGO -->\n<div class=\"site-logo\">\n  <a href=\"http:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/\">\n    <img decoding=\"async\" src=\"http:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/wp-content\/uploads\/2026\/04\/Group-5.png\" alt=\"Harmonia Przemiany\">\n  <\/a>\n<\/div>\n\n<!-- NAV desktop -->\n<nav>\n  <div class=\"nav-pill\">\n    <a href=\"#\">O nas<\/a>\n    <div class=\"nav-sep\"><\/div>\n    <a href=\"#\">Kolekcje<\/a>\n    <a href=\"#\">Warsztaty<\/a>\n    <a href=\"#\">Dla Firm<\/a>\n    <a href=\"#\">Sklep<\/a>\n    <div class=\"nav-search\">\n      <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><\/svg>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- DIVIDER -->\n<div class=\"divider\">\n  <div class=\"divider-line\"><\/div>\n  <div class=\"divider-dot\"><\/div>\n  <div class=\"divider-line\"><\/div>\n<\/div>\n\n<!-- SPLIT -->\n<div class=\"split\">\n\n  <div class=\"panel panel--left\">\n    <div class=\"panel-bg\"><\/div>\n    <div class=\"panel-fog\"><\/div>\n    <div class=\"panel-content\">\n      <div class=\"panel-label\">\u2726 &nbsp; dla dzieci<\/div>\n      <h1 class=\"panel-title\">Lelu: Dla ma\u0142ych<br>odkrywc\u00f3w emocji<\/h1>\n      <p class=\"panel-desc\">Magiczny \u015bwiat, w kt\u00f3rym dzieci ucz\u0105 si\u0119 rozumie\u0107 i wyra\u017ca\u0107 swoje uczucia przez zabaw\u0119.<\/p>\n      <a class=\"panel-btn\" href=\"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/\">\n        Wchodz\u0119 do \u015bwiata Lelu\n        <span class=\"btn-arrow\"><svg viewBox=\"0 0 10 10\"><polyline points=\"2,2 8,5 2,8\"\/><\/svg><\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"panel panel--right\">\n    <div class=\"panel-bg\"><\/div>\n    <div class=\"panel-fog\"><\/div>\n    <div class=\"panel-content\">\n      <div class=\"panel-label\">\u2726 &nbsp; dla doros\u0142ych<\/div>\n      <h2 class=\"panel-title\">Sesje indywidualne<br>i biznesowe<\/h2>\n      <p class=\"panel-desc\">Przestrze\u0144 do pracy nad sob\u0105, swoimi emocjami i efektywno\u015bci\u0105 \u2014 dla Ciebie i Twojego zespo\u0142u.<\/p>\n      <a class=\"panel-btn\" href=\"#\">\n        Poznaj ofert\u0119\n        <span class=\"btn-arrow\"><svg viewBox=\"0 0 10 10\"><polyline points=\"2,2 8,5 2,8\"\/><\/svg><\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"socials\">\n    <a href=\"#\" aria-label=\"Facebook\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"Instagram\">\n      <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"#000\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"#fff\"\/><\/svg>\n    <\/a>\n    <a href=\"#\" aria-label=\"Telegram\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M22 2 11 13M22 2 15 22l-4-9-9-4 20-7z\"\/><\/svg>\n    <\/a>\n  <\/div>\n  <div class=\"footer-right\">info@lelu.pl &nbsp;\u00b7&nbsp; \u00a9 Lelu<\/div>\n<\/footer>\n\n<!-- CANVAS -->\n<canvas id=\"dmcv\"><\/canvas>\n\n<script>\n\/* hamburger *\/\n(function(){\n  var burger = document.getElementById('navBurger');\n  var menu   = document.getElementById('navMobile');\n  burger.addEventListener('click', function(e){\n    e.stopPropagation();\n    burger.classList.toggle('open');\n    menu.classList.toggle('open');\n  });\n  menu.querySelectorAll('a').forEach(function(a){\n    a.addEventListener('click', function(){\n      burger.classList.remove('open');\n      menu.classList.remove('open');\n    });\n  });\n  document.addEventListener('keydown', function(e){\n    if(e.key==='Escape'){\n      burger.classList.remove('open');\n      menu.classList.remove('open');\n    }\n  });\n})();\n\n\/* drobinki *\/\n(function(){\n  var cv  = document.getElementById('dmcv');\n  var ctx = cv.getContext('2d');\n  var W, H, dpr = window.devicePixelRatio || 1, dots = [];\n\n  function resize(){\n    W = window.innerWidth; H = window.innerHeight;\n    cv.width = W * dpr; cv.height = H * dpr;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  }\n  resize();\n  window.addEventListener('resize', resize);\n\n  function Dot(x, y){\n    var a = Math.random() * Math.PI * 2, s = 0.5 + Math.random() * 2;\n    this.x = x; this.y = y;\n    this.vx = Math.cos(a) * s; this.vy = Math.sin(a) * s - 0.8;\n    this.r = 0.8 + Math.random() * 2; this.drag = 0.988;\n    this.wobble = Math.random() * 6; this.wobSpd = 0.01 + Math.random() * 0.02;\n    this.alpha = 1; this.age = 0; this.life = 200 + Math.random() * 200;\n  }\n  Dot.prototype.update = function(){\n    this.age++; this.wobble += this.wobSpd;\n    this.vx *= this.drag; this.vy *= this.drag;\n    this.x += this.vx + Math.sin(this.wobble) * 0.3; this.y += this.vy;\n    this.alpha = Math.max(0, 1 - this.age \/ this.life);\n    return this.alpha > 0;\n  };\n  Dot.prototype.draw = function(){\n    ctx.globalAlpha = this.alpha * 0.88;\n    ctx.beginPath(); ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);\n    ctx.fillStyle = 'rgba(242,222,155,1)'; ctx.fill();\n    ctx.globalAlpha = this.alpha * 0.1;\n    ctx.beginPath(); ctx.arc(this.x, this.y, this.r * 3.5, 0, Math.PI * 2); ctx.fill();\n    ctx.globalAlpha = 1;\n  };\n\n  document.addEventListener('mousemove', function(e){\n    if(dots.length < 150)\n      for(var i = 0; i < 4; i++) dots.push(new Dot(e.clientX, e.clientY));\n  });\n  document.addEventListener('touchmove', function(e){\n    var t = e.touches[0];\n    if(dots.length < 80)\n      for(var i = 0; i < 2; i++) dots.push(new Dot(t.clientX, t.clientY));\n  }, {passive: true});\n\n  function loop(){\n    ctx.clearRect(0, 0, W, H);\n    dots = dots.filter(function(d){ return d.update(); });\n    dots.forEach(function(d){ d.draw(); });\n    requestAnimationFrame(loop);\n  }\n  loop();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lelu O nas Kolekcje Warsztaty Dla Firm Sklep O nas Kolekcje Warsztaty Dla Firm Sklep \u2726 &nbsp; dla dzieci Lelu: Dla ma\u0142ychodkrywc\u00f3w emocji Magiczny \u015bwiat, w kt\u00f3rym dzieci ucz\u0105 si\u0119 rozumie\u0107 i wyra\u017ca\u0107 swoje uczucia przez zabaw\u0119. Wchodz\u0119 do \u015bwiata Lelu \u2726 &nbsp; dla doros\u0142ych Sesje indywidualnei biznesowe Przestrze\u0144 do pracy nad sob\u0105, swoimi emocjami &#8230; <a title=\"Strona g\u0142\u00f3wna\" class=\"read-more\" href=\"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/?page_id=206\" aria-label=\"Read more about Strona g\u0142\u00f3wna\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-206","page","type-page","status-publish"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin-vPLQVNhK","author_link":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Lelu O nas Kolekcje Warsztaty Dla Firm Sklep O nas Kolekcje Warsztaty Dla Firm Sklep \u2726 &nbsp; dla dzieci Lelu: Dla ma\u0142ychodkrywc\u00f3w emocji Magiczny \u015bwiat, w kt\u00f3rym dzieci ucz\u0105 si\u0119 rozumie\u0107 i wyra\u017ca\u0107 swoje uczucia przez zabaw\u0119. Wchodz\u0119 do \u015bwiata Lelu \u2726 &nbsp; dla doros\u0142ych Sesje indywidualnei biznesowe Przestrze\u0144 do pracy nad sob\u0105, swoimi emocjami&hellip;","_links":{"self":[{"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=206"}],"version-history":[{"count":76,"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/harmoniaprzemiany.twojawizytowkaonline.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}