{"id":169,"date":"2026-05-12T19:32:24","date_gmt":"2026-05-12T19:32:24","guid":{"rendered":"https:\/\/link.axi.so\/?page_id=169"},"modified":"2026-08-08T19:28:22","modified_gmt":"2026-08-08T19:28:22","slug":"elementor-169","status":"publish","type":"page","link":"https:\/\/link.axi.so\/?page_id=169&lang=en","title":{"rendered":"\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0410\u041d\u0413\u041b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a02b874 e-flex e-con-boxed e-con e-parent\" data-id=\"a02b874\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d754966 elementor-widget elementor-widget-html\" data-id=\"d754966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>LINK AI \u2014 Digital Assistant<\/title>\r\n    <!-- Tailwind CSS for styling -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- FontAwesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        linkGreen: '#11CAA0',\r\n                        linkGreenDark: '#0ea07e',\r\n                        norwayRed: '#BA0C2F',\r\n                        norwayBlue: '#00205B',\r\n                        bgLight: '#f8fafc'\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        html { scroll-behavior: smooth; }\r\n        .norway-line {\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #BA0C2F 0%, #BA0C2F 33%, #ffffff 33%, #ffffff 66%, #00205B 66%, #00205B 100%);\r\n        }\r\n        .hero-bg {\r\n            background-color: #00205B;\r\n            background-image: radial-gradient(circle at 10% 20%, rgb(0, 32, 91) 0%, rgb(17, 202, 160, 0.1) 90.2%);\r\n        }\r\n        .app-screenshot {\r\n            border-radius: 24px;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n            border: 6px solid #1e293b;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-bgLight text-slate-800 font-sans antialiased\">\r\n\r\n    <!-- Header -->\r\n    <header class=\"fixed top-0 w-full bg-white shadow-md z-50\">\r\n        <div class=\"norway-line\"><\/div>\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between items-center h-20\">\r\n                <!-- Logo -->\r\n                <div class=\"flex-shrink-0 flex items-center gap-3 cursor-pointer\" onclick=\"window.scrollTo(0,0)\">\r\n                    <div class=\"w-10 h-10 bg-linkGreen rounded-lg flex items-center justify-center text-white font-bold text-xl\">\r\n                        <i class=\"fa-solid fa-robot\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-bold text-2xl tracking-tight text-norwayBlue\">LINK <span class=\"text-linkGreen\">AI<\/span><\/span>\r\n                <\/div>\r\n                \r\n                <!-- Desktop Menu -->\r\n                <div class=\"hidden md:flex items-center space-x-6\">\r\n                    <div class=\"flex items-center space-x-2 border-r border-gray-200 pr-6\">\r\n                        <span class=\"text-sm font-semibold text-gray-500 mr-2\">Documents:<\/span>\r\n                        <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/RU-\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0434\u043b\u044f-\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438.docx\" class=\"text-slate-600 hover:text-norwayRed transition flex items-center gap-1 text-sm font-medium\" title=\"Download in Russian\"><i class=\"fa-solid fa-file-word\"><\/i> RU<\/a>\r\n                        <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/NOK-LINK-AI-\u2014-Digital-assistent-for-asylmottak-.docx\" class=\"text-slate-600 hover:text-norwayRed transition flex items-center gap-1 text-sm font-medium\" title=\"Download in Norwegian\"><i class=\"fa-solid fa-file-word\"><\/i> NO<\/a>\r\n                        <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/EN-Digital-Assistant-for-Refugee-Reception-Centers.docx\" class=\"text-slate-600 hover:text-norwayRed transition flex items-center gap-1 text-sm font-medium\" title=\"Download in English\"><i class=\"fa-solid fa-file-word\"><\/i> EN<\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Language Switcher Desktop -->\r\n                    <div class=\"relative group inline-block z-50\">\r\n                        <button class=\"flex items-center gap-2 text-slate-600 hover:text-norwayBlue font-medium transition py-2\">\r\n                            <i class=\"fa-solid fa-globe text-linkGreen\"><\/i> EN <i class=\"fa-solid fa-chevron-down text-xs\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"absolute right-0 mt-1 w-36 bg-white border border-gray-100 rounded-xl shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 transform origin-top-right overflow-hidden\">\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=127&lang=ru\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium border-b border-gray-50\">\ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/a>\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=182\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium border-b border-gray-50\">\ud83c\uddf3\ud83c\uddf4 Norsk<\/a>\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=169&lang=en\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium\">\ud83c\uddec\ud83c\udde7 English<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/link.axi.so\/?page_id=136&lang=en\" target=\"_blank\" class=\"bg-linkGreen hover:bg-linkGreenDark text-white px-6 py-2.5 rounded-full font-semibold transition shadow-lg shadow-linkGreen\/30 flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i> Open MVP\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Mobile Menu Button (simplified for elementor block) -->\r\n                <div class=\"md:hidden flex items-center\">\r\n                    \r\n                    <!-- Language Switcher Mobile -->\r\n                    <div class=\"relative group inline-block mr-4 z-50\">\r\n                        <button class=\"flex items-center gap-1.5 text-slate-600 hover:text-norwayBlue text-sm font-bold transition py-2\">\r\n                            <i class=\"fa-solid fa-globe text-linkGreen\"><\/i> EN <i class=\"fa-solid fa-chevron-down text-[10px]\"><\/i>\r\n                        <\/button>\r\n                        <div class=\"absolute right-0 mt-1 w-36 bg-white border border-gray-100 rounded-xl shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 transform origin-top-right overflow-hidden\">\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=127&lang=ru\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium border-b border-gray-50\">\ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/a>\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=182\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium border-b border-gray-50\">\ud83c\uddf3\ud83c\uddf4 Norsk<\/a>\r\n                            <a href=\"https:\/\/link.axi.so\/?page_id=169&lang=en\" class=\"block px-4 py-2.5 text-sm text-slate-700 hover:bg-slate-50 hover:text-norwayBlue font-medium\">\ud83c\uddec\ud83c\udde7 English<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/link.axi.so\/?page_id=136&lang=en\" target=\"_blank\" class=\"bg-linkGreen text-white px-4 py-2 rounded-full text-sm font-bold shadow-md\">MVP<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- Mobile Docs (shows under header on small screens) -->\r\n        <div class=\"md:hidden bg-slate-50 border-b border-gray-200 py-2 px-4 flex justify-center gap-4 text-sm\">\r\n            <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/RU-\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0434\u043b\u044f-\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438.docx\" class=\"text-slate-600 font-medium\"><i class=\"fa-solid fa-file-word\"><\/i> RU<\/a>\r\n            <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/NOK-LINK-AI-\u2014-Digital-assistent-for-asylmottak-.docx\" class=\"text-slate-600 font-medium\"><i class=\"fa-solid fa-file-word\"><\/i> NO<\/a>\r\n            <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/EN-Digital-Assistant-for-Refugee-Reception-Centers.docx\" class=\"text-slate-600 font-medium\"><i class=\"fa-solid fa-file-word\"><\/i> EN<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero-bg text-white pt-32 pb-20 lg:pt-40 lg:pb-28 overflow-hidden relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div>\r\n                    <span class=\"inline-block py-1 px-3 rounded-full bg-linkGreen\/20 text-linkGreen border border-linkGreen\/30 font-semibold text-sm mb-6 tracking-wide uppercase\">Innovative solution<\/span>\r\n                    <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6\">\r\n                        LINK AI \u2014 <br><span class=\"text-linkGreen\">Digital assistant<\/span> <br>for refugee reception centers\r\n                    <\/h1>\r\n                    <p class=\"text-lg md:text-xl text-blue-100 mb-8 max-w-lg leading-relaxed\">\r\n                        Stress reduction, rapid visual navigation through the camp, and native language support 24\/7.\r\n                    <\/p>\r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"#about\" class=\"bg-white text-norwayBlue hover:bg-gray-100 px-8 py-3.5 rounded-full font-bold transition shadow-lg\">Read the presentation<\/a>\r\n                        <a href=\"https:\/\/link.axi.so\/?page_id=136&lang=en\" target=\"_blank\" class=\"bg-linkGreen hover:bg-linkGreenDark text-white px-8 py-3.5 rounded-full font-bold transition shadow-lg shadow-linkGreen\/40 border border-linkGreenDark\">Try the prototype<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"relative hidden lg:block text-center h-[500px]\">\r\n                    <div class=\"absolute w-[400px] h-[400px] bg-linkGreen\/20 rounded-full blur-3xl top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0411\u0435\u0437-\u0438\u043c\u0435\u043d\u0438-2.png\" alt=\"LINK Assistant\" class=\"relative z-10 max-h-full mx-auto drop-shadow-2xl\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Table of Contents -->\r\n    <section class=\"py-16 bg-white border-b border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <h2 class=\"text-3xl font-bold text-norwayBlue mb-10 text-center\">Presentation Table of Contents<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n                <!-- TOC Items -->\r\n                <a href=\"#about\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">01. About me<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">A brief overview of my background, skills, and why I understand the needs of the camp residents from the inside.<\/p>\r\n                <\/a>\r\n                <a href=\"#idea\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">02. Project LINK AI: Idea and concept<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">What kind of product is this? (PWA app + AI assistant) and the main communication problem it solves.<\/p>\r\n                <\/a>\r\n                <a href=\"#value-residents\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">03. Value for residents<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Stress reduction, fast visual navigation in the camp, and native language support 24\/7.<\/p>\r\n                <\/a>\r\n                <a href=\"#value-company\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">04. Benefits for Link<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Relieving staff from routine questions (saving time), improving service quality.<\/p>\r\n                <\/a>\r\n                <a href=\"#mvp\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">05. Current working prototype<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Demonstration of what is already built and working right now (the initial 5% of capabilities).<\/p>\r\n                <\/a>\r\n                <a href=\"#roadmap\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">06. Development vector (Roadmap)<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Integration of new features: push notifications, building plans, photo reports, chats, analytics.<\/p>\r\n                <\/a>\r\n                <a href=\"#global\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">07. Global vision<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Creating a unified, highly adaptable ecosystem for all reception centers managed by Link.<\/p>\r\n                <\/a>\r\n                <a href=\"#motivation\" class=\"block p-6 rounded-2xl bg-slate-50 hover:bg-slate-100 transition border border-gray-100 hover:border-linkGreen\/30 group\">\r\n                    <div class=\"text-linkGreen font-bold text-xl mb-2 group-hover:scale-105 transition-transform origin-left\">08. My motivation and mission<\/div>\r\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">Why I started this project on my own initiative.<\/p>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 01. About me -->\r\n    <section id=\"about\" class=\"py-20 bg-bgLight\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center gap-4 mb-10\">\r\n                <div class=\"w-12 h-12 rounded-full bg-linkGreen\/20 flex items-center justify-center text-linkGreen font-bold text-xl\">01<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">About me<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\r\n                <div class=\"lg:col-span-4 order-2 lg:order-1 relative\">\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435_viber_2026-05-09_12-23-05-983.jpg\" alt=\"Oleksii Patrykieiev\" class=\"w-full rounded-2xl shadow-xl object-cover aspect-[3\/4]\">\r\n                    <div class=\"absolute -bottom-6 -right-6 w-24 h-24 bg-norwayRed rounded-full opacity-10 blur-2xl\"><\/div>\r\n                <\/div>\r\n                <div class=\"lg:col-span-8 order-1 lg:order-2 space-y-6 text-slate-700 text-lg leading-relaxed\">\r\n                    <p class=\"font-medium text-xl text-norwayBlue\">My name is Oleksii Patrykieiev. I am 38 years old, and I come from Ukraine.<\/p>\r\n                    <p>For the past 20 years, technology for me has been more than just lines of code or server work. It is my passion, my main hobby, and my lifestyle. During this time, I have gone from early experiments to creating WooCommerce online stores and deeply studying how people behave in a digital environment.<\/p>\r\n                    \r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-4\">What I can do and what I live for:<\/h3>\r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"flex items-start\">\r\n                            <i class=\"fa-solid fa-check text-linkGreen mt-1.5 mr-3\"><\/i>\r\n                            <div><strong>Creating meanings and tools:<\/strong> I independently mastered WordPress and the development of online projects from scratch. For me, it is important not just to make a \"website\", but to create a working tool that solves a specific task.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <i class=\"fa-solid fa-check text-linkGreen mt-1.5 mr-3\"><\/i>\r\n                            <div><strong>One step ahead:<\/strong> I have gone from classic SEO to modern AEO technologies (optimization for AI engines). Now I am actively studying artificial intelligence because I believe: AI did not come into our lives to replace humans, but to make them better, more convenient, and more productive, freeing us from routine tasks and helping to unlock our potential.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start\">\r\n                            <i class=\"fa-solid fa-check text-linkGreen mt-1.5 mr-3\"><\/i>\r\n                            <div><strong>Business experience:<\/strong> Working with small businesses, I learned the most important thing \u2014 to see how everyday processes can be \"digitized\" to make people's lives easier and more convenient.<\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n\r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-4\">Why am I doing this?<\/h3>\r\n                    <p>I am here, inside the camp, and I see everything happening with my own eyes. My 20 years of experience allow me to notice details that are not visible from the outside. I study people's behavior, their requests, and their fears. My goal is to apply all my knowledge to help others. I know how to find solutions where others see difficulties, and turn them into clear online projects.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 02. Project LINK AI -->\r\n    <section id=\"idea\" class=\"py-20 bg-white border-y border-gray-100 overflow-hidden relative\">\r\n        <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0411\u0435\u0437-\u0438\u043c\u0435\u043d\u0438-2.png\" alt=\"\" class=\"absolute -right-20 top-20 w-64 opacity-5 hidden lg:block pointer-events-none\">\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center gap-4 mb-10\">\r\n                <div class=\"w-12 h-12 rounded-full bg-norwayBlue text-white flex items-center justify-center font-bold text-xl shadow-lg\">02<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">Project LINK AI: Idea and concept<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\r\n                <div class=\"space-y-6 text-slate-700 text-lg leading-relaxed\">\r\n                    <p class=\"font-medium text-xl border-l-4 border-linkGreen pl-4 py-2 bg-slate-50 rounded-r-lg\">\r\n                        <strong>LINK AI<\/strong> is more than just a website or a directory. It is a smart digital ecosystem designed to become the \"first friend\" and a personal navigator for everyone who arrives at the camp.\r\n                    <\/p>\r\n                    \r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-2\">What is this technically?<\/h3>\r\n                    <p>The project combines two powerful technologies:<\/p>\r\n                    <ul class=\"space-y-3 pl-4 border-l-2 border-gray-200 ml-2\">\r\n                        <li class=\"relative pl-6\">\r\n                            <span class=\"absolute left-0 top-2 w-2 h-2 rounded-full bg-linkGreen\"><\/span>\r\n                            <strong>PWA (Progressive Web App):<\/strong> This is a modern application format that doesn't need to be downloaded from app stores. A person simply needs to scan a QR code on the wall of the camp, and the application instantly appears on their phone.\r\n                        <\/li>\r\n                        <li class=\"relative pl-6\">\r\n                            <span class=\"absolute left-0 top-2 w-2 h-2 rounded-full bg-linkGreen\"><\/span>\r\n                            <strong>AI Assistant (powered by Gemini):<\/strong> The \"brain\" of the system. It is a fully-fledged intelligence that understands natural speech in any language (Ukrainian, Arabic, English, Norwegian, etc.) and provides instant, accurate answers.\r\n                        <\/li>\r\n                    <\/ul>\r\n\r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-4\">What is the main problem it solves?<\/h3>\r\n                    <p>The main problem of any large camp is the <strong>information vacuum and communication barrier<\/strong>.<\/p>\r\n                    <ul class=\"space-y-3\">\r\n                        <li class=\"bg-red-50 p-4 rounded-xl border border-red-100\">\r\n                            <strong class=\"text-norwayRed block mb-1\"><i class=\"fa-solid fa-users\"><\/i> For the resident:<\/strong> In a state of stress, a person doesn't know the rules, doesn't understand the language, and is afraid to ask for directions to the cafeteria or the laundry schedule once again.\r\n                        <\/li>\r\n                        <li class=\"bg-blue-50 p-4 rounded-xl border border-blue-100\">\r\n                            <strong class=\"text-norwayBlue block mb-1\"><i class=\"fa-solid fa-user-tie\"><\/i> For the staff:<\/strong> The staff spends a huge amount of time on the exact same basic questions. This leads to frustration among visitors due to the language barrier and exhausts the employees, distracting them from their direct duties.\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <p class=\"font-semibold text-norwayBlue mt-4\">Core of the project: LINK AI removes this barrier by transferring all knowledge about the camp to artificial intelligence.<\/p>\r\n                <\/div>\r\n                <div class=\"relative mx-auto w-full max-w-[320px] lg:max-w-md\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-tr from-linkGreen to-norwayBlue rounded-3xl transform rotate-3 opacity-20 blur-xl\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435_viber_2026-05-09_12-24-17-928.jpg\" alt=\"LINK AI Interface\" class=\"relative app-screenshot w-full object-cover z-10\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 03. Value for residents -->\r\n    <section id=\"value-residents\" class=\"py-20 bg-bgLight\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center gap-4 mb-10 justify-end flex-row-reverse\">\r\n                <div class=\"w-12 h-12 rounded-full bg-norwayRed text-white flex items-center justify-center font-bold text-xl shadow-lg\">03<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue text-right\">Value for residents (New arrivals)<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\r\n                <div class=\"order-2 lg:order-1 relative mx-auto w-full max-w-[320px] lg:max-w-md\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-tr from-norwayRed to-norwayBlue rounded-3xl transform -rotate-3 opacity-20 blur-xl\"><\/div>\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435_viber_2026-05-09_12-24-17-945.jpg\" alt=\"Visual navigation LINK AI\" class=\"relative app-screenshot w-full object-cover z-10\">\r\n                <\/div>\r\n                <div class=\"order-1 lg:order-2 space-y-6 text-slate-700 text-lg leading-relaxed\">\r\n                    <p class=\"font-medium text-xl\">Arrival at the reception center is a moment of maximum stress. Surrounded by hundreds of strangers and signs in a foreign language, even the question \"Where can I get water?\" becomes a difficult task.<\/p>\r\n                    \r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-2 mb-4\">How the project helps people:<\/h3>\r\n                    \r\n                    <div class=\"space-y-6\">\r\n                        <div class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-full bg-linkGreen\/10 flex items-center justify-center text-linkGreen\">\r\n                                <i class=\"fa-solid fa-comments\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-slate-900\">Removing the \"first step barrier\":<\/h4>\r\n                                <p class=\"text-sm mt-1\">The AI assistant is a patient conversationalist whom you can ask any everyday question at any time of the day without feeling awkward. This restores a person's sense of control.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-full bg-linkGreen\/10 flex items-center justify-center text-linkGreen\">\r\n                                <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-slate-900\">Visual navigation:<\/h4>\r\n                                <p class=\"text-sm mt-1\">The bot doesn't just give text; it sends a real photo of the right door and a link to the map. The person immediately sees the landmark and confidently walks to their goal.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-full bg-linkGreen\/10 flex items-center justify-center text-linkGreen\">\r\n                                <i class=\"fa-solid fa-language\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-slate-900\">Native language:<\/h4>\r\n                                <p class=\"text-sm mt-1\">The AI understands the cultural context and responds in the native language, providing a sense of safety and understanding.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"flex gap-4\">\r\n                            <div class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-full bg-linkGreen\/10 flex items-center justify-center text-linkGreen\">\r\n                                <i class=\"fa-solid fa-clock\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-slate-900\">24\/7 Support:<\/h4>\r\n                                <p class=\"text-sm mt-1\">Questions also arise at night when the administration is unavailable. The AI will instantly tell you where to get diapers or why the power went out.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 04. Benefits for company -->\r\n    <section id=\"value-company\" class=\"py-20 bg-norwayBlue text-white relative\">\r\n        <!-- Decorative bg -->\r\n        <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"flex items-center gap-4 mb-12 justify-center\">\r\n                <div class=\"w-12 h-12 rounded-full bg-white text-norwayBlue flex items-center justify-center font-bold text-xl shadow-lg\">04<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white text-center\">Benefits for Link AS<\/h2>\r\n            <\/div>\r\n            \r\n            <p class=\"text-xl text-center text-blue-100 max-w-3xl mx-auto mb-12\">The project turns technology into real economic and operational benefits:<\/p>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 p-8 rounded-2xl hover:bg-white\/20 transition duration-300\">\r\n                    <div class=\"w-14 h-14 bg-linkGreen rounded-xl flex items-center justify-center text-2xl text-white mb-6 shadow-lg\">\r\n                        <i class=\"fa-solid fa-user-clock\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3\">Optimizing working time (Staff Relief)<\/h3>\r\n                    <p class=\"text-blue-100 leading-relaxed\">Automating answers to routine questions frees up staff to solve critical tasks that require human involvement.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Card 2 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 p-8 rounded-2xl hover:bg-white\/20 transition duration-300\">\r\n                    <div class=\"w-14 h-14 bg-linkGreen rounded-xl flex items-center justify-center text-2xl text-white mb-6 shadow-lg\">\r\n                        <i class=\"fa-solid fa-list-check\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3\">Service standardization<\/h3>\r\n                    <p class=\"text-blue-100 leading-relaxed\">Residents receive accurate information instantly, regardless of the staff's workload or time of day.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 p-8 rounded-2xl hover:bg-white\/20 transition duration-300\">\r\n                    <div class=\"w-14 h-14 bg-linkGreen rounded-xl flex items-center justify-center text-2xl text-white mb-6 shadow-lg\">\r\n                        <i class=\"fa-solid fa-shield-heart\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3\">Risk reduction<\/h3>\r\n                    <p class=\"text-blue-100 leading-relaxed\">Awareness reduces stress and aggression levels, which directly affects safety in the center.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 p-8 rounded-2xl hover:bg-white\/20 transition duration-300\">\r\n                    <div class=\"w-14 h-14 bg-linkGreen rounded-xl flex items-center justify-center text-2xl text-white mb-6 shadow-lg\">\r\n                        <i class=\"fa-solid fa-chart-pie\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3\">Data analytics<\/h3>\r\n                    <p class=\"text-blue-100 leading-relaxed\">The project allows you to see a \"heatmap\" of requests, helping management make decisions based on real data.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 05. MVP -->\r\n    <section id=\"mvp\" class=\"py-20 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center gap-4 mb-12\">\r\n                <div class=\"w-12 h-12 rounded-full bg-linkGreen text-white flex items-center justify-center font-bold text-xl shadow-lg\">05<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">Current working prototype (MVP)<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n                <div class=\"lg:col-span-7 space-y-6 text-slate-700 text-lg leading-relaxed\">\r\n                    <p class=\"font-medium text-xl text-norwayBlue bg-blue-50 p-4 rounded-lg border-l-4 border-norwayBlue\">This is a working product, created in just a few hours from idea to implementation. Currently, the system is operating at <strong>4\u20137%<\/strong> of its capacity.<\/p>\r\n                    \r\n                    <h3 class=\"text-2xl font-bold text-norwayBlue pt-4\">What is already working today:<\/h3>\r\n                    \r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"flex items-start bg-slate-50 p-4 rounded-xl\">\r\n                            <i class=\"fa-solid fa-mobile-screen text-linkGreen text-2xl mt-1 mr-4 w-6 text-center\"><\/i>\r\n                            <div><strong>Functional PWA app:<\/strong> The website <em>link.axi.so<\/em> is ready to be installed on smartphones and feels like a fully-fledged app.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start bg-slate-50 p-4 rounded-xl\">\r\n                            <i class=\"fa-solid fa-brain text-linkGreen text-2xl mt-1 mr-4 w-6 text-center\"><\/i>\r\n                            <div><strong>AI Integration:<\/strong> The chatbot understands the context and answers questions based on the loaded database.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start bg-slate-50 p-4 rounded-xl\">\r\n                            <i class=\"fa-solid fa-database text-linkGreen text-2xl mt-1 mr-4 w-6 text-center\"><\/i>\r\n                            <div><strong>Knowledge Base (Start):<\/strong> Data on the cafeteria, laundry, and basic rules have been entered. Support for other languages is being added in the shortest possible time.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start bg-slate-50 p-4 rounded-xl\">\r\n                            <i class=\"fa-brands fa-wordpress text-linkGreen text-2xl mt-1 mr-4 w-6 text-center\"><\/i>\r\n                            <div><strong>Custom development:<\/strong> Runs on my custom WordPress plugin, which gives full flexibility in configuring the logic for a specific camp.<\/div>\r\n                        <\/li>\r\n                        <li class=\"flex items-start bg-slate-50 p-4 rounded-xl\">\r\n                            <i class=\"fa-solid fa-pen-to-square text-linkGreen text-2xl mt-1 mr-4 w-6 text-center\"><\/i>\r\n                            <div><strong>Ease of updating:<\/strong> Changing schedules or rules takes only a few minutes.<\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"lg:col-span-5 relative flex justify-center mt-10 lg:mt-0\">\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0411\u0435\u0437-\u0438\u043c\u0435\u043d\u0438-2.png\" alt=\"LINK Character\" class=\"absolute -left-10 bottom-0 w-48 z-20 drop-shadow-xl hidden lg:block pointer-events-none\">\r\n                    <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435_viber_2026-05-09_12-24-17-978.jpg\" alt=\"Prototype MVP\" class=\"relative app-screenshot w-full max-w-[320px] object-cover z-10\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 06. Roadmap -->\r\n    <section id=\"roadmap\" class=\"py-20 bg-bgLight border-t border-gray-200\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center gap-4 mb-6\">\r\n                <div class=\"w-12 h-12 rounded-full bg-norwayBlue text-white flex items-center justify-center font-bold text-xl shadow-lg\">06<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">Development vector (Roadmap)<\/h2>\r\n            <\/div>\r\n            \r\n            <p class=\"text-lg text-slate-600 mb-12 max-w-3xl\">Based on modern technologies, I envision the following stages of development:<\/p>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-bell\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Smart Push Notifications<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Instant information about meetings with UDI, lectures, trips, and other activities.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-location-crosshairs\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Interactive plans<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">The user sees their location on the map inside the building and the route to the desired room.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-wrench\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Digital technical support<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">The ability to send a photo of a malfunction (faucet, lock) directly to the technicians.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-people-group\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Social integration<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Interest-based chats for organizing leisure activities (football, hiking, learning).<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Analytical center<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Collection of statistics on all requests to optimize the center's operations in real time.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition\">\r\n                    <div class=\"w-12 h-12 bg-blue-50 text-norwayBlue rounded-xl flex items-center justify-center text-xl mb-4\"><i class=\"fa-solid fa-id-card\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-lg mb-2 text-slate-800\">Personal profile<\/h4>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Profiles for informing about document status and personal meetings.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 07. Global vision -->\r\n    <section id=\"global\" class=\"py-20 bg-white relative overflow-hidden\">\r\n        <!-- Abstract network bg -->\r\n        <div class=\"absolute right-0 top-0 w-1\/2 h-full opacity-5 pointer-events-none\" style=\"background-image: radial-gradient(#00205B 2px, transparent 2px); background-size: 40px 40px;\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"flex items-center gap-4 mb-10\">\r\n                <div class=\"w-12 h-12 rounded-full bg-linkGreen text-white flex items-center justify-center font-bold text-xl shadow-lg\">07<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">Global vision (Scalability)<\/h2>\r\n            <\/div>\r\n            \r\n            <p class=\"text-xl text-slate-700 font-medium mb-10 border-l-4 border-norwayRed pl-4 bg-red-50 py-2\">This is a flexible platform for the entire network of Link AS camps in Norway:<\/p>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n                <div class=\"flex gap-4\">\r\n                    <div class=\"text-norwayRed text-2xl mt-1\"><i class=\"fa-solid fa-network-wired\"><\/i><\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-lg text-slate-900\">Unified ecosystem:<\/h4>\r\n                        <p class=\"text-slate-600 mt-1\">The ability to deploy a digital copy for any reception center in a matter of days.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"flex gap-4\">\r\n                    <div class=\"text-norwayBlue text-2xl mt-1\"><i class=\"fa-solid fa-server\"><\/i><\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-lg text-slate-900\">Centralized management:<\/h4>\r\n                        <p class=\"text-slate-600 mt-1\">Updating critical information for the entire network with one click from the head office.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex gap-4\">\r\n                    <div class=\"text-linkGreen text-2xl mt-1\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-lg text-slate-900\">Seamless relocation:<\/h4>\r\n                        <p class=\"text-slate-600 mt-1\">When moving to another Link center, the app automatically switches to the new database, accelerating the resident's adaptation.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex gap-4\">\r\n                    <div class=\"text-norwayBlue text-2xl mt-1\"><i class=\"fa-solid fa-cloud-arrow-up\"><\/i><\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-lg text-slate-900\">Cloud analytics:<\/h4>\r\n                        <p class=\"text-slate-600 mt-1\">Collecting data on refugee needs nationwide to improve integration methods.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 08. Motivation -->\r\n    <section id=\"motivation\" class=\"py-20 bg-bgLight\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-12\">\r\n                <div class=\"inline-flex w-12 h-12 rounded-full bg-norwayBlue text-white items-center justify-center font-bold text-xl shadow-lg mb-4\">08<\/div>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-norwayBlue\">My motivation and mission<\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"bg-white p-8 md:p-12 rounded-3xl shadow-lg border border-gray-100 relative\">\r\n                <i class=\"fa-solid fa-quote-left text-6xl text-gray-100 absolute top-6 left-6\"><\/i>\r\n                <div class=\"relative z-10 space-y-6 text-slate-700 text-lg\">\r\n                    <p class=\"font-medium text-xl text-center mb-8\">This project was born out of a personal desire to help those who have lost their homes and find themselves in uncertainty.<\/p>\r\n                    \r\n                    <h3 class=\"font-bold text-xl text-norwayBlue\">Why I did this:<\/h3>\r\n                    \r\n                    <ul class=\"space-y-4\">\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>Help from human to human:<\/strong> My goal is for technology to help people take their first steps in Norway easier and with more dignity.<\/li>\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>Path to adaptation:<\/strong> I am 38 years old, and I am starting from a clean slate. I want to adapt, create a cozy home for my family, and show my professional skills in action.<\/li>\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>An idea as a gift:<\/strong> I do not pursue selfish goals and do not demand copyrights. If the project helps Link AS \u2014 use it, I will be happy to be of service.<\/li>\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>Professional footprint:<\/strong> I will be grateful if my file includes a note about my competencies as an IT specialist.<\/li>\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>Contribution \"here and now\":<\/strong> While I am in the center, I hope to bring the product to 10% capacity as a token of gratitude for the shelter provided.<\/li>\r\n                        <li class=\"pl-4 border-l-2 border-linkGreen\"><strong>Future horizons:<\/strong> In the next stage, I plan to create an app for learning the Norwegian language based on personal integration experience.<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"mt-10 p-6 bg-norwayBlue text-white rounded-2xl text-center font-bold text-xl shadow-inner\">\r\n                        My mission is simple: to remain useful to society and my family, using my experience to create.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 09. Footer \/ Contacts -->\r\n    <footer class=\"bg-norwayBlue text-white pt-16 pb-8 relative overflow-hidden\">\r\n        <div class=\"absolute w-full h-1 top-0 left-0 bg-norwayRed\"><\/div>\r\n        <div class=\"absolute w-full h-1 top-1 left-0 bg-white\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\r\n            <h2 class=\"text-3xl font-bold mb-8\">Shall we discuss a pilot launch?<\/h2>\r\n            \r\n            <div class=\"inline-block bg-white\/10 backdrop-blur-md p-8 rounded-3xl border border-white\/20 mb-12 shadow-2xl\">\r\n                <h3 class=\"text-2xl font-bold mb-6 text-linkGreen\">Oleksii Patrykieiev<\/h3>\r\n                \r\n                <div class=\"flex flex-col md:flex-row gap-6 justify-center items-center\">\r\n                    <a href=\"mailto:oleksiipatrykieiev@gmail.com\" class=\"flex items-center gap-3 hover:text-linkGreen transition text-lg\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-white\/20 flex items-center justify-center\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                        oleksiipatrykieiev@gmail.com\r\n                    <\/a>\r\n                    <div class=\"hidden md:block w-px h-8 bg-white\/30\"><\/div>\r\n                    <a href=\"https:\/\/link.axi.so\/?page_id=136&lang=en\" target=\"_blank\" class=\"flex items-center gap-3 hover:text-linkGreen transition text-lg\">\r\n                        <div class=\"w-10 h-10 rounded-full bg-white\/20 flex items-center justify-center\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n                        Prototype: link.axi.so\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pt-8 border-t border-white\/10 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-blue-200\">\r\n                <div>&copy; 2026 LINK AI Project. All ideas are created to help people.<\/div>\r\n                <div class=\"flex gap-4\">\r\n                    <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/RU-\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435-\u043f\u0440\u043e\u0435\u043a\u0442\u0430-\u0434\u043b\u044f-\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438.docx\" class=\"hover:text-white transition\">RU Doc<\/a>\r\n                    <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/NOK-LINK-AI-\u2014-Digital-assistent-for-asylmottak-.docx\" class=\"hover:text-white transition\">NO Doc<\/a>\r\n                    <a href=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/EN-Digital-Assistant-for-Refugee-Reception-Centers.docx\" class=\"hover:text-white transition\">EN Doc<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Decorative Character in Footer -->\r\n        <img decoding=\"async\" src=\"https:\/\/link.axi.so\/wp-content\/uploads\/2026\/05\/\u0411\u0435\u0437-\u0438\u043c\u0435\u043d\u0438-2.png\" alt=\"LINK Character\" class=\"absolute -right-10 -bottom-10 w-64 opacity-20 pointer-events-none grayscale\">\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>LINK AI \u2014 Digital Assistant LINK AI Documents: RU NO EN EN \ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439 \ud83c\uddf3\ud83c\uddf4 Norsk \ud83c\uddec\ud83c\udde7 English Open MVP EN \ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439 \ud83c\uddf3\ud83c\uddf4 Norsk \ud83c\uddec\ud83c\udde7 English MVP RU NO EN Innovative solution LINK AI \u2014 Digital assistant for refugee reception centers Stress reduction, rapid visual navigation through the camp, and native language support 24\/7. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/link.axi.so\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=169"}],"version-history":[{"count":12,"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/link.axi.so\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/link.axi.so\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}