{"id":2,"date":"2026-01-26T10:09:32","date_gmt":"2026-01-26T10:09:32","guid":{"rendered":"http:\/\/projektownia.zdalneit.pl\/?page_id=2"},"modified":"2026-03-19T17:33:39","modified_gmt":"2026-03-19T17:33:39","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/projektownia.zdalneit.pl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n PROJEKTOWNIA | Precision Engineering & Architecture<\/title>\r\n <meta name=\"description\" content=\"PROJEKTOWNIA - Kompleksowe us\u0142ugi in\u017cynieryjne, architektura, instalacje i cyberbezpiecze\u0144stwo przemys\u0142owe. Precyzyjne projekty i nadz\u00f3r inwestorski.\">\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"preload\" as=\"style\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\r\n <noscript>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <\/noscript>\r\n\r\n <style>\r\n \/* --- VARIABLES --- *\/\r\n :root {\r\n --navy-deep: #050A14;\r\n --navy-surface: #0F172A;\r\n --white: #FFFFFF;\r\n --gray-light: #F8FAFC;\r\n --gray-mid: #64748B;\r\n --border-color: #E2E8F0;\r\n --accent: #2563EB; \/* Tech Blue *\/\r\n \r\n --font-main: 'Manrope', sans-serif;\r\n --font-tech: 'Space Mono', monospace;\r\n \r\n --header-height: 80px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-main);\r\n background-color: var(--white);\r\n color: var(--navy-deep);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* --- NAPRAWA KURSORA --- *\/\r\n @media (hover: hover) and (pointer: fine) {\r\n body { cursor: none; }\r\n a, button, input, textarea, .hover-trigger { cursor: none; }\r\n .cursor { display: block; }\r\n }\r\n\r\n @media (hover: none) {\r\n .cursor { display: none !important; }\r\n body { cursor: auto; }\r\n }\r\n\r\n .cursor {\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid var(--accent);\r\n background: rgba(255, 255, 255, 0.1);\r\n position: fixed;\r\n pointer-events: none;\r\n z-index: 9999;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.2s, height 0.2s, background-color 0.2s;\r\n border-radius: 50%;\r\n will-change: transform, width, height;\r\n }\r\n \r\n .cursor::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n width: 4px; height: 4px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n }\r\n\r\n .cursor.active {\r\n width: 50px; height: 50px;\r\n background-color: rgba(37, 99, 235, 0.15);\r\n border-color: var(--accent);\r\n }\r\n\r\n \/* --- TYPOGRAPHY --- *\/\r\n h1, h2, h3 {\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n line-height: 1.1;\r\n }\r\n\r\n .text-tech {\r\n font-family: var(--font-tech);\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: var(--gray-mid);\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n margin-bottom: 1.5rem;\r\n padding-left: 1rem;\r\n border-left: 2px solid var(--accent);\r\n line-height: 1;\r\n font-family: var(--font-tech);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--navy-deep);\r\n }\r\n\r\n \/* --- LAYOUT GRID --- *\/\r\n .grid-container {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n \r\n .block {\r\n padding: 5rem 4rem;\r\n border-right: 1px solid var(--border-color);\r\n background: var(--white);\r\n }\r\n .block:last-child { border-right: none; }\r\n\r\n \/* --- HEADER & NAVIGATION --- *\/\r\n header {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%;\r\n z-index: 1000;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(5, 10, 20, 0.95);\r\n backdrop-filter: blur(10px);\r\n color: var(--white);\r\n height: var(--header-height);\r\n }\r\n\r\n .nav-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 4rem;\r\n max-width: 1920px;\r\n margin: 0 auto;\r\n height: 100%;\r\n }\r\n\r\n .logo {\r\n font-weight: 800;\r\n font-size: 1.25rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-transform: uppercase;\r\n z-index: 1002;\r\n position: relative;\r\n }\r\n\r\n .logo-icon {\r\n width: 12px; height: 12px;\r\n background: var(--accent);\r\n box-shadow: 0 0 10px var(--accent);\r\n }\r\n\r\n \/* Desktop Menu *\/\r\n nav ul {\r\n display: flex;\r\n list-style: none;\r\n gap: 3rem;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n nav a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n font-family: var(--font-tech);\r\n font-size: 0.8rem;\r\n transition: color 0.3s;\r\n padding: 10px; \/* Wi\u0119kszy obszar dotyku *\/\r\n }\r\n nav a:hover { color: var(--accent); }\r\n\r\n \/* Hamburger Button (Mobile) *\/\r\n .hamburger {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n z-index: 1002;\r\n width: 40px;\r\n height: 40px;\r\n position: relative;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px;\r\n height: 2px;\r\n background: var(--white);\r\n position: absolute;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: 0.3s;\r\n }\r\n .hamburger span:nth-child(1) { top: 35%; }\r\n .hamburger span:nth-child(2) { top: 50%; }\r\n .hamburger span:nth-child(3) { top: 65%; }\r\n\r\n .hamburger.active span:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }\r\n .hamburger.active span:nth-child(2) { opacity: 0; }\r\n .hamburger.active span:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }\r\n\r\n \/* --- HERO --- *\/\r\n .hero {\r\n min-height: 100vh;\r\n background-color: var(--navy-deep);\r\n color: var(--white);\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding-top: var(--header-height); \/* Prevent content hiding behind header *\/\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n padding: 0 4rem;\r\n max-width: 1400px;\r\n z-index: 2;\r\n width: 100%;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(2.5rem, 7vw, 6rem); \/* Lepsze skalowanie *\/\r\n margin-bottom: 2rem;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n .btn-tech {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 2.5rem;\r\n border: 1px solid var(--white);\r\n color: var(--white);\r\n font-family: var(--font-tech);\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n background: transparent;\r\n min-height: 48px; \/* Accessible touch target *\/\r\n }\r\n .btn-tech:hover {\r\n background: var(--white);\r\n color: var(--navy-deep);\r\n }\r\n\r\n \/* --- BLUEPRINT VISUAL --- *\/\r\n .blueprint-container {\r\n background: var(--navy-surface);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 500px;\r\n }\r\n\r\n .radar-circle {\r\n position: absolute;\r\n border: 1px dashed rgba(37, 99, 235, 0.3);\r\n border-radius: 50%;\r\n animation: spin 20s linear infinite;\r\n will-change: transform;\r\n }\r\n .rc-1 { width: 300px; height: 300px; }\r\n .rc-2 { width: 500px; height: 500px; animation-direction: reverse; border-style: solid; opacity: 0.1; }\r\n\r\n @keyframes spin { 100% { transform: rotate(360deg); } }\r\n\r\n \/* --- SERVICES GRID --- *\/\r\n .services-wrapper {\r\n background-color: var(--gray-light);\r\n padding: 6rem 0;\r\n }\r\n\r\n .services-grid {\r\n max-width: 1920px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n background: #E2E8F0;\r\n border: 1px solid #E2E8F0;\r\n }\r\n\r\n .service-card {\r\n background: var(--white);\r\n padding: 3.5rem;\r\n transition: 0.3s;\r\n position: relative;\r\n }\r\n \r\n .service-card:hover { background: #F1F5F9; }\r\n .service-card:hover::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 4px;\r\n background: var(--accent);\r\n animation: scan 1.5s linear infinite;\r\n }\r\n\r\n @keyframes scan {\r\n 0% { top: 0; opacity: 1; }\r\n 100% { top: 100%; opacity: 0; }\r\n }\r\n\r\n .svc-icon {\r\n width: 32px; height: 32px;\r\n margin-bottom: 2rem;\r\n color: var(--navy-deep);\r\n }\r\n\r\n .service-card ul {\r\n list-style: none;\r\n margin-top: 2rem;\r\n border-top: 1px solid var(--border-color);\r\n padding-top: 1rem;\r\n }\r\n .service-card li {\r\n font-size: 0.9rem;\r\n color: var(--gray-mid);\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n }\r\n .service-card li::before {\r\n content: '>';\r\n color: var(--accent);\r\n margin-right: 10px;\r\n font-family: var(--font-tech);\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* --- CONFIGURATOR SECTION --- *\/\r\n .configurator-section {\r\n background: var(--navy-deep);\r\n color: var(--white);\r\n padding: 6rem 0;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n }\r\n \r\n .config-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 4rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr;\r\n gap: 4rem;\r\n }\r\n\r\n .config-options {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n }\r\n\r\n .config-btn {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n color: var(--gray-mid);\r\n padding: 1.5rem;\r\n text-align: left;\r\n font-family: var(--font-tech);\r\n font-size: 0.8rem;\r\n transition: all 0.3s;\r\n position: relative;\r\n cursor: pointer;\r\n min-height: 60px; \/* Touch target *\/\r\n }\r\n\r\n .config-btn:hover, .config-btn.selected {\r\n background: rgba(37, 99, 235, 0.1);\r\n border-color: var(--accent);\r\n color: var(--white);\r\n }\r\n\r\n .config-btn.selected::after {\r\n content: '[ACTIVE]';\r\n position: absolute;\r\n top: 10px; right: 10px;\r\n font-size: 0.6rem;\r\n color: var(--accent);\r\n }\r\n\r\n \/* --- FOOTER --- *\/\r\n .footer-main {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr;\r\n padding: 0;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .footer-col {\r\n padding: 4rem;\r\n border-right: 1px solid var(--border-color);\r\n }\r\n .footer-col:last-child { border-right: none; }\r\n\r\n \/* --- ANIMATIONS --- *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n will-change: opacity, transform;\r\n }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* --- MOBILE RESPONSIVE --- *\/\r\n @media (max-width: 1024px) {\r\n .grid-container { grid-template-columns: 1fr; }\r\n .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n .config-container { grid-template-columns: 1fr; }\r\n .block { border-right: none; border-bottom: 1px solid var(--border-color); }\r\n .footer-main { grid-template-columns: 1fr; }\r\n .footer-col { border-right: none; border-bottom: 1px solid var(--border-color); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n \/* General Mobile *\/\r\n .nav-container { padding: 0 1.5rem; }\r\n .hero-content, .block, .config-container, .footer-col { padding: 3rem 1.5rem; }\r\n .services-wrapper { padding: 4rem 0; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .config-options { grid-template-columns: 1fr; }\r\n \r\n .hero h1 { font-size: 2.8rem; }\r\n \r\n \/* Hamburger & Mobile Menu Logic *\/\r\n .hamburger { display: block; }\r\n \r\n nav {\r\n position: fixed;\r\n top: 0;\r\n right: -100%; \/* Hidden by default *\/\r\n width: 100%;\r\n height: 100vh;\r\n background: var(--navy-deep);\r\n z-index: 1001;\r\n transition: 0.4s ease-in-out;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n nav.active { right: 0; }\r\n \r\n nav ul {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2.5rem;\r\n }\r\n \r\n nav a {\r\n font-size: 1.5rem;\r\n color: var(--white);\r\n }\r\n \r\n .service-card { padding: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"cursor\" id=\"cursor\"><\/div>\r\n\r\n <header>\r\n <div class=\"nav-container\">\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\"><\/div>\r\n PROJEKTOWNIA\r\n <\/div>\r\n \r\n <button class=\"hamburger hover-trigger\" aria-label=\"Otw\u00f3rz menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n\r\n <nav id=\"mobile-nav\">\r\n <ul>\r\n <li><a href=\"#about\" class=\"hover-trigger nav-link\">O FIRMIE<\/a><\/li>\r\n <li><a href=\"#services\" class=\"hover-trigger nav-link\">US\u0141UGI<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"hover-trigger nav-link\">KONTAKT<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <span class=\"text-tech reveal\" style=\"color: var(--accent); display:block; margin-bottom:1rem;\">EST. 2026 \u2022 ARCHITECTURE & ENGINEERING<\/span>\r\n <h1 class=\"reveal\" style=\"transition-delay: 0.1s;\">Solutions<br>that work.<\/h1>\r\n <p class=\"reveal\" style=\"max-width: 500px; margin-bottom: 2rem; color: #94A3B8;\">\r\n Kompleksowe projektowanie in\u017cynieryjne, zarz\u0105dzanie inwestycjami i bezpiecze\u0144stwo cybernetyczne. Precyzja, kt\u00f3ra buduje przysz\u0142o\u015b\u0107.\r\n <\/p>\r\n <div class=\"reveal\" style=\"transition-delay: 0.2s;\">\r\n <a href=\"#services\" class=\"btn-tech hover-trigger\">Poznaj Kompetencje<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\" class=\"grid-container\">\r\n <div class=\"block\">\r\n <span class=\"section-label reveal\">01. PROFIL<\/span>\r\n <h2 class=\"reveal\" style=\"font-size: 2.5rem; margin-bottom: 1.5rem;\">Technologia w s\u0142u\u017cbie in\u017cynierii.<\/h2>\r\n <p class=\"reveal\" style=\"color: var(--gray-mid); margin-bottom: 2rem;\">\r\n Jako <strong>PROJEKTOWNIA<\/strong> \u0142\u0105czymy wieloletnie do\u015bwiadczenie w bran\u017cy budowlanej z nowoczesnymi technologiami IT. \r\n Nasz\u0105 wizj\u0105 jest dostarczanie produkt\u00f3w wysokiej jako\u015bci, kt\u00f3re s\u0105 konkurencyjne cenowo i technicznie.\r\n <\/p>\r\n <div class=\"reveal\">\r\n <span class=\"text-tech\" style=\"color: var(--navy-deep);\">NORMY I STANDARDY:<\/span><br>\r\n <span class=\"text-tech\">PN-EN \u2022 NFPA \u2022 TIA \u2022 ISO\/IEC 27001<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"block blueprint-container reveal\" style=\"padding:0;\">\r\n <div class=\"radar-circle rc-1\"><\/div>\r\n <div class=\"radar-circle rc-2\"><\/div>\r\n <div style=\"position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,0.1);\"><\/div>\r\n <div style=\"position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.1);\"><\/div>\r\n <div class=\"text-tech\" style=\"position: absolute; bottom: 20px; left: 20px; color: white;\">\r\n SYSTEM STATUS: ONLINE<br>\r\n <span style=\"color: var(--accent);\">DATA: SECURE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"services\" class=\"services-wrapper\">\r\n <div style=\"max-width: 1920px; margin: 0 auto; padding: 0 4rem 3rem 4rem;\" class=\"reveal\">\r\n <span class=\"section-label\">02. KOMPETENCJE<\/span>\r\n <h2 style=\"font-size: 2.5rem;\">Zakres Dzia\u0142ania<\/h2>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card reveal hover-trigger\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n <h3>Architektura & A-E<\/h3>\r\n <p class=\"text-tech\">SEKTOR: BUDOWNICTWO<\/p>\r\n <ul>\r\n <li>Projekty budowlane i wykonawcze<\/li>\r\n <li>Projekty konstrukcyjne<\/li>\r\n <li>Projekty wn\u0119trz<\/li>\r\n <li>Audyty techniczne<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-card reveal hover-trigger\" style=\"transition-delay: 0.1s;\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\r\n <h3>Sanitarne & HVAC<\/h3>\r\n <p class=\"text-tech\">SEKTOR: INSTALACJE<\/p>\r\n <ul>\r\n <li>Instalacje sanitarne i grzewcze<\/li>\r\n <li>Wentylacja mechaniczna i klimatyzacja<\/li>\r\n <li>Symulacje oddymiania (CFD)<\/li>\r\n <li>Instalacje gazowe i PPO\u017b<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-card reveal hover-trigger\" style=\"transition-delay: 0.2s;\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <h3>Elektryka & BMS<\/h3>\r\n <p class=\"text-tech\">SEKTOR: ENERGIA<\/p>\r\n <ul>\r\n <li>Rozdzielnice SN\/NN, UPS, Agregaty<\/li>\r\n <li>Instalacje odgromowe i uziemiaj\u0105ce<\/li>\r\n <li>Sterowanie o\u015bwietleniem (KNX\/DALI)<\/li>\r\n <li>Systemy Zarz\u0105dzania Budynkiem (BMS)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-card reveal hover-trigger\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\r\n <h3>Cybersecurity & Tech<\/h3>\r\n <p class=\"text-tech\">SEKTOR: BEZPIECZE\u0143STWO<\/p>\r\n <ul>\r\n <li>Cybersecurity system\u00f3w automatyki<\/li>\r\n <li>Systemy kontroli dost\u0119pu (KD) i CCTV<\/li>\r\n <li>Ochrona Data Center<\/li>\r\n <li>Systemy detekcji gaz\u00f3w (H2S, NH4)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-card reveal hover-trigger\" style=\"transition-delay: 0.1s;\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg>\r\n <h3>Zarz\u0105dzanie Projektami<\/h3>\r\n <p class=\"text-tech\">SEKTOR: MANAGEMENT<\/p>\r\n <ul>\r\n <li>Dokumentacja powykonawcza<\/li>\r\n <li>Weryfikacja dokumentacji<\/li>\r\n <li>Obs\u0142uga geodezyjna<\/li>\r\n <li>Pozwolenia na u\u017cytkowanie<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-card reveal hover-trigger\" style=\"transition-delay: 0.2s;\">\r\n <svg class=\"svc-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"square\" stroke-linejoin=\"miter\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n <h3>ATFP & Infrastruktura<\/h3>\r\n <p class=\"text-tech\">SEKTOR: INFRASTRUKTURA<\/p>\r\n <ul>\r\n <li>Projekty ATFP (Anti-Terrorism)<\/li>\r\n <li>Infrastruktura drogowa<\/li>\r\n <li>Systemy tras kablowych<\/li>\r\n <li>Sieci zewn\u0119trzne<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"configurator-section reveal\">\r\n <div class=\"config-container\">\r\n <div>\r\n <span class=\"section-label\" style=\"border-color: var(--white); color: var(--white);\">DIAGNOZA PROJEKTU<\/span>\r\n <h2 style=\"font-size: 2.5rem; margin-bottom: 1.5rem;\">Okre\u015bl charakter inwestycji.<\/h2>\r\n <p style=\"color: var(--gray-mid); margin-bottom: 2rem;\">\r\n Wybierz parametry, aby przyspieszy\u0107 proces analizy i otrzyma\u0107 precyzyjn\u0105 wycen\u0119. Nasz zesp\u00f3\u0142 techniczny przygotuje dedykowane rozwi\u0105zanie.\r\n <\/p>\r\n <a href=\"mailto:biuro@projektownia.design?subject=Zapytanie%20o%20wycen%C4%99%20-%20Projektownia\" \r\n class=\"btn-tech hover-trigger\" \r\n aria-label=\"Wy\u015blij zapytanie mailowe\"\r\n style=\"background: var(--accent); border-color: var(--accent);\">\r\n Wy\u015blij zapytanie\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"config-options\">\r\n <button class=\"config-btn hover-trigger selected\" aria-pressed=\"true\">NOWA INWESTYCJA<\/button>\r\n <button class=\"config-btn hover-trigger\" aria-pressed=\"false\">MODERNIZACJA \/ AUDYT<\/button>\r\n \r\n <button class=\"config-btn hover-trigger\" aria-pressed=\"false\">BUDOWNICTWO (A-E)<\/button>\r\n <button class=\"config-btn hover-trigger selected\" aria-pressed=\"true\">SYSTEMY & CYBER<\/button>\r\n \r\n <button class=\"config-btn hover-trigger\" aria-pressed=\"false\">NADZ\u00d3R INWESTORSKI<\/button>\r\n <button class=\"config-btn hover-trigger\" aria-pressed=\"false\">DOKUMENTACJA<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <footer id=\"contact\">\r\n <div class=\"footer-main\">\r\n <div class=\"footer-col\">\r\n <div class=\"logo\" style=\"margin-bottom: 2rem;\">\r\n <div class=\"logo-icon\"><\/div>\r\n PROJEKTOWNIA\r\n <\/div>\r\n <h3 style=\"margin-bottom: 1rem;\">Solutions that work.<\/h3>\r\n <p style=\"color: var(--gray-mid);\">\r\n Specjalistyczne biuro projektowe \u0142\u0105cz\u0105ce in\u017cynieri\u0119 (A-E) z cyberbezpiecze\u0144stwem.\r\n <\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <span class=\"section-label\">BIURO<\/span>\r\n <p style=\"line-height: 1.8;\">\r\n ul. Si\u0142aczki 3\/9 \/ 153<br>\r\n 02-495 Warszawa, Polska\r\n <\/p>\r\n <div class=\"text-tech\" style=\"margin-top: 1rem;\">\r\n NIP: 52233029990<br>\r\n KRS: 0001113122\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <span class=\"section-label\">KONTAKT<\/span>\r\n <a href=\"mailto:biuro@projektownia.design\" class=\"hover-trigger\" style=\"display:block; font-weight:700; margin-bottom:0.5rem; text-decoration:none; color:var(--navy-deep);\">biuro@projektownia.design<\/a>\r\n <a href=\"tel:+48221234567\" class=\"hover-trigger\" style=\"display:block; font-weight:700; text-decoration:none; color:var(--navy-deep);\">+48 22 123 45 67<\/a>\r\n <\/div>\r\n <\/div>\r\n <div style=\"background:var(--white); padding:1rem 4rem; font-size:0.75rem; color:var(--gray-mid); border-top:1px solid var(--border-color); display:flex; justify-content:space-between; flex-wrap:wrap;\">\r\n <div>\u00a9 2026 PROJEKTOWNIA SP. Z O.O.<\/div>\r\n <div class=\"text-tech\">WARSAW \u2022 POLAND<\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ 1. Mobile Menu Logic\r\n const hamburger = document.querySelector('.hamburger');\r\n const nav = document.querySelector('nav');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n nav.classList.toggle('active');\r\n \r\n \/\/ Toggle aria-label for accessibility\r\n const isActive = hamburger.classList.contains('active');\r\n hamburger.setAttribute('aria-label', isActive ? 'Zamknij menu' : 'Otw\u00f3rz menu');\r\n });\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n nav.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ 2. Custom Cursor\r\n const cursor = document.getElementById('cursor');\r\n const hoverTriggers = document.querySelectorAll('.hover-trigger');\r\n\r\n \/\/ Sprawd\u017a czy urz\u0105dzenie obs\u0142uguje hover (desktop)\r\n if (window.matchMedia(\"(hover: hover)\").matches) {\r\n document.addEventListener('mousemove', (e) => {\r\n requestAnimationFrame(() => {\r\n cursor.style.left = e.clientX + 'px';\r\n cursor.style.top = e.clientY + 'px';\r\n });\r\n });\r\n hoverTriggers.forEach(trigger => {\r\n trigger.addEventListener('mouseenter', () => cursor.classList.add('active'));\r\n trigger.addEventListener('mouseleave', () => cursor.classList.remove('active'));\r\n });\r\n }\r\n\r\n \/\/ 3. Reveal on Scroll (Intersection Observer)\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n \/\/ 4. Configurator Buttons Logic\r\n const configBtns = document.querySelectorAll('.config-btn');\r\n configBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n this.classList.toggle('selected');\r\n \/\/ Accessibility update\r\n const isSelected = this.classList.contains('selected');\r\n this.setAttribute('aria-pressed', isSelected);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>PROJEKTOWNIA | Precision Engineering & Architecture PROJEKTOWNIA O FIRMIE US\u0141UGI KONTAKT EST. 2026 \u2022 ARCHITECTURE & ENGINEERING Solutionsthat work. Kompleksowe projektowanie in\u017cynieryjne, zarz\u0105dzanie inwestycjami i bezpiecze\u0144stwo cybernetyczne. Precyzja, kt\u00f3ra buduje przysz\u0142o\u015b\u0107. Poznaj Kompetencje 01. PROFIL Technologia w s\u0142u\u017cbie in\u017cynierii. Jako PROJEKTOWNIA \u0142\u0105czymy wieloletnie do\u015bwiadczenie w bran\u017cy budowlanej z nowoczesnymi technologiami IT. Nasz\u0105 wizj\u0105 jest dostarczanie […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":48,"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/projektownia.zdalneit.pl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}