{"id":1544,"date":"2026-05-18T21:22:33","date_gmt":"2026-05-18T21:22:33","guid":{"rendered":"https:\/\/skwd.c1.p1.ruederome.co\/navi-xr\/"},"modified":"2026-06-12T12:28:12","modified_gmt":"2026-06-12T12:28:12","slug":"navi-xr","status":"publish","type":"page","link":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/navi-xr\/","title":{"rendered":"Navi XR"},"content":{"rendered":"\t\t
\n\t\t\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\r\nNAVIXR \u2014 Imerzivna AR navigaciona platforma<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n RESET & BASE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n background: #000000;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root {\r\n --orange: #E97B11;\r\n --orange-light: rgba(232, 93, 38, 0.14);\r\n --orange-border: rgba(232, 93, 38, 0.35);\r\n --orange-soft: rgba(232, 93, 38, 0.08);\r\n\r\n --bg-black: #000000;\r\n --bg-card: #050505;\r\n --bg-card-2: #080808;\r\n\r\n --border: #222222;\r\n --border-light: #171717;\r\n\r\n --text-main: #ffffff;\r\n --text-sub: #d1d5db;\r\n --text-muted: #94A3B8;\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 10px;\r\n --radius-lg: 14px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TYPOGRAPHY\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text-main);\r\n line-height: 1.15;\r\n}\r\n\r\np {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text-sub);\r\n line-height: 1.75;\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n GLOBAL LAYOUT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.container {\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n}\r\n\r\n.section {\r\n background: #000000;\r\n padding: 88px 0;\r\n border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.section:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n.eyebrow {\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2.5px;\r\n color: var(--orange);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.section-title {\r\n font-size: 34px;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.section-sub {\r\n font-size: 16px;\r\n color: var(--text-sub);\r\n max-width: 600px;\r\n}\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.center .section-sub {\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BUTTONS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.btn {\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n padding: 12px 26px;\r\n border-radius: var(--radius-md);\r\n transition: background .18s ease, border-color .18s ease, color .18s ease;\r\n text-align: center;\r\n white-space: nowrap;\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border: 1px solid #FF6A1A;\r\n cursor: pointer;\r\n text-decoration: none;\r\n}\r\n\r\n.btn-primary,\r\n.btn-outline,\r\n.btn-ghost {\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border: 1px solid #FF6A1A;\r\n}\r\n\r\n.btn-primary:hover,\r\n.btn-outline:hover,\r\n.btn-ghost:hover {\r\n background: transparent;\r\n border-color: #FF6A1A;\r\n color: #ffffff !important;\r\n}\r\n\r\n.btn-full {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BADGE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--orange-light);\r\n color: var(--orange);\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 5px 13px;\r\n border-radius: 20px;\r\n border: 1px solid var(--orange-border);\r\n}\r\n\r\n.badge svg {\r\n width: 12px;\r\n height: 12px;\r\n stroke: var(--orange);\r\n fill: none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MOCKUP \/ BROWSER CARD\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.browser {\r\n background: var(--bg-card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n}\r\n\r\n.browser-bar {\r\n background: var(--bg-card);\r\n padding: 9px 14px;\r\n border-bottom: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.bdot {\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n}\r\n\r\n.burl {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n margin-left: 8px;\r\n}\r\n\r\n.mock-screen {\r\n padding: 24px;\r\n min-height: 370px;\r\n background:\r\n radial-gradient(circle at top right, rgba(232,93,38,0.12), transparent 35%),\r\n #050505;\r\n}\r\n\r\n.mock-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.mock-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n\r\n.mock-chip {\r\n font-size: 10px;\r\n color: var(--orange);\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: 20px;\r\n padding: 4px 10px;\r\n}\r\n\r\n.mock-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.mock-card {\r\n background: #080808;\r\n border: 1px solid #222222;\r\n border-radius: 12px;\r\n padding: 16px;\r\n}\r\n\r\n.mock-card svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.mock-card-title {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.mock-card-sub {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n line-height: 1.5;\r\n}\r\n\r\n.mock-row {\r\n background: #080808;\r\n border: 1px solid #222222;\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.mock-row-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.mock-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n.mock-row-text {\r\n font-size: 12px;\r\n color: #ffffff;\r\n}\r\n\r\n.mock-row-status {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#hero {\r\n padding: 100px 0 90px;\r\n}\r\n\r\n.hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n}\r\n\r\n.hero-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n line-height: 1.05;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.hero-title span {\r\n color: var(--orange);\r\n}\r\n\r\n.hero-subtitle {\r\n font-size: 17px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n max-width: 520px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.hero-desc {\r\n font-size: 15px;\r\n color: var(--text-sub);\r\n max-width: 540px;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.hero-btns {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.hero-trust {\r\n display: flex;\r\n gap: 22px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--text-sub);\r\n}\r\n\r\n.tdot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n PROBLEM\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.problem-card {\r\n margin-top: 40px;\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 36px;\r\n max-width: 880px;\r\n}\r\n\r\n.problem-card p {\r\n font-size: 17px;\r\n color: #ffffff;\r\n}\r\n\r\n.problem-card p + p {\r\n margin-top: 16px;\r\n color: var(--text-sub);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n INSIGHT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.two-col {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n}\r\n\r\n.insight-box {\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: var(--radius-lg);\r\n padding: 32px;\r\n}\r\n\r\n.insight-box p {\r\n font-size: 18px;\r\n color: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FEATURES\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-top: 44px;\r\n}\r\n\r\n.feature-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n transition: all .2s ease;\r\n}\r\n\r\n.feature-card:hover {\r\n border-color: var(--orange-border);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.feature-icon {\r\n width: 42px;\r\n height: 42px;\r\n background: var(--orange-light);\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.feature-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.feature-title {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.feature-desc {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HOW IT WORKS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.steps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n margin-top: 44px;\r\n background: #050505;\r\n}\r\n\r\n.step {\r\n padding: 30px 24px;\r\n border-right: 1px solid #222222;\r\n}\r\n\r\n.step:last-child {\r\n border-right: none;\r\n}\r\n\r\n.step-num {\r\n width: 34px;\r\n height: 34px;\r\n background: var(--orange);\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.step-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.step-desc {\r\n font-size: 12px;\r\n color: var(--text-sub);\r\n line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n VALUE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.value-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n margin-top: 44px;\r\n}\r\n\r\n.value-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n}\r\n\r\n.value-card svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.value-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TARGET USERS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.users-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-top: 40px;\r\n}\r\n\r\n.user-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-md);\r\n padding: 18px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n}\r\n\r\n.user-card svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MARKET\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.market-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: flex-start;\r\n}\r\n\r\n.market-tags {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n margin-top: 28px;\r\n}\r\n\r\n.market-tag {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-md);\r\n padding: 14px 16px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n\r\n.market-tag.active {\r\n background: var(--orange-light);\r\n border-color: var(--orange-border);\r\n color: var(--orange);\r\n}\r\n\r\n.market-stats {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n}\r\n\r\n.market-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-md);\r\n padding: 22px;\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n}\r\n\r\n.market-card svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n.market-value {\r\n font-size: 21px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.market-label {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n}\r\n\r\n.market-insight {\r\n margin-top: 28px;\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n}\r\n\r\n.market-insight p {\r\n color: #ffffff;\r\n font-size: 15px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n STAGE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stage-pills {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-top: 38px;\r\n}\r\n\r\n.stage-pill {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: 30px;\r\n padding: 12px 22px;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n}\r\n\r\n.sdot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n.sdot.off {\r\n background: #CBD5E1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CTA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#cta {\r\n padding: 96px 0;\r\n}\r\n\r\n.cta-title {\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.cta-sub {\r\n font-size: 16px;\r\n color: var(--text-sub);\r\n max-width: 520px;\r\n margin: 0 auto 48px;\r\n}\r\n\r\n.cta-cards {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n max-width: 620px;\r\n margin: 0 auto;\r\n}\r\n\r\n.cta-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 30px;\r\n text-align: center;\r\n}\r\n\r\n.cta-card svg {\r\n width: 28px;\r\n height: 28px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.cta-card-title {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.cta-card-desc {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n margin-bottom: 22px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n .container {\r\n padding: 0 32px;\r\n }\r\n\r\n .hero-grid,\r\n .two-col,\r\n .market-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 40px;\r\n }\r\n\r\n .features-grid,\r\n .value-grid,\r\n .users-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .steps-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .step:nth-child(2) {\r\n border-right: none;\r\n }\r\n\r\n .step:nth-child(3) {\r\n border-top: 1px solid #222222;\r\n }\r\n\r\n .step:nth-child(4) {\r\n border-top: 1px solid #222222;\r\n border-right: none;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .section,\r\n #hero,\r\n #cta {\r\n padding: 64px 0;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n }\r\n\r\n .section-title,\r\n .cta-title {\r\n font-size: 26px;\r\n }\r\n\r\n .features-grid,\r\n .value-grid,\r\n .users-grid,\r\n .mock-grid,\r\n .steps-grid,\r\n .market-tags,\r\n .cta-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .step {\r\n border-right: none !important;\r\n border-top: none !important;\r\n border-bottom: 1px solid #222222;\r\n }\r\n\r\n .step:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .hero-btns {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 1 \u2014 HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\">\r\n<div class=\"container\">\r\n<div class=\"hero-grid\">\r\n<div>\r\n<div style=\"margin-bottom:24px;\">\r\n<span class=\"badge\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6z\"><\/path>\r\n<path d=\"M12 8v8\"><\/path>\r\n<path d=\"M8 12h8\"><\/path>\r\n<\/svg>\r\n AR navigacija i prostorna inteligencija\r\n <\/span>\r\n<\/div>\r\n<h1 class=\"hero-title\">NAVI<span>XR<\/span><\/h1>\r\n<p class=\"hero-subtitle\">Imerzivna platforma za AR navigaciju i AI interakciju za velike javne prostore.<\/p>\r\n<p class=\"hero-desc\">NAVIXR objedinjuje navigaciju uz pro\u0161irenu stvarnost, analizu kretanja pomo\u0107u ve\u0161ta\u010dke inteligencije i imerzivno uklju\u010divanje posetilaca u jedan skalabilan infrastrukturni sistem za doga\u0111aje, muzeje, pametne prostore i javna okru\u017eenja.<\/p>\r\n<div class=\"hero-btns\">\r\n<a class=\"btn btn-primary\" href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\">Istra\u017ei priliku<\/a>\r\n<a class=\"btn btn-outline\" href=\"mailto:info@skunkworksden.com\">Postani partner<\/a>\r\n<\/div>\r\n<div class=\"hero-trust\">\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>AR navigacija<\/div>\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>AI analiza kretanja<\/div>\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>Prostorna analitika<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"browser\">\r\n<div class=\"browser-bar\">\r\n<div class=\"bdot\" style=\"background:#FF5F57;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#FEBC2E;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#28C840;\"><\/div>\r\n<span class=\"burl\">navixr.app \u00b7 Mapa prostora<\/span>\r\n<\/div>\r\n<div class=\"mock-screen\">\r\n<div class=\"mock-header\">\r\n<p class=\"mock-title\">AR navigacija kroz prostor<\/p>\r\n<span class=\"mock-chip\">Ruta u\u017eivo<\/span>\r\n<\/div>\r\n<div class=\"mock-grid\">\r\n<div class=\"mock-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6z\"><\/path>\r\n<path d=\"M12 8v8\"><\/path>\r\n<path d=\"M8 12h8\"><\/path>\r\n<\/svg>\r\n<p class=\"mock-card-title\">AR ruta<\/p>\r\n<p class=\"mock-card-sub\">Prostorno navo\u0111enje u realnom vremenu unutar objekata<\/p>\r\n<\/div>\r\n<div class=\"mock-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 12h6l3-9 3 18 3-9h3\"><\/path>\r\n<\/svg>\r\n<p class=\"mock-card-title\">AI kretanje<\/p>\r\n<p class=\"mock-card-sub\">Pra\u0107enje poza i aktivnosti za interakcije<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Ruta do Hale B aktivirana<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">2 min<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Interaktivni izazov u blizini<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">18 m<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Tok posetilaca a\u017euriran<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">U\u017eivo<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 2 \u2014 PROBLEM\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Problem<\/div>\r\n<h2 class=\"section-title\">Veliki javni prostori se i dalje oslanjaju na stati\u010dnu navigaciju i fragmentisana iskustva<\/h2>\r\n<p class=\"section-sub\">Veliki objekti i javna okru\u017eenja se i dalje oslanjaju na stati\u010dne navigacione sisteme koji stvaraju zabunu, smanjuju anga\u017eovanje i ograni\u010davaju operativnu vidljivost.<\/p>\r\n<div class=\"problem-card\">\r\n<p>Ve\u0107ina imerzivnih iskustava je fragmentisana, privremena i odvojena od stvarnog pona\u0161anja posetilaca i analitike.<\/p>\r\n<p>To spre\u010dava operatore da razumeju obrasce kretanja, unaprede protok i izgrade ponovo upotrebljivu digitalnu infrastrukturu kroz razli\u010dite prostore i doga\u0111aje.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 3 \u2014 INSIGHT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"two-col\">\r\n<div>\r\n<div class=\"eyebrow\">Uvid<\/div>\r\n<h2 class=\"section-title\">Pravi problem nije navigacija \u2014 ve\u0107 nedostatak digitalne infrastrukture<\/h2>\r\n<p class=\"section-sub\">Fizi\u010dkim prostorima su potrebni inteligentni sistemi koji povezuju kretanje, anga\u017eovanje, analitiku i interakciju u realnom vremenu u jedno prilagodljivo okru\u017eenje.<\/p>\r\n<\/div>\r\n<div class=\"insight-box\">\r\n<p>NAVIXR pretvara javne prostore iz stati\u010dnih okru\u017eenja u interaktivna, podacima vo\u0111ena i prilagodljiva digitalna iskustva.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 4 \u2014 SOLUTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"two-col\">\r\n<div>\r\n<div class=\"browser\">\r\n<div class=\"browser-bar\">\r\n<div class=\"bdot\" style=\"background:#FF5F57;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#FEBC2E;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#28C840;\"><\/div>\r\n<span class=\"burl\">navixr.app \u00b7 Prostorna inteligencija<\/span>\r\n<\/div>\r\n<div class=\"mock-screen\">\r\n<div class=\"mock-header\">\r\n<p class=\"mock-title\">Interaktivni sloj prostora<\/p>\r\n<span class=\"mock-chip\">Prilagodljivo<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Mapa prostora pretvorena u AR sloj<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Spremno<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Kretanje posetilaca analizirano<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">U\u017eivo<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Interakcija pokretom aktivirana<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">AI<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Izve\u0161taj o anga\u017eovanju generisan<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Analitika<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"eyebrow\">Re\u0161enje<\/div>\r\n<h2 class=\"section-title\">Modularna AR i AI platforma za inteligentne javne prostore<\/h2>\r\n<p class=\"section-sub\">NAVIXR omogu\u0107ava prostornu navigaciju u realnom vremenu, imerzivno navo\u0111enje posetilaca, sisteme interakcije pokretane ve\u0161ta\u010dkom inteligencijom, analitiku kretanja i gejmifikovana iskustva anga\u017eovanja.<\/p>\r\n<p class=\"section-sub\" style=\"margin-top:18px;\">Platforma pretvara fizi\u010dka okru\u017eenja u inteligentne, interaktivne digitalne prostore.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 5 \u2014 FEATURES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Funkcionalnosti<\/div>\r\n<h2 class=\"section-title\">Mogu\u0107nosti za imerzivnu prostornu infrastrukturu<\/h2>\r\n<p class=\"section-sub\">Fleksibilan sistem za navigaciju, AI interakciju, anga\u017eovanje posetilaca i prostornu inteligenciju u realnom vremenu.<\/p>\r\n<div class=\"features-grid\">\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6z\"><\/path>\r\n<path d=\"M12 8v8\"><\/path>\r\n<path d=\"M8 12h8\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">AR prostorna navigacija<\/p>\r\n<p class=\"feature-desc\">3D usmeravanje u realnom vremenu i kontekstualni slojevi unutar fizi\u010dkih prostora.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle>\r\n<path d=\"M12 8v5\"><\/path>\r\n<path d=\"M8 21l4-8 4 8\"><\/path>\r\n<path d=\"M7 11h10\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">AI analiza kretanja<\/p>\r\n<p class=\"feature-desc\">Procena poza i pra\u0107enje kretanja za interaktivna iskustva i analitiku aktivnosti.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Interaktivni sloj anga\u017eovanja<\/p>\r\n<p class=\"feature-desc\">Gejmifikovana iskustva, izazovi i imerzivne interakcije posetilaca.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\"><\/line>\r\n<line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\"><\/line>\r\n<line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\"><\/line>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Analitika i prostorna inteligencija<\/p>\r\n<p class=\"feature-desc\">Analiza toka posetilaca, metrike anga\u017eovanja i uvidi u pona\u0161anje za operatore.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 6 \u2014 HOW IT WORKS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Kako funkcioni\u0161e<\/div>\r\n<h2 class=\"section-title\">Od mapiranja prostora do prostorne inteligencije u realnom vremenu<\/h2>\r\n<div class=\"steps-grid\">\r\n<div class=\"step\">\r\n<div class=\"step-num\">1<\/div>\r\n<p class=\"step-title\">Mapiranje prostora<\/p>\r\n<p class=\"step-desc\">Fizi\u010dka okru\u017eenja se skeniraju i pretvaraju u digitalne prostore spremne za AR navigaciju.<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">2<\/div>\r\n<p class=\"step-title\">Posetioci pristupaju iskustvu<\/p>\r\n<p class=\"step-desc\">Korisnici se kre\u0107u kroz okru\u017eenje pomo\u0107u mobilnog AR navo\u0111enja i kontekstualnih slojeva.<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">3<\/div>\r\n<p class=\"step-title\">AI interakcija se aktivira<\/p>\r\n<p class=\"step-desc\">Posetioci u\u010destvuju u aktivnostima zasnovanim na pokretu, imerzivnom sadr\u017eaju i interaktivnim iskustvima.<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">4<\/div>\r\n<p class=\"step-title\">Operatori dobijaju analitiku<\/p>\r\n<p class=\"step-desc\">Sistem prati kretanje posetilaca, anga\u017eovanje i performanse interakcija u realnom vremenu.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 7 \u2014 VALUE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Poslovne koristi<\/div>\r\n<h2 class=\"section-title\">Za\u0161to je prostorima i operatorima potreban<\/h2>\r\n<div class=\"value-grid\">\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6z\"><\/path>\r\n<path d=\"M12 8v8\"><\/path>\r\n<path d=\"M8 12h8\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Unapre\u0111uje navigaciju posetilaca i upravljanje protokom<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Pove\u0107ava anga\u017eovanje i vreme provedeno na lokaciji<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 4h16v16H4z\"><\/path>\r\n<path d=\"M8 8h8M8 12h8M8 16h5\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Smanjuje operativne pote\u0161ko\u0107e u velikim prostorima<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<polyline points=\"17 1 21 5 17 9\"><\/polyline>\r\n<path d=\"M3 11V9a4 4 0 014-4h14\"><\/path>\r\n<polyline points=\"7 23 3 19 7 15\"><\/polyline>\r\n<path d=\"M21 13v2a4 4 0 01-4 4H3\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Stvara ponovo upotrebljivu digitalnu infrastrukturu<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\"><\/line>\r\n<line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\"><\/line>\r\n<line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\"><\/line>\r\n<\/svg>\r\n<p class=\"value-title\">Generi\u0161e merljivu analitiku posetilaca<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"14\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"14\"><\/rect>\r\n<\/svg>\r\n<p class=\"value-title\">Omogu\u0107ava skalabilna imerzivna iskustva bez ponovne izgradnje sistema<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 8 \u2014 TARGET USERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Za koga je namenjeno<\/div>\r\n<h2 class=\"section-title\">Napravljeno za velika fizi\u010dka okru\u017eenja<\/h2>\r\n<div class=\"users-grid\">\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"16\" rx=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\r\n<path d=\"M8 2v4M16 2v4M3 10h18\"><\/path>\r\n<\/svg>\r\n Organizatori doga\u0111aja\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<\/svg>\r\n Muzeji i kulturne institucije\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M6 21V5h12v16\"><\/path>\r\n<path d=\"M9 9h6M9 13h6\"><\/path>\r\n<\/svg>\r\n Inicijative pametnih gradova\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n<path d=\"M8 12h8M12 8v8\"><\/path>\r\n<\/svg>\r\n Sportski objekti\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z\"><\/path>\r\n<\/svg>\r\n Tematski parkovi i centri za zabavu\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2C8 6 6 9 6 13a6 6 0 0012 0c0-4-2-7-6-11z\"><\/path>\r\n<path d=\"M12 22v-6\"><\/path>\r\n<\/svg>\r\n Operatori u turizmu i javnoj infrastrukturi\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 9 \u2014 MARKET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"market-grid\">\r\n<div>\r\n<div class=\"eyebrow\">Tr\u017ei\u0161te \/ Kontekst<\/div>\r\n<h2 class=\"section-title\">Deluje na preseku XR-a, AI analitike i pametne javne infrastrukture<\/h2>\r\n<p class=\"section-sub\">Globalna potra\u017enja za imerzivnim javnim okru\u017eenjima vo\u0111enim podacima brzo raste u oblasti velikih doga\u0111aja, turizma, muzeja, pametne infrastrukture i interaktivne zabave.<\/p>\r\n<div class=\"market-tags\">\r\n<div class=\"market-tag active\">XR \/ Imerzivna tehnologija<\/div>\r\n<div class=\"market-tag\">Infrastruktura pametnih gradova<\/div>\r\n<div class=\"market-tag\">AI analitika<\/div>\r\n<div class=\"market-tag\">Platforme za iskustvo posetilaca<\/div>\r\n<\/div>\r\n<div class=\"market-insight\">\r\n<p><strong>Uvid:<\/strong> NAVIXR je osmi\u0161ljen kao ponovo upotrebljiv infrastrukturni sloj koji se mo\u017ee primeniti u vi\u0161e industrija i fizi\u010dkih prostora.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-stats\">\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6z\"><\/path>\r\n<path d=\"M12 8v8\"><\/path>\r\n<path d=\"M8 12h8\"><\/path>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Imerzivna navigacija<\/p>\r\n<p class=\"market-label\">Potra\u017enja za AR navo\u0111enjem u realnom vremenu u slo\u017eenim javnim prostorima<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\"><\/line>\r\n<line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\"><\/line>\r\n<line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\"><\/line>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Prostorna analitika<\/p>\r\n<p class=\"market-label\">Operatorima su potrebni merljivi podaci o pona\u0161anju i anga\u017eovanju posetilaca<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"14\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"14\"><\/rect>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Ponovo upotrebljiva platforma<\/p>\r\n<p class=\"market-label\">Primena kroz doga\u0111aje, prostore, turizam, muzeje i zabavu<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 10 \u2014 STAGE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Trenutna faza<\/div>\r\n<h2 class=\"section-title\">Validacija koncepta<\/h2>\r\n<p class=\"section-sub\">Osnovna arhitektura je definisana, UX i sistemski dizajn su planirani, MVP plan razvoja je uspostavljen, a po\u010detna implementacija je planirana kroz okru\u017eenje veli\u010dine Expo doga\u0111aja.<\/p>\r\n<div class=\"stage-pills\">\r\n<div class=\"stage-pill\"><div class=\"sdot\"><\/div>Osnovna arhitektura definisana<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot\"><\/div>UX i sistemski dizajn planirani<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot off\"><\/div>MVP plan razvoja uspostavljen<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Implementacija Expo razmere planirana<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 11 \u2014 CTA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cta\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Uklju\u010di se<\/div>\r\n<h2 class=\"cta-title\">Gradite inteligentne, imerzivne javne prostore uz NAVIXR<\/h2>\r\n<p class=\"cta-sub\">NAVIXR je namenjen investitorima i partnerima koji \u017eele da podr\u017ee skalabilnu AR navigaciju, AI interakciju i infrastrukturu prostorne inteligencije.<\/p>\r\n<div class=\"cta-cards\">\r\n<div class=\"cta-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n<polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n<\/svg>\r\n<p class=\"cta-card-title\">Investitor<\/p>\r\n<p class=\"cta-card-desc\">Istra\u017ei priliku iza imerzivne infrastrukture prostora.<\/p>\r\n<a class=\"btn btn-primary btn-full\" href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\">Istra\u017ei priliku<\/a>\r\n<\/div>\r\n<div class=\"cta-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 21s-6-4.35-9-8a5 5 0 017-7l2 2 2-2a5 5 0 017 7c-3 3.65-9 8-9 8z\"><\/path>\r\n<\/svg>\r\n<p class=\"cta-card-title\">Partner<\/p>\r\n<p class=\"cta-card-desc\">Partnerstvo na implementacijama, prostorima, kulturnim lokacijama i javnim okru\u017eenjima.<\/p>\r\n<a class=\"btn btn-outline btn-full\" href=\"mailto:info@skunkworksden.com\">Postani partner<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NAVIXR \u2014 Imerzivna AR navigaciona platforma AR navigacija i prostorna inteligencija NAVIXR Imerzivna platforma za AR navigaciju i AI interakciju za velike javne prostore. NAVIXR objedinjuje navigaciju uz pro\u0161irenu stvarnost, analizu kretanja pomo\u0107u ve\u0161ta\u010dke inteligencije i imerzivno uklju\u010divanje posetilaca u … <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/navi-xr\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1500,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"content-tag":[],"class_list":["post-1544","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/comments?post=1544"}],"version-history":[{"count":2,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1544\/revisions"}],"predecessor-version":[{"id":2301,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1544\/revisions\/2301"}],"up":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1500"}],"wp:attachment":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/media?parent=1544"}],"wp:term":[{"taxonomy":"content-tag","embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/content-tag?post=1544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}