{
    "componentChunkName": "component---src-themes-yrke-src-pages-page-tsx",
    "path": "/o-nas",
    "result": {"pageContext":{"page":{"page_id":"72","page_name":"O nas","page_type":"0","page_url":"o-nas","parent_id":"1","page_content":"<style>\r\n.on-wrap{font-family:'Inter',Arial,sans-serif;color:#0E0E10;line-height:1.6;max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}\r\n.on-wrap *{box-sizing:border-box}\r\n.on-hero{position:relative;background:#0E0E10;color:#fff;border-radius:24px;padding:clamp(28px,5vw,56px);overflow:hidden;margin:24px 0}\r\n.on-hero::before{content:\"\";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:#FFDB00;border-radius:50%;opacity:.12}\r\n.on-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;position:relative;z-index:1}\r\n@media(max-width:900px){.on-hero-grid{grid-template-columns:1fr}}\r\n.on-badge{display:inline-block;background:#FFDB00;color:#0E0E10;padding:8px 16px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:1px;margin-bottom:16px}\r\n.on-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0 0 18px;color:#fff!important;font-weight:800}\r\n.on-hero h1 span{background:linear-gradient(180deg,transparent 65%,#FFDB00 65%);padding:0 6px}\r\n.on-hero p{font-size:clamp(15px,1.5vw,18px);color:#cfcfcf;margin:0 0 22px;max-width:560px}\r\n.on-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}\r\n.on-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;min-width:120px}\r\n.on-stat b{display:block;font-size:24px;color:#FFDB00;font-weight:800}\r\n.on-stat span{font-size:12px;color:#bdbdbd;text-transform:uppercase;letter-spacing:.5px}\r\n.on-hero-card{background:#FFDB00;border-radius:20px;padding:24px;color:#0E0E10;position:relative;overflow:hidden}\r\n.on-hero-card .ico{font-size:48px;margin-bottom:8px}\r\n.on-hero-card h3{margin:0 0 6px;font-size:22px;color:#0E0E10!important;font-weight:800}\r\n.on-hero-card p{margin:0;color:#0E0E10;font-size:14px}\r\n\r\n.on-section{margin:48px 0}\r\n.on-shead{text-align:center;margin-bottom:28px}\r\n.on-shead .label{display:inline-block;background:#0E0E10;color:#FFDB00;padding:6px 14px;border-radius:999px;font-size:11px;letter-spacing:1.5px;font-weight:700;margin-bottom:12px}\r\n.on-shead h2{font-size:clamp(26px,3.5vw,40px);margin:0;color:#0E0E10!important;font-weight:800;line-height:1.15}\r\n.on-shead h2 span{background:linear-gradient(180deg,transparent 70%,#FFDB00 70%);padding:0 4px}\r\n.on-shead p{max-width:680px;margin:12px auto 0;color:#555;font-size:16px}\r\n\r\n.on-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n@media(max-width:900px){.on-pillars{grid-template-columns:1fr}}\r\n.on-pillar{background:#fff;border:1px solid #ececec;border-radius:18px;padding:24px;transition:all .25s}\r\n.on-pillar:hover{border-color:#FFDB00;transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(0,0,0,.18)}\r\n.on-pillar .pico{font-size:36px;margin-bottom:10px}\r\n.on-pillar h3{margin:0 0 8px;color:#0E0E10!important;font-size:20px;font-weight:800}\r\n.on-pillar p{margin:0;color:#555;font-size:14px;line-height:1.6}\r\n\r\n.on-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-bottom:18px}\r\n@media(max-width:900px){.on-split{grid-template-columns:1fr}}\r\n.on-split.rev{direction:rtl}\r\n.on-split.rev > *{direction:ltr}\r\n.on-card-img{border-radius:20px;overflow:hidden;background:#0E0E10;min-height:340px;background-size:cover;background-position:center;position:relative}\r\n.on-card-img::after{content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 60%)}\r\n.on-card-img .tag{position:absolute;left:18px;bottom:18px;z-index:2;background:#FFDB00;color:#0E0E10;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px}\r\n.on-card-body{background:#fff;border:1px solid #ececec;border-radius:20px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;justify-content:center}\r\n.on-card-body.dark{background:#0E0E10;border-color:#0E0E10;color:#fff}\r\n.on-card-body.yellow{background:#FFDB00;border-color:#FFDB00}\r\n.on-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#FFDB00;color:#0E0E10;font-weight:800;font-size:18px;margin-bottom:14px}\r\n.on-card-body.yellow .on-num{background:#0E0E10;color:#FFDB00}\r\n.on-card-body.dark .on-num{background:#FFDB00;color:#0E0E10}\r\n.on-card-body h3{margin:0 0 10px;font-size:24px;color:inherit!important;font-weight:800;line-height:1.2}\r\n.on-card-body.dark h3,.on-card-body.dark p,.on-card-body.dark li{color:#fff!important}\r\n.on-card-body p{margin:0 0 10px;color:#555;font-size:15px;line-height:1.65}\r\n.on-card-body strong{color:inherit;font-weight:700}\r\n.on-card-body .hl{background:linear-gradient(180deg,transparent 60%,#FFDB00 60%);padding:0 4px;color:#0E0E10!important;font-weight:700}\r\n.on-card-body.yellow .hl{background:linear-gradient(180deg,transparent 60%,#0E0E10 60%);color:#FFDB00!important}\r\n\r\n.on-quote{background:#0E0E10;color:#fff;border-radius:24px;padding:clamp(28px,5vw,48px);text-align:center;margin:48px 0;position:relative;overflow:hidden}\r\n.on-quote::before{content:\"\\201C\";position:absolute;top:0;left:24px;font-size:160px;color:#FFDB00;line-height:1;font-family:Georgia,serif;opacity:.6}\r\n.on-quote q{font-size:clamp(20px,2.5vw,30px);font-weight:700;quotes:none;display:block;max-width:780px;margin:0 auto 14px;line-height:1.35;color:#fff!important}\r\n.on-quote q:before,.on-quote q:after{content:\"\"}\r\n.on-quote .who{color:#FFDB00;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase}\r\n\r\n.on-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\r\n@media(max-width:900px){.on-goals{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:520px){.on-goals{grid-template-columns:1fr}}\r\n.on-goal{background:#fff;border:2px solid #0E0E10;border-radius:16px;padding:18px;text-align:center}\r\n.on-goal .gico{font-size:32px;margin-bottom:8px}\r\n.on-goal h4{margin:0 0 6px;font-size:15px;color:#0E0E10!important;font-weight:800}\r\n.on-goal p{margin:0;font-size:13px;color:#555}\r\n\r\n.on-cta{background:#FFDB00;border-radius:24px;padding:clamp(28px,5vw,48px);text-align:center;margin:48px 0 24px}\r\n.on-cta h2{margin:0 0 10px;font-size:clamp(24px,3.5vw,36px);color:#0E0E10!important;font-weight:800}\r\n.on-cta p{margin:0 0 20px;color:#0E0E10;font-size:16px;max-width:560px;margin-left:auto;margin-right:auto}\r\n.on-cta .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}\r\n.on-cta a{display:inline-block;background:#0E0E10;color:#FFDB00!important;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;transition:transform .2s}\r\n.on-cta a:hover{transform:translateY(-2px)}\r\n.on-cta a.alt{background:#fff;color:#0E0E10!important}\r\n</style>\r\n\r\n<section class=\"on-wrap\">\r\n\r\n<div class=\"on-hero\">\r\n  <div class=\"on-hero-grid\">\r\n    <div>\r\n      <span class=\"on-badge\">★ POZNAJ YRKE</span>\r\n      <h1>Kim jest <span>Yrke</span>?</h1>\r\n      <p>Yrke to przede wszystkim ludzie. Wykwalifikowani stolarze, projektanci ze świeżym spojrzeniem na meblarstwo, graficy i rysownicy z głowami pełnymi nowych pomysłów - to zespół, który budowaliśmy przez lata.</p>\r\n      <div class=\"on-stats\">\r\n        <div class=\"on-stat\"><b>20+</b><span>lat doświadczenia</span></div>\r\n        <div class=\"on-stat\"><b>250+</b><span>tys. wysłanych mebli</span></div>\r\n        <div class=\"on-stat\"><b>FSC</b><span>certyfikowane płyty</span></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"on-hero-card\">\r\n      <div class=\"ico\">🛠️</div>\r\n      <h3>Meble robione przez ludzi - dla ludzi</h3>\r\n      <p>To właśnie Yrke. Indywidualne podejście, niemasowa produkcja, jakość na lata.</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-section\">\r\n  <div class=\"on-shead\">\r\n    <span class=\"label\">NASZE FILARY</span>\r\n    <h2>Wartości, na których <span>budujemy</span> Yrke</h2>\r\n    <p>Stawiamy na ludzi, jakość i odpowiedzialność. Każdy mebel to efekt pasji, doświadczenia i uważnego doboru materiałów.</p>\r\n  </div>\r\n  <div class=\"on-pillars\">\r\n    <div class=\"on-pillar\">\r\n      <div class=\"pico\">👥</div>\r\n      <h3>Ludzie i pasja</h3>\r\n      <p>Zdolni, pełni energii i nowych pomysłów - dla nich praca to przede wszystkim pasja. To zespół, którym dumnie się chwalimy.</p>\r\n    </div>\r\n    <div class=\"on-pillar\">\r\n      <div class=\"pico\">🌿</div>\r\n      <h3>Zrównoważony rozwój</h3>\r\n      <p>Porzucamy standardowe rozwiązania, znajdując własną drogę. Dbamy o planetę i społeczność, w której działamy.</p>\r\n    </div>\r\n    <div class=\"on-pillar\">\r\n      <div class=\"pico\">✅</div>\r\n      <h3>Jakość bez kompromisów</h3>\r\n      <p>Tylko jakościowe komponenty - płyty z certyfikatem FSC. Tworzymy meble na lata, nie na sezon.</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-section\">\r\n  <div class=\"on-shead\">\r\n    <span class=\"label\">CO ROBIMY DLA INNYCH</span>\r\n    <h2>Lubimy <span>pomagać</span></h2>\r\n  </div>\r\n  <div class=\"on-split\">\r\n    <div class=\"on-card-img\" style=\"background-image:url('/userdata/public/assets/Nowa strona 5/About/Kobieta-z-kartonem-dar%C3%B3w.webp')\">\r\n      <span class=\"tag\">SPOŁECZNOŚĆ</span>\r\n    </div>\r\n    <div class=\"on-card-body\">\r\n      <span class=\"on-num\">01</span>\r\n      <h3>Ludzie - to dla nich istnieje firma Yrke</h3>\r\n      <p>W miarę możliwości staramy się pomagać, nie tylko dając zatrudnienie. Po cichu wspieramy <strong>lokalne zbiórki</strong>, organizujemy <span class=\"hl\">transporty humanitarne na Ukrainę</span>, wyposażamy domy uboższych mieszkańców naszego regionu.</p>\r\n      <p>Jeżeli tylko możemy dać coś od siebie - dajemy!</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-section\">\r\n  <div class=\"on-shead\">\r\n    <span class=\"label\">TWORZYMY DALEJ</span>\r\n    <h2>Stawiamy na <span>rozwój</span></h2>\r\n  </div>\r\n  <div class=\"on-split rev\">\r\n    <div class=\"on-card-img\" style=\"background-image:url('/userdata/public/assets/Nowa strona 5/About/Pi%C5%82a.webp')\">\r\n      <span class=\"tag\">PARK MASZYNOWY</span>\r\n    </div>\r\n    <div class=\"on-card-body dark\">\r\n      <span class=\"on-num\">02</span>\r\n      <h3>Codziennie tworzymy nowe produkty</h3>\r\n      <p>Zrównoważony rozwój jest dla nas bardzo ważny. Aby zapewnić Wam jak najwięcej indywidualnych możliwości, systematycznie powiększamy park maszynowy i wprowadzamy lepsze rozwiązania.</p>\r\n      <p>Cały czas się uczymy - nie chcemy poprzestawać na tym, co dobrze znane.</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-section\">\r\n  <div class=\"on-shead\">\r\n    <span class=\"label\">EKO ODPOWIEDZIALNOŚĆ</span>\r\n    <h2>Dbamy o <span>Ziemię</span></h2>\r\n  </div>\r\n  <div class=\"on-split\">\r\n    <div class=\"on-card-img\" style=\"background-image:url('/userdata/public/assets/Nowa strona 5/About/Ekolodzy-recykling.webp')\">\r\n      <span class=\"tag\">ZRÓWNOWAŻONY ROZWÓJ</span>\r\n    </div>\r\n    <div class=\"on-card-body yellow\">\r\n      <span class=\"on-num\">03</span>\r\n      <h3>Mamy świadomość wpływu na środowisko</h3>\r\n      <p>W Yrke dbamy o to, by produkcja była jak najmniej obciążająca dla planety. Używamy <span class=\"hl\">płyt FSC</span>, optymalizujemy materiały i ograniczamy odpady.</p>\r\n      <p>Każdy mebel powstaje z myślą o tym, by służył <strong>długie lata</strong>.</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-quote\">\r\n  <q>Meble robione przez ludzi dla ludzi - to właśnie Yrke.</q>\r\n  <span class=\"who\">— Prezes firmy Yrke</span>\r\n</div>\r\n\r\n<div class=\"on-section\">\r\n  <div class=\"on-shead\">\r\n    <span class=\"label\">CO DALEJ?</span>\r\n    <h2>Nasze <span>cele</span> na przyszłość</h2>\r\n    <p>Bardzo chcemy pokazać naszą pasję również poza granicami Polski. Do zobaczenia w Słowacji, Niemczech i Wielkiej Brytanii!</p>\r\n  </div>\r\n  <div class=\"on-goals\">\r\n    <div class=\"on-goal\"><div class=\"gico\">📦</div><h4>Większy asortyment</h4><p>Nowe kategorie i produkty</p></div>\r\n    <div class=\"on-goal\"><div class=\"gico\">⚙️</div><h4>Park maszynowy</h4><p>Lepsze maszyny, więcej możliwości</p></div>\r\n    <div class=\"on-goal\"><div class=\"gico\">🎨</div><h4>Konfiguracja</h4><p>Jeszcze więcej opcji personalizacji</p></div>\r\n    <div class=\"on-goal\"><div class=\"gico\">🌍</div><h4>Zagranica</h4><p>SK, DE, UK - już wkrótce</p></div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"on-cta\">\r\n  <h2>Poznajmy się bliżej</h2>\r\n  <p>Chcesz dowiedzieć się więcej o Yrke albo zobaczyć nasze meble na żywo? Zapraszamy do kontaktu i na zakupy.</p>\r\n  <div class=\"btns\">\r\n    <a href=\"/kontakt\">📞 Skontaktuj się z nami</a>\r\n    <a href=\"/biurka\" class=\"alt\">🛒 Zobacz nasze meble</a>\r\n  </div>\r\n</div>\r\n\r\n</section>"}}},
    "staticQueryHashes": ["1602711659"]}