{"id":10,"date":"2026-08-21T10:34:05","date_gmt":"2026-08-21T10:34:05","guid":{"rendered":"https:\/\/nidastudio.pl\/?page_id=10"},"modified":"2026-08-22T09:27:08","modified_gmt":"2026-08-22T09:27:08","slug":"home","status":"publish","type":"page","link":"https:\/\/nidastudio.pl\/?page_id=10","title":{"rendered":"Nida Studio \u2013 Prezentacje Projekt\u00f3w | nidacode.pl"},"content":{"rendered":"\n\n\n\n  \n  \n  \n  <title>Nida Studio \u2013 Strona Demonstracyjna | nidacode.pl<\/title>\n  \n  \n  \n  \n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      background-color: #080D1A;\n      color: #F1F5F9;\n      font-family: 'Plus Jakarta Sans&#8217;, system-ui, -apple-system, sans-serif;\n      line-height: 1.6;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      overflow-x: hidden;\n    }\n    .glow-bg {\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      filter: blur(120px);\n      pointer-events: none;\n      z-index: 0;\n      opacity: 0.25;\n    }\n    .project-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(56, 189, 248, 0.4) !important;\n      box-shadow: 0 25px 50px -12px rgba(16, 185, 129, 0.2) !important;\n    }\n    @keyframes pulse-dot {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50% { opacity: 0.4; transform: scale(0.85); }\n    }\n    .live-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #10B981;\n      display: inline-block;\n      animation: pulse-dot 2s infinite ease-in-out;\n    }\n  \n\n\n\n  <!-- BACKGROUND GLOWS -->\n  <div class=\"glow-bg\" style=\"top: -100px;left: 10%;background: #3B82F6\"><\/div>\n  <div class=\"glow-bg\" style=\"top: 200px;right: 5%;background: #10B981\"><\/div>\n\n  <!-- NAVBAR -->\n  <header style=\"position: sticky;top: 0;z-index: 100\">\n    <div style=\"max-width: 1200px;margin: 0 auto;padding: 14px 20px;display: flex;justify-content: space-between;align-items: center\">\n      \n      <!-- LOGO -->\n      <a href=\"https:\/\/nidacode.pl\" target=\"_blank\" style=\"display: flex;align-items: center;gap: 12px;text-decoration: none\">\n        <div style=\"width: 40px;height: 40px;border-radius: 10px;background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 22px;color: #FFFFFF\">\n          N\n        <\/div>\n        <div>\n          <div style=\"font-family: &#039;Space Grotesk&#039;, sans-serif;font-weight: 700;font-size: 19px;color: #FFFFFF;letter-spacing: -0.5px;line-height: 1.1\">\n            Nida<span style=\"color: #38BDF8\">Studio<\/span>\n          <\/div>\n          <div style=\"font-size: 10px;font-weight: 600;color: #94A3B8;text-transform: uppercase;letter-spacing: 0.8px\">\n            by nidacode.pl\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- STATUS BADGE &amp; MAIN SITE LINK -->\n      <div style=\"display: flex;align-items: center;gap: 12px\">\n        <span style=\"display: inline-flex;align-items: center;gap: 8px;color: #34D399;padding: 6px 14px;border-radius: 20px;font-size: 12px;font-weight: 700\">\n          <span class=\"live-dot\"><\/span>\n          <span>\u015arodowisko Demonstracyjne<\/span>\n        <\/span>\n        <a href=\"https:\/\/nidacode.pl\" target=\"_blank\" style=\"color: #F1F5F9;padding: 8px 16px;border-radius: 8px;font-size: 12px;font-weight: 700;text-decoration: none;display: inline-flex;align-items: center;gap: 4px\">\n          <span>nidacode.pl<\/span> <span>\u2197<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- MAIN SINGLE PAGE CONTENT -->\n  <main style=\"max-width: 1200px;margin: 0 auto;padding: 60px 20px 80px;flex-grow: 1;width: 100%;position: relative;z-index: 1\">\n    \n    <!-- HERO HEADER -->\n    <div style=\"text-align: center;max-width: 860px;margin: 0 auto 55px\">\n      <div style=\"display: inline-block;background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(16, 185, 129, 0.15));color: #93C5FD;padding: 6px 18px;border-radius: 30px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 1.2px;margin-bottom: 20px\">\n        \ud83e\uddea DEMO &amp; STAGING PORTAL \u2022 NIDACODE.PL\n      <\/div>\n      <h1 style=\"font-family: &#039;Space Grotesk&#039;, sans-serif;font-size: clamp(2.2rem, 5vw, 3.6rem);font-weight: 700;color: #FFFFFF;line-height: 1.15;margin: 0 0 20px;letter-spacing: -1.2px\">\n        Strona demonstracyjna projekt\u00f3w <span style=\"background: linear-gradient(135deg, #38BDF8 0%, #34D399 100%)\">NidaCode<\/span>\n      <\/h1>\n      <p style=\"font-size: clamp(14px, 2.2vw, 17px);color: #94A3B8;line-height: 1.75;margin: 0 auto\">\n        Prezentujemy tu interaktywne wersje demonstracyjne, wizualizacje serwis\u00f3w oraz \u015brodowiska stagingowe realizowane przez software house <a href=\"https:\/\/nidacode.pl\" target=\"_blank\" style=\"color: #38BDF8;text-decoration: none;font-weight: 700\">nidacode.pl<\/a>.\n      <\/p>\n    <\/div>\n\n    <!-- MAIN SHOWCASE TILE (KAFELEK ZAZ BUSKO-ZDR\u00d3J) -->\n    <div style=\"max-width: 960px;margin: 0 auto\">\n      <div style=\"display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px\">\n        <span style=\"font-size: 12px;font-weight: 800;color: #64748B;text-transform: uppercase;letter-spacing: 1.2px\">\n          Aktualna prezentacja projektu\n        <\/span>\n        <span style=\"font-size: 11px;color: #10B981;font-weight: 700\">\n          \u25cf Dost\u0119pne live demo\n        <\/span>\n      <\/div>\n\n      <div class=\"project-card\" style=\"background: #111A2E;border-radius: 24px;overflow: hidden;display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))\">\n        \n        <!-- IMAGE PREVIEW -->\n        <div style=\"position: relative;min-height: 300px;overflow: hidden;background: #080D1A\">\n          <img decoding=\"async\" src=\"https:\/\/zaz.nidastudio.pl\/wp-content\/uploads\/2026\/08\/zaz-willa-bagatela-oryginal.jpg\" alt=\"Willa Bagatela ZAZ Busko-Zdr\u00f3j - Wizualizacja projektu\" style=\"width: 100%;height: 100%;object-fit: cover;display: block\">\n          <div style=\"position: absolute;background: linear-gradient(to top, rgba(17, 26, 46, 0.95) 0%, rgba(17, 26, 46, 0.2) 60%, transparent 100%)\"><\/div>\n          \n          <div style=\"position: absolute;top: 18px;left: 18px;border: 1px solid #C5A059;color: #E2CA89;padding: 5px 14px;border-radius: 20px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.5px\">\n            \ud83c\udfdb\ufe0f Willa Bagatela \u2022 Siedziba ZAZ\n          <\/div>\n\n          <div style=\"position: absolute;bottom: 18px;left: 18px;right: 18px\">\n            <div style=\"color: #FFFFFF;font-weight: 800;font-size: 15px\">Busko-Zdr\u00f3j, ul. 1 Maja 13<\/div>\n            <div style=\"color: #94A3B8;font-size: 12px\">Fundacja Buskie Uzdrowisko \/ \u201eUzdrowisko Busko-Zdr\u00f3j\u201d S.A.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- CONTENT &amp; CTA -->\n        <div style=\"padding: 34px 30px;display: flex;flex-direction: column;justify-content: space-between;gap: 20px\">\n          <div>\n            <!-- TAGS -->\n            <div style=\"display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 14px\">\n              <span style=\"color: #34D399;font-size: 10px;font-weight: 800;padding: 3px 8px;border-radius: 6px\">WCAG 2.1 AA<\/span>\n              <span style=\"color: #60A5FA;font-size: 10px;font-weight: 800;padding: 3px 8px;border-radius: 6px\">DWUJ\u0118ZYCZNO\u015a\u0106 PL \/ EN<\/span>\n              <span style=\"color: #FBBF24;font-size: 10px;font-weight: 800;padding: 3px 8px;border-radius: 6px\">EFS+ 2021-2027<\/span>\n              <span style=\"color: #C084FC;font-size: 10px;font-weight: 800;padding: 3px 8px;border-radius: 6px\">RESPONSYWNY 100%<\/span>\n            <\/div>\n\n            <!-- TITLE -->\n            <h2 style=\"font-family: &#039;Space Grotesk&#039;, sans-serif;font-size: clamp(20px, 3vw, 24px);font-weight: 700;color: #FFFFFF;margin: 0 0 12px;line-height: 1.25\">\n              Zak\u0142ad Aktywno\u015bci Zawodowej w Busku-Zdroju\n            <\/h2>\n\n            <!-- DESCRIPTION -->\n            <p style=\"font-size: 13.5px;color: #94A3B8;line-height: 1.7;margin: 0\">\n              Kompleksowy serwis internetowy pierwszego w Polsce ZAZ o profilu sanatoryjno-hotelowym, zlokalizowanego w zabytkowej Willi Bagatela. Serwis zawiera 18-pokojow\u0105 ofert\u0119 noclegow\u0105, baz\u0119 zabiegow\u0105 rehabilitacji dla 30 pracownik\u00f3w, Kawiarni\u0119 ZAZ, pracowni\u0119 r\u0119kodzie\u0142a oraz pe\u0142n\u0105 zgodno\u015b\u0107 ze standardem dost\u0119pno\u015bci cyfrowej <strong>WCAG 2.1 AA<\/strong>.\n            <\/p>\n          <\/div>\n\n          <!-- ACTION BUTTON -->\n          <div>\n            <a href=\"https:\/\/zaz.nidastudio.pl\" target=\"_blank\" style=\"display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;background: linear-gradient(135deg, #10B981 0%, #059669 100%);color: #FFFFFF;padding: 15px 22px;border-radius: 12px;font-weight: 800;font-size: 15px;text-decoration: none\">\n              <span>Otw\u00f3rz wizualizacj\u0119 serwisu ZAZ<\/span>\n              <span style=\"font-size: 18px;line-height: 1\">\u2192<\/span>\n            <\/a>\n            <div style=\"text-align: center;margin-top: 10px;font-size: 12px;color: #64748B\">\n              Bezpo\u015bredni adres: <a href=\"https:\/\/zaz.nidastudio.pl\" target=\"_blank\" style=\"color: #38BDF8;text-decoration: underline\">https:\/\/zaz.nidastudio.pl<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- TECH SPECS SECTION -->\n    <div style=\"max-width: 960px;margin: 60px auto 0;border-radius: 16px;padding: 28px 24px\">\n      <div style=\"font-family: &#039;Space Grotesk&#039;, sans-serif;font-size: 15px;font-weight: 700;color: #FFFFFF;margin-bottom: 12px\">\n        \u2699\ufe0f Standardy in\u017cynieryjne wdro\u017cenia ZAZ:\n      <\/div>\n      <div style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;font-size: 12.5px;color: #94A3B8\">\n        <div>\ud83d\udd39 <strong>Dost\u0119pno\u015b\u0107 cyfrowa:<\/strong> Narz\u0119dziownik kontrastu (\u017b\u00f3\u0142ty\/Bia\u0142y\/Reset), powi\u0119kszanie fontu A\/A+\/A++, czcionka dla dyslektyk\u00f3w.<\/div>\n        <div>\ud83d\udd39 <strong>Architektura tre\u015bci:<\/strong> 14 podstron w 2 j\u0119zykach (PL \/ EN) zsynchronizowanych 1:1.<\/div>\n        <div>\ud83d\udd39 <strong>Optymalizacja wydajno\u015bci:<\/strong> Lekki markup, natywny czas renderowania 0s, 100% responsywno\u015b\u0107.<\/div>\n      <\/div>\n    <\/div>\n\n  <\/main>\n\n  <!-- FOOTER -->\n  <footer style=\"background: #050811;padding: 30px 20px;font-size: 12px;color: #64748B\">\n    <div style=\"max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px\">\n      <div>\n        \u00a9 2026 <strong>Nida Studio<\/strong> \u2022 Strona demonstracyjna platformy <a href=\"https:\/\/nidacode.pl\" target=\"_blank\" style=\"color: #38BDF8;text-decoration: none;font-weight: 700\">nidacode.pl<\/a>\n      <\/div>\n      <div style=\"display: flex;gap: 18px;align-items: center\">\n        <span>Software &amp; Web Engineering<\/span>\n        <a href=\"https:\/\/nidacode.pl\" target=\"_blank\" style=\"color: #94A3B8;text-decoration: none;font-weight: 600\">Odwied\u017a stron\u0119 g\u0142\u00f3wn\u0105 nidacode.pl \u2197<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Nida Studio \u2013 Strona Demonstracyjna | nidacode.pl * { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: #080D1A; color: #F1F5F9; font-family: 'Plus Jakarta Sans&#8217;, system-ui, -apple-system, sans-serif; line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; overflow-x: hidden; } .glow-bg { position: absolute; width: 500px; height: 500px; border-radius: 50%; filter: blur(120px); pointer-events: [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nidastudio.pl\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nidastudio.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nidastudio.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/nidastudio.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":6,"href":"https:\/\/nidastudio.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/nidastudio.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/nidastudio.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}