1<!doctype html> 2<html lang="en" class="dark"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <link rel="icon" href="/favicon.ico" sizes="48x48" /> 7 <link rel="icon" type="image/png" sizes="192x192" href="/images/brand/yanok-icon.png" /> 8 <link rel="apple-touch-icon" href="/images/brand/yanok-icon.png" /> 9 <link rel="preconnect" href="https://fonts.googleapis.com" /> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 11 <link rel="dns-prefetch" href="https://fonts.googleapis.com" /> 12 <link rel="preload" href="/images/illustrations/hero-home.webp" as="image" type="image/webp" /> 13 <link 14 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Pixelify+Sans:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" 15 rel="stylesheet" 16 /> 17 <link 18 href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" 19 rel="stylesheet" 20 media="print" 21 onload="this.media = 'all'" 22 /> 23 <noscript 24 ><link 25 href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" 26 rel="stylesheet" 27 /></noscript> 28 <meta name="theme-color" content="#0a0f1c" /> 29 <link rel="alternate" type="application/rss+xml" title="Yanok AI Blog" href="/feed.xml" /> 30
30<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
30 31 <link href="./_app/immutable/entry/start.C0RatZ92.js" rel="modulepreload"> 32 <link href="./_app/immutable/chunks/fab_PpXt.js" rel="modulepreload"> 33 <link href="./_app/immutable/chunks/D9UuDnCi.js" rel="modulepreload"> 34 <link href="./_app/immutable/chunks/CYGRAPIB.js" rel="modulepreload"> 35 <link href="./_app/immutable/entry/app.CN6GikW_.js" rel="modulepreload"> 36 <link href="./_app/immutable/chunks/PPVm8Dsz.js" rel="modulepreload"> 37 <link href="./_app/immutable/chunks/DsnmJJEf.js" rel="modulepreload"> 38 <link href="./_app/immutable/chunks/nU4rHKDQ.js" rel="modulepreload"> 39 <link href="./_app/immutable/chunks/BWdin4k4.js" rel="modulepreload"> 40 <link href="./_app/immutable/chunks/B9IBoC3F.js" rel="modulepreload"> 41 <link href="./_app/immutable/chunks/0CuVPpBj.js" rel="modulepreload"> 42 <link href="./_app/immutable/chunks/C0dlyk-o.js" rel="modulepreload"> 43 <link href="./_app/immutable/nodes/0.Dw7w7kWU.js" rel="modulepreload"> 44 <link href="./_app/immutable/chunks/iYCGeDKI.js" rel="modulepreload"> 45 <link href="./_app/immutable/chunks/BEZvtooX.js" rel="modulepreload"> 46 <link href="./_app/immutable/chunks/B1WxC4rU.js" rel="modulepreload"> 47 <link href="./_app/immutable/chunks/Bu5lJkuo.js" rel="modulepreload"> 48 <link href="./_app/immutable/chunks/DUu1U6v-.js" rel="modulepreload"> 49 <link href="./_app/immutable/chunks/DdD9Pkz0.js" rel="modulepreload"> 50 <link href="./_app/immutable/chunks/DTvJC0Jp.js" rel="modulepreload"> 51 <link href="./_app/immutable/chunks/BT8LID6b.js" rel="modulepreload"> 52 <link href="./_app/immutable/chunks/G4Zraiun.js" rel="modulepreload"> 53 <link href="./_app/immutable/chunks/B41D8heY.js" rel="modulepreload"> 54 <link href="./_app/immutable/chunks/i-MEGDDQ.js" rel="modulepreload"> 55 <link href="./_app/immutable/chunks/eU5hsoAE.js" rel="modulepreload"> 56 <link href="./_app/immutable/chunks/DtmkKBTB.js" rel="modulepreload"> 57 <link href="./_app/immutable/chunks/D5TAtFOS.js" rel="modulepreload"> 58 <link href="./_app/immutable/chunks/DHIuavV4.js" rel="modulepreload"> 59 <link href="./_app/immutable/chunks/CBmsmDwX.js" rel="modulepreload"> 60 <link href="./_app/immutable/chunks/DHEvzz0p.js" rel="modulepreload"> 61 <link href="./_app/immutable/chunks/Btryp2Fo.js" rel="modulepreload"> 62 <link href="./_app/immutable/chunks/Dpe20BOx.js" rel="modulepreload"> 63 <link href="./_app/immutable/chunks/iNDcgpYU.js" rel="modulepreload"> 64 <link href="./_app/immutable/chunks/CB1F8dWn.js" rel="modulepreload"> 65 <link href="./_app/immutable/chunks/pdLFqMCI.js" rel="modulepreload"> 66 <link href="./_app/immutable/chunks/CK0iU2Jo.js" rel="modulepreload"> 67 <link href="./_app/immutable/chunks/CtsNkuR8.js" rel="modulepreload"> 68 <link href="./_app/immutable/chunks/CFQVmk7c.js" rel="modulepreload"> 69 <link href="./_app/immutable/chunks/DVv1CLjz.js" rel="modulepreload"> 70 <link href="./_app/immutable/chunks/BlZDJl1O.js" rel="modulepreload"> 71 <link href="./_app/immutable/chunks/BKx4uG-s.js" rel="modulepreload"> 72 <link href="./_app/immutable/chunks/C68oKefD.js" rel="modulepreload"> 73 <link href="./_app/immutable/chunks/AuZ6WHz6.js" rel="modulepreload"> 74 <link href="./_app/immutable/chunks/BEy-bnHx.js" rel="modulepreload"> 75 <link href="./_app/immutable/chunks/DblsQZga.js" rel="modulepreload"> 76 <link href="./_app/immutable/chunks/DBaugpvN.js" rel="modulepreload"> 77 <link href="./_app/immutable/chunks/DlE0pPML.js" rel="modulepreload"> 78 <link href="./_app/immutable/chunks/Dqm9ER7N.js" rel="modulepreload"> 79 <link href="./_app/immutable/chunks/Cls_ApyZ.js" rel="modulepreload"> 80 <link href="./_app/immutable/chunks/Djb_UY8o.js" rel="modulepreload"> 81 <link href="./_app/immutable/chunks/CR7rd-Gu.js" rel="modulepreload"> 82 <link href="./_app/immutable/chunks/hTm-NavM.js" rel="modulepreload"> 83 <link href="./_app/immutable/chunks/BlcDRMj7.js" rel="modulepreload"> 84 <link href="./_app/immutable/chunks/BZ-9yrLc.js" rel="modulepreload"> 85 <link href="./_app/immutable/chunks/COpTB-44.js" rel="modulepreload"> 86 <link href="./_app/immutable/chunks/L2Flrprg.js" rel="modulepreload"> 87 <link href="./_app/immutable/chunks/kaiQ09si.js" rel="modulepreload"> 88 <link href="./_app/immutable/chunks/DkPZj6Ft.js" rel="modulepreload"> 89 <link href="./_app/immutable/chunks/maGdBHiu.js" rel="modulepreload"> 90 <link href="./_app/immutable/chunks/BvFEN88R.js" rel="modulepreload"> 91 <link href="./_app/immutable/chunks/Cvb-QC3n.js" rel="modulepreload"> 92 <link href="./_app/immutable/chunks/D5as1I4l.js" rel="modulepreload"> 93 <link href="./_app/immutable/chunks/BuFwxJ_M.js" rel="modulepreload"> 94 <link href="./_app/immutable/nodes/43.DVngHejL.js" rel="modulepreload"> 95 <link href="./_app/immutable/chunks/D0T9t0sD.js" rel="modulepreload"> 96 <link href="./_app/immutable/chunks/k6WDUYLh.js" rel="modulepreload"> 97 <link href="./_app/immutable/chunks/CpWhE398.js" rel="modulepreload"> 98 <link href="./_app/immutable/chunks/DaKR3ZoL.js" rel="modulepreload"> 99 <link href="./_app/immutable/chunks/CtgGnEb9.js" rel="modulepreload"> 100 <link href="./_app/immutable/chunks/DVHs3Wmm.js" rel="modulepreload"> 101 <link href="./_app/immutable/chunks/CK3AoaC7.js" rel="modulepreload"> 102 <link href="./_app/immutable/chunks/T8_RqQZ_.js" rel="modulepreload"> 103 <link href="./_app/immutable/chunks/Bmh_zUCT.js" rel="modulepreload"> 104 <link href="./_app/immutable/chunks/BxM3xpEw.js" rel="modulepreload"> 105 <link href="./_app/env.js" rel="modulepreload"> 106 <!--1funsus--><!--[-1--><!--]--> <!---->
106<script>(function setInitialMode({ defaultMode = "system", themeColors: themeColors2, darkClassNames: darkClassNames2 = ["dark"], lightClassNames: lightClassNames2 = [], defaultTheme = "", modeStorageKey: modeStorageKey2 = "mode-watcher-mode", themeStorageKey: themeStorageKey2 = "mode-watcher-theme" }) { 107 const rootEl = document.documentElement; 108 const mode = localStorage.getItem(modeStorageKey2) ?? defaultMode; 109 const theme = localStorage.getItem(themeStorageKey2) ?? defaultTheme; 110 const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches; 111 if (light) { 112 if (darkClassNames2.length) 113 rootEl.classList.remove(...darkClassNames2.filter(Boolean)); 114 if (lightClassNames2.length) 115 rootEl.classList.add(...lightClassNames2.filter(Boolean)); 116 } else { 117 if (lightClassNames2.length) 118 rootEl.classList.remove(...lightClassNames2.filter(Boolean)); 119 if (darkClassNames2.length) 120 rootEl.classList.add(...darkClassNames2.filter(Boolean)); 121 } 122 rootEl.style.colorScheme = light ? "light" : "dark"; 123 if (themeColors2) { 124 const themeMetaEl = document.querySelector('meta[name="theme-color"]'); 125 if (themeMetaEl) { 126 themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark); 127 } 128 } 129 if (theme) { 130 rootEl.setAttribute("data-theme", theme); 131 localStorage.setItem(themeStorageKey2, theme); 132 } 133 localStorage.setItem(modeStorageKey2, mode); 134})({"defaultMode":"dark","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
134<!----><!----><!--1xg1a3p--><meta name="description" content="Explore Yanok AI's 6-tier enterprise AI maturity architecture, from model orchestration to Innovator AI, with governance-first design and scalable integration capabilities."/> <!--[0--><meta name="keywords" content="AI maturity model, enterprise AI architecture, Innovator AI, agentic AI platform, scalable AI infrastructure"/><!--]--> <link rel="canonical" href="https://www.yanok.ai/platform"/> <!--[-1--><!--]--> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.yanok.ai/platform"/> <meta property="og:title" content="Platform Architecture - Enterprise AI Infrastructure | Yanok AI"/> <meta property="og:description" content="Explore Yanok AI's 6-tier enterprise AI maturity architecture, from model orchestration to Innovator AI, with governance-first design and scalable integration capabilities."/> <meta property="og:image" content="https://www.yanok.ai/images/og/platform.png"/> <meta property="og:site_name" content="Yanok AI"/> <meta property="og:locale" content="en_US"/> <!--[--><meta property="og:locale:alternate" content="es_ES"/><meta property="og:locale:alternate" content="fr_FR"/><meta property="og:locale:alternate" content="de_DE"/><!--]--> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@yanok_ai"/> <meta name="twitter:creator" content="@yanok_ai"/> <meta name="twitter:url" content="https://www.yanok.ai/platform"/> <meta name="twitter:title" content="Platform Architecture - Enterprise AI Infrastructure | Yanok AI"/> <meta name="twitter:description" content="Explore Yanok AI's 6-tier enterprise AI maturity architecture, from model orchestration to Innovator AI, with governance-first design and scalable integration capabilities."/> <meta name="twitter:image" content="https://www.yanok.ai/images/og/platform.png"/> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><link rel="alternate" hreflang="x-default" href="https://www.yanok.ai/platform"/> <!--[--><link rel="alternate" hreflang="en" href="https://www.yanok.ai/platform"/> <link rel="alternate" hreflang="en-US" href="https://www.yanok.ai/platform"/><link rel="alternate" hreflang="es" href="https://www.yanok.ai/platform?lang=es"/> <link rel="alternate" hreflang="es-ES" href="https://www.yanok.ai/platform?lang=es"/><link rel="alternate" hreflang="fr" href="https://www.yanok.ai/platform?lang=fr"/> <link rel="alternate" hreflang="fr-FR" href="https://www.yanok.ai/platform?lang=fr"/><link rel="alternate" hreflang="de" href="https://www.yanok.ai/platform?lang=de"/> <link rel="alternate" hreflang="de-DE" href="https://www.yanok.ai/platform?lang=de"/><!--]--><!--]--><!----><!--b2b0qu--><!---->
134<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Yanok AI Platform","description":"Enterprise-grade AI automation platform with a 6-tier intelligence maturity architecture and 500+ integrations","url":"https://www.yanok.ai/platform","image":"https://www.yanok.ai/images/brand/yanok-logo.png","applicationCategory":"Enterprise Software","brand":{"@type":"Brand","name":"Yanok AI"},"operatingSystem":"Web","author":{"@type":"Organization","name":"Yanok AI"}}</script>
134<!----><!----><!--1b58emg--><!---->
134<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.yanok.ai/"},{"@type":"ListItem","position":2,"name":"Platform","item":"https://www.yanok.ai/platform"}]}</script>
134<!----><!----><!--kimn5s--><!---->
134<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Platform Architecture - Enterprise AI Infrastructure","description":"Explore Yanok AI's 6-tier enterprise AI maturity architecture, from model orchestration to Innovator AI, with governance-first design and scalable integration capabilities.","url":"https://www.yanok.ai/platform","isPartOf":{"@type":"WebSite","name":"Yanok AI","url":"https://www.yanok.ai"}}</script>
134<!----><!----><title>Platform Architecture - Enterprise AI Infrastructure | Yanok AI</title> 135 <link href="./_app/immutable/assets/0.CNNpTEQp.css" rel="stylesheet"> 136 </head> 137 <body data-sveltekit-preload-data="hover"> 138 <div style="display: contents"><!--[--><!--[0--><!--[--><!--[-1--><!--]--><!----> <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 transition-all">Skip to main content</a><!----> <div class="min-h-screen flex w-full bg-background"><aside class="hidden lg:flex flex-col border-r border-sidebar-border bg-sidebar-background/95 backdrop-blur-sm h-screen sticky top-0 overflow-y-auto w-64" aria-label="Site navigation"><div class="border-b border-sidebar-border p-4 bg-sidebar-background/90"><div class="flex items-center justify-between"><a href="./" class="flex items-center space-x-3 hover:opacity-80 transition-opacity focus:outline-none focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md"><img src="/images/brand/yanok-logo.png" alt="Yanok" class="w-8 h-8 shrink-0" width="32" height="32"/> <!--[0--><div><h2 class="text-xl font-bold text-sidebar-foreground font-display">Yanok</h2> <p class="text-xs text-text-tertiary font-medium">AI-Powered Integration</p></div><!--]--></a></div></div> <nav class="flex-1 px-2 py-4 space-y-1 overflow-y-auto"><!--[--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="true" aria-controls="menu-section-product">Product <!--[0--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-up w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m18 15-6-6-6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[0--><ul id="menu-section-product" role="menu" aria-label="Product navigation" class="space-y-0.5"><!--[--><li role="none"><a href="./integrations" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-wifi w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M12 20h.01"><!----></path><!----><!----><path d="M2 8.82a15 15 0 0 1 20 0"><!----></path><!----><!----><path d="M5 12.859a10 10 0 0 1 14 0"><!----></path><!----><!----><path d="M8.5 16.429a5 5 0 0 1 7 0"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Integrations</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Seamless API connections</span><!--]--></a></li><li role="none"><a href="./platform" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background bg-sidebar-accent text-sidebar-primary font-medium border-l-2 border-l-sidebar-primary"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-globe w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"><!----></path><!----><!----><path d="M2 12h20"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Platform Overview</span></div> <!--[0-->
138<span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Enterprise-grade infrastructure</span><!--]--></a></li><li role="none"><a href="./workflows" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-zap w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Agentic Workflows</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Intelligent process automation</span><!--]--></a></li><li role="none"><a href="./yno-ai" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"><!----></path><!----><!----><circle cx="12" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">YNO AI</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Intelligent AI assistant</span><!--]--></a></li><li role="none"><a href="./implementation" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-code w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">Implementation Plan</span></div> <!--[0--><span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Development roadmap & progress</span><!--]--></a></li><li role="none"><a href="./mcp-registry" role="menuitem" class="flex flex-col items-start w-full px-2 py-2 rounded-md text-sm text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group min-h-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background"><div class="flex items-center w-full gap-3"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-package w-4 h-4 text-text-tertiary group-hover:text-sidebar-primary shrink-0 transition-colors"><!--[--><!----><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!----><polyline points="3.29 7 12 12 20.71 7"><!----></polyline><!----><!----><path d="m7.5 4.27 9 5.15"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="font-medium flex-1">MCP Registry</span></div> <!--[0-->
138<span class="text-xs text-sidebar-foreground/80 ml-7 mt-0.5 group-hover:text-text-tertiary transition-colors">Model Context Protocol servers</span><!--]--></a></li><!--]--></ul><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-company">Company <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-pricing">Pricing & Plans <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-resources">Resources <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--[-1--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="false" aria-controls="menu-section-legal">Legal <!--[-1--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[-1--><!--]--></div><!--]--><!--]--> <!--[0--><div class="py-1"><button class="w-full text-text-tertiary hover:text-text-secondary text-xs font-semibold uppercase tracking-wider mb-1 px-2 cursor-pointer transition-colors flex items-center justify-between min-h-[44px] rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-offset-2 focus-visible:ring-offset-sidebar-background" aria-expanded="true" aria-controls="quick-access-list">Quick Access <!--[0--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-up w-3 h-3" aria-hidden="true"><!--[--><!----><path d="m18 15-6-6-6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></button> <!--[0--><ul id="quick-access-list" class="space-y-2"><!--[--><li><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group cursor-pointer p-3 h-auto focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md text-left" aria-label="YNO Use AI now (opens in new tab)"><div class="flex items-start w-full gap-3"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-message-square w-5 h-5 text-text-tertiary group-hover:text-sidebar-primary shrink-0 mt-0.5 transition-colors"><!--[--><!----><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></span> <div class="flex-1 min-w-0"><div class="flex items-center justify-between w-full"><span class="font-medium text-sm text-sidebar-foreground group-hover:text-text-primary truncate transition-colors">YNO Use AI now</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-external-link w-3 h-3 text-sidebar-foreground
138/80 group-hover:text-text-tertiary shrink-0 ml-2 transition-colors" aria-hidden="true"><!--[--><!----><path d="M15 3h6v6"><!----></path><!----><!----><path d="M10 14 21 3"><!----></path><!----><!----><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <p class="text-xs text-sidebar-foreground/80 group-hover:text-text-tertiary mt-1 leading-relaxed transition-colors">AI conversation platform</p></div></div></button></li><li><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 group cursor-pointer p-3 h-auto focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md text-left" aria-label="YNO Pro (opens in new tab)"><div class="flex items-start w-full gap-3"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-zap w-5 h-5 text-text-tertiary group-hover:text-sidebar-primary shrink-0 mt-0.5 transition-colors"><!--[--><!----><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></span> <div class="flex-1 min-w-0"><div class="flex items-center justify-between w-full"><span class="font-medium text-sm text-sidebar-foreground group-hover:text-text-primary truncate transition-colors">YNO Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-external-link w-3 h-3 text-sidebar-foreground/80 group-hover:text-text-tertiary shrink-0 ml-2 transition-colors" aria-hidden="true"><!--[--><!----><path d="M15 3h6v6"><!----></path><!----><!----><path d="M10 14 21 3"><!----></path><!----><!----><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <p class="text-xs text-sidebar-foreground/80 group-hover:text-text-tertiary mt-1 leading-relaxed transition-colors">Premium AI capabilities</p></div></div></button></li><!--]--></ul><!--]--></div><!--]--></nav> <div class="border-t border-sidebar-border p-3 bg-sidebar-background/90"><!--[0--><div class="space-y-1"><!--[--><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 flex items-center gap-3 min-h-[44px] cursor-pointer focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md px-2 text-sm" aria-label="Login (opens in new tab)"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-arrow-right w-4 h-4 text-text-tertiary shrink-0 transition-colors"><!--[--><!----><path d="M5 12h14"><!----></path><!----><!----><path d="m12 5 7 7-7 7"><!----></path><!----><!--]--><!----><!----></svg><!--]--></span> <span aria-hidden="true">Login</span></button><button class="w-full text-sidebar-foreground hover:text-text-primary hover:bg-sidebar-accent transition-all duration-200 flex items-center gap-3 min-h-[44px] cursor-pointer focus:ring-2 focus:ring-sidebar-ring focus:ring-offset-2 focus:ring-offset-sidebar-background rounded-md px-2 text-sm" aria-label="Sign Up (opens in new tab)"><span aria-hidden="true"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user-check w-4 h-4 text-text-tertiary shrink-0 transition-colors"><!--[--><!----><path d="m16 11 2 2 4-4"><!----></path><!----><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></span> <span aria-hidden="true">Sign Up</span></button><!--]--></div><!--]--></div></aside><!---->
138 <main id="main-content" class="flex-1 relative min-w-0" aria-label="Page content" tabindex="-1"><header class="lg:hidden fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xs border-b border-border-subtle h-14 flex items-center px-4"><button class="lg:hidden p-2 min-h-[44px] min-w-[44px] rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50" aria-label="Open navigation menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu w-5 h-5 text-foreground transition-transform duration-200 hover:scale-110"><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----></button> <!--[-1--><!--]--><!----> <div class="flex-1 flex justify-center"><div class="flex items-center gap-2"><img src="/images/brand/yanok-logo.png" alt="Yanok" class="w-6 h-6" width="24" height="24"/> <span class="font-bold text-foreground font-display">Yanok</span></div></div> <div class="relative"><button class="gap-2 min-h-[44px] min-w-[44px] focus-visible:ring-2 focus-visible:ring-[hsl(var(--a11y-focus-ring))] inline-flex items-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground" aria-label="Language: English" aria-haspopup="listbox" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-globe w-4 h-4 shrink-0" aria-hidden="true"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"><!----></path><!----><!----><path d="M2 12h20"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="items-center gap-1.5 hidden sm:inline-flex"><span aria-hidden="true">ðºð¸</span> <span class="text-sm font-medium">English</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-down w-3 h-3 ml-auto opacity-60 hidden sm:block" aria-hidden="true"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!----></button> <!--[-1--><!--]--></div><!----></header> <div class="lg:hidden h-14"></div> <!--[-1--><!--[--><!----> <!----> <!----> <!----> <div class="min-h-screen bg-background text-foreground"><section class="py-16 lg:py-24 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0 overflow-hidden"><div class="absolute inset-0 opacity-[0.03]"><div class="absolute inset-0" style="background-image: radial-gradient(circle at 25% 25%, hsl(var(--yanok-orange) / 0.4) 1px, transparent 1px), radial-gradient(circle at 75% 75%, hsl(var(--yanok-teal) / 0.3) 0.8px, transparent 0.8px); background-size: 160px 160px, 200px 200px"></div></div> <div class="absolute inset-0 opacity-[0.02]"><div class="absolute inset-0" style="background-image: radial-gradient(circle at 60% 40%, hsl(var(--yanok-teal) / 0.2) 0.5px, transparent 0.5px), radial-gradient(circle at 40% 80%, hsl(var(--yanok-orange) / 0.15) 0.3px, transparent 0.3px); background-size: 120px 120px, 180px 180px"></div></div></div> <div class="absolute inset-0 opacity-[0.06] md:opacity-[0.08]" style="background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F97316' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='0.8'/%3E%3C/g%3E%3Cg fill='%2315B8A6' fill-opacity='0.06'%3E%3Ccircle cx='15' cy='15' r='0.4'/%3E%3Ccircle cx='45' cy='45' r='0.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 60px 60px"></div> <div class="absolute top-[20%] right-[16.67%] w-72 h-72 sm:w-96 sm:h-96 md:w-[28rem] md:h-[28rem] bg-yanok-orange/[0.015] rounded-full lens-bokeh opacity-60"></div> <div class="absolute bottom-[20%] left-[16.67%] w-64 h-64 sm:w-80 sm:h-80 md:w-96 md:h-96 bg-yanok-teal/[0.012] rounded-full lens-bokeh opacity-50"></div> <div class="absolute inset-0 bg-gradient-to-t from-background/40 via-trans
138parent to-background/20"></div> <div class="absolute inset-0 bg-gradient-to-br from-transparent via-background/10 to-background/30"></div></div><!----> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 text-center"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full text-xs sm:text-sm font-medium bg-primary/10 text-primary border border-primary/20 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-layers w-3.5 h-3.5"><!--[--><!----><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"><!----></path><!----><!----><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"><!----></path><!----><!----><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"><!----></path><!----><!--]--><!----><!----></svg><!----> Platform Architecture</span> <h1 class="font-display font-pixel text-4xl sm:text-5xl lg:text-6xl font-bold text-foreground mb-6 leading-tight">Enterprise AI <span class="text-primary">Infrastructure</span></h1> <p class="text-lg sm:text-xl text-muted-foreground max-w-3xl mx-auto mb-10 leading-relaxed">A 6-tier intelligence maturity architecture built for enterprise scale. From model orchestration to autonomous innovation.</p> <div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="https://app.yanok.ai/users/sign_up" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 font-semibold btn-pixel hover:bg-primary/90 transition-colors">Start Building <!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12v2h2v-2h2v-2h-2V9h-2v2H4zm10-4h2v2h-2V7zm0 0h-2V5h2v2zm0 10h2v-2h-2v2zm0 0h-2v2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></a> <a href="./implementation" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 font-semibold btn-pixel-outline hover:bg-muted transition-colors">View Roadmap</a></div> <div class="mt-12 sm:mt-16 mx-auto max-w-2xl fade-in-up stagger-4" aria-hidden="true"><picture><source srcset="/images/illustrations/hero-platform.avif 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/avif"/> <source srcset="/images/illustrations/hero-platform.webp 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/webp"/> <img src="/images/illustrations/hero-platform.png" srcset="/images/illustrations/hero-platform.png 800w" sizes="(max-width: 768px) 100vw, 800px" alt="" class="w-full h-auto opacity-80" width="800" height="600" loading="eager" fetchpriority="high"/></picture></div></div></section> <section class="py-12 sm:py-16 bg-surface"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6"><!--[--><div class="card-pixel p-6 text-center"><div class="text-3xl sm:text-4xl font-bold text-primary mb-2">500+</div> <div class="text-sm text-muted-foreground">Integrations</div></div><div class="card-pixel p-6 text-center"><div class="text-3xl sm:text-4xl font-bold text-secondary mb-2">6-Tier</div> <div class="text-sm text-muted-foreground">AI Maturity Model</div></div><div class="card-pixel p-6 text-center"><div class="text-3xl sm:text-4xl font-bold text-[hsl(var(--a11y-success))] mb-2">99.9%</div> <div class="text-sm text-muted-foreground">Uptime SLA</div></div><div class="card-pixel p-6 text-center"><div class="text-3xl sm:text-4xl font-bold text-accent mb-2"><50ms</div> <div class="text-sm text-muted-foreground">Response Time</div></div><!--]--></div></div></section> <section class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="text-center mb-12 sm:mb-16"><h2 class="font-display font-pixel text-2xl sm:text-3xl lg:text-4xl font-bold text-foreground mb-6">6-Tier Intelligence Architecture</h2> <p class="text-base sm:text-lg text-muted-foreground max-w-3xl mx-auto">Progress through maturity levels at your own pace, from basic model orchestration to fully autonomous AI
138innovation.</p></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6"><!--[--><div class="card-pixel bg-gradient-to-br from-[hsl(var(--a11y-info)/0.2)] to-[hsl(var(--a11y-info)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">1</div> <h3 class="text-lg font-semibold text-foreground">Model Orchestration</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">Multi-model AI routing and optimization across providers</p></div><div class="card-pixel bg-gradient-to-br from-[hsl(var(--a11y-success)/0.2)] to-[hsl(var(--a11y-success)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">2</div> <h3 class="text-lg font-semibold text-foreground">Workflow Automation</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">No-code visual workflow builder with AI-assisted configuration</p></div><div class="card-pixel bg-gradient-to-br from-[hsl(var(--accent)/0.2)] to-[hsl(var(--accent)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">3</div> <h3 class="text-lg font-semibold text-foreground">Intelligent Integration</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">Smart connectors with automatic schema mapping and data transformation</p></div><div class="card-pixel bg-gradient-to-br from-[hsl(var(--yanok-orange)/0.2)] to-[hsl(var(--yanok-orange)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">4</div> <h3 class="text-lg font-semibold text-foreground">Agentic Processing</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">Autonomous AI agents that plan, execute, and adapt workflows</p></div><div class="card-pixel bg-gradient-to-br from-[hsl(var(--yanok-teal)/0.2)] to-[hsl(var(--yanok-teal)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">5</div> <h3 class="text-lg font-semibold text-foreground">Cognitive Analytics</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">Self-learning systems with predictive optimization and anomaly detection</p></div><div class="card-pixel bg-gradient-to-br from-[hsl(var(--destructive)/0.2)] to-[hsl(var(--destructive)/0.15)] p-6 sm:p-8 hover:scale-[1.02] transition-transform"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 rounded-lg bg-background/50 flex items-center justify-center font-bold text-foreground">6</div> <h3 class="text-lg font-semibold text-foreground">Innovator AI</h3></div> <p class="text-muted-foreground text-sm leading-relaxed">Fully autonomous business process innovation and optimization</p></div><!--]--></div></div></section> <section class="py-16 sm:py-20 bg-surface"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="text-center mb-12 sm:mb-16"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-6">Technology Stack</h2> <p class="text-base sm:text-lg text-muted-foreground max-w-3xl mx-auto">Modern, cloud-native architecture optimized for autonomous agent orchestration and enterprise reliability.</p></div> <div class="mx-auto max-w-md mb-8 sm:mb-12 fade-in-up stagger-5" aria-hidden="true"><picture><source srcset="/images/illustrations/illustration-platform-orchestration.avif 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/avif"/> <source srcset="/images/illustrations/illustration-platform-orchestration.webp 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/webp"/> <img src="/images/illustrations/illustration-platform-orchestration.png" srcset="/images/illustrations/illustration-platform-orchestration.png 600w" sizes="(max-width: 768px) 100vw, 600px" alt="" class="w-full h-auto opacity-70" width="600" height="400" loading="lazy" decoding="async"/></picture></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"><!--[--><div class="card-pixel p-6"><div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"><!--[0--><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-primary" aria-hidden="true"><!--[--><svg width="20" height="20" style="color: currentColor" class="w-5 h-5" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M13 2v4h5v5h4v2h-4v5h-5v4h-2v-4H6v-5H2v-2h4V6h5V2h2zM8 8v8h8V8H8zm2 2h4v4h-4v-4z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div> <h3 class="text-lg font-semibold text-foreground mb-4">Frontend</h3> <ul class="space-y-2"><!--[--><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> SvelteKit 2</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> TypeScript 5.6</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Tailwind CSS 4</li><!--]--></ul></div><div class="card-pixel p-6"><div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"><!--[1--><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cpu w-6 h-6 text-primary"><!--[--><!----><path d="M12 20v2"><!----></path><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M17 20v2"><!----></path><!----><!----><path d="M17 2v2"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M2 17h2"><!----></path><!----><!----><path d="M2 7h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="M20 17h2"><!----></path><!----><!----><path d="M20 7h2"><!----></path><!----><!----><path d="M7 20v2"><!----></path><!----><!----><path d="M7 2v2"><!----></path><!----><!----><rect x="4" y="4" width="16" height="16" rx="2"><!----></rect><!----><!----><rect x="8" y="8" width="8" height="8" rx="1"><!----></rect><!----><!--]--><!----><!----></svg><!--]--><!--]--></div> <h3 class="text-lg font-semibold text-foreground mb-4">AI Core</h3> <ul class="space-y-2"><!--[--><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Claude Opus 4</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> GPT-5</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Gemini 2.5 Ultra</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Llama 4 Maverick</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> DeepSeek-R1</li><!--]--></ul></div><div class="card-pixel p-6"><div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"><!--[0--><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-primary" aria-hidden="true"><!--[--><svg width="20" height="20" style="color: currentColor" class="w-5 h-5" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm2 2v6h14V5H5zm14 8H5v6h14v-6zM7 7h2v2H7V7zm2 8H7v2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div> <h3 class="text-lg font-semibold text-foreground mb-4">Data</h3> <ul class="space-y-2"><!--[--><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> PostgreSQL 17</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Qdrant Vector DB</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Redis Stack</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Apache Kafka</li><!--]--></ul></div><div class="card-pixel p-6"><div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4"><!--[0--><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-primary" aria-hidden="true"><!--[--><svg width="20" height="20" style="color: currentColor" class="w-5 h-5" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M3 3h18v18H3V3zm2 2v6h14V5H5zm14 8H5v6h14v-6zM7 7h2v2H7V7zm2 8H7v2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!--]--></div> <h3 class="text-lg font-semibold text-foreground mb-4">Infrastructure</h3> <ul class="space-y-2"><!--[--><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Kubernetes (K3s)</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Deno 2.0 Edge</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> Cloudflare Workers</li><li class="flex items-center gap-2 text-sm text-muted-foreground"><div class="w-1.5 h-1.5 rounded-full bg-primary/60"></div> ArgoCD</li><!--]--></ul></div><!--]--></div></div></section> <section class="py-16 sm:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="text-center mb-12 sm:mb-16"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-6">Enterprise Use Cases</h2> <p class="text-base sm:text-lg text-muted-foreground max-w-3xl mx-auto">Real-world applications of Yanok's AI platform across industries and departments.</p></div> <div class="mx-auto max-w-md mb-8 sm:mb-12 fade-in-up stagger-5" aria-hidden="true"><picture><source srcset="/images/illustrations/illustration-platform-governance.avif 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/avif"/> <source srcset="/images/illustrations/illustration-platform-governance.webp 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/webp"/> <img src="/images/illustrations/illustration-platform-governance.png" srcset="/images/illustrations/illustration-platform-governance.png 600w" sizes="(max-width: 768px) 100vw, 600px" alt="" class="w-full h-auto opacity-70" width="600" height="400" loading="lazy" decoding="async"/></picture></div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"><!--[--><div class="card-pixel p-8 hover:border-primary/30 transition-colors"><h3 class="text-xl font-semibold text-foreground mb-3">Customer Support Automation</h3> <p class="text-muted-foreground mb-4 leading-relaxed">AI agents handle tier-1 tickets, route complex issues, and learn from resolutions.</p> <div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] rounded-full text-sm font-medium border border-[hsl(var(--a11y-success)/0.2)]"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 6h8v8h-2v-4h-2V8h-4V6zm2 6v-2h2v2h-2zm-2 2v-2h2v2h-2zm-2 0h2v2h-2v-2zm-2-2h2v2h-2v-2zm-2 0v-2h2v2H8zm-2 2v-2h2v2H6zm-2 2v-2h2v2H4zm0 0v2H2v-2h2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> 73% faster resolution</div></div><div class="card-pixel p-8 hover:border-primary/30 transition-colors"><h3 class="text-xl font-semibold text-foreground mb-3">Sales Pipeline Intelligence</h3> <p class="text-muted-foreground mb-4 leading-relaxed">Predictive lead scoring, automated follow-ups, and deal forecasting with AI insights.</p> <div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] rounded-full text-sm font-medium border border-[hsl(var(--a11y-success)/0.2)]"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 6h8v8h-2v-4h-2V8h-4V6zm2 6v-2h2v2h-2zm-2 2v-2h2v2h-2zm-2 0h2v2h-2v-2zm-2-2h2v2h-2v-2zm-2 0v-2h2v2H8zm-2 2v-2h2v2H6zm-2 2v-2h2v2H4zm0 0v2H2v-2h2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> +156% conversion</div></div><div class="card-pixel p-8 hover:border-primary/30 transition-colors"><h3 class="text-xl font-semibold text-foreground mb-3">Document Processing</h3> <p class="text-muted-foreground mb-4 leading-relaxed">Extract, classify, and route documents with multi-modal AI understanding.</p> <div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] rounded-full text-sm font-medium border border-[hsl(var(--a11y-success)/0.2)]"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
138<path d="M14 6h8v8h-2v-4h-2V8h-4V6zm2 6v-2h2v2h-2zm-2 2v-2h2v2h-2zm-2 0h2v2h-2v-2zm-2-2h2v2h-2v-2zm-2 0v-2h2v2H8zm-2 2v-2h2v2H6zm-2 2v-2h2v2H4zm0 0v2H2v-2h2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> 96.2% accuracy</div></div><div class="card-pixel p-8 hover:border-primary/30 transition-colors"><h3 class="text-xl font-semibold text-foreground mb-3">DevOps Orchestration</h3> <p class="text-muted-foreground mb-4 leading-relaxed">Automated deployments, intelligent monitoring, and self-healing infrastructure.</p> <div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))] rounded-full text-sm font-medium border border-[hsl(var(--a11y-success)/0.2)]"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 6h8v8h-2v-4h-2V8h-4V6zm2 6v-2h2v2h-2zm-2 2v-2h2v2h-2zm-2 0h2v2h-2v-2zm-2-2h2v2h-2v-2zm-2 0v-2h2v2H8zm-2 2v-2h2v2H6zm-2 2v-2h2v2H4zm0 0v2H2v-2h2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> 87% fewer incidents</div></div><!--]--></div></div></section> <section class="py-16 sm:py-20 bg-surface"><div class="max-w-4xl mx-auto px-4 sm:px-6 text-center"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-6">Ready to Transform Your Business?</h2> <p class="text-lg text-muted-foreground mb-8 max-w-2xl mx-auto">Start building intelligent workflows today with Yanok's enterprise AI platform.</p> <div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="https://app.yanok.ai/users/sign_up" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 font-semibold btn-pixel hover:bg-primary/90 transition-colors">Start Free Trial <!--[0--><span class="inline-flex items-center justify-center w-3 h-3 " aria-hidden="true"><!--[--><svg width="12" height="12" style="color: currentColor" class="w-3 h-3" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12v2h2v-2h2v-2h-2V9h-2v2H4zm10-4h2v2h-2V7zm0 0h-2V5h2v2zm0 10h2v-2h-2v2zm0 0h-2v2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></a> <a href="./pricing" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 font-semibold btn-pixel-outline hover:bg-muted transition-colors">View Pricing</a></div></div></section><!----></div><!----><!--]--><!--]--><!----></main></div> <!--[-1--><!--]--><!----> <!--[--><!--]--> <!--[0--><div class="fixed bottom-0 left-0 right-0 z-50 p-4 bg-card border-t border-border shadow-lg" role="dialog" aria-modal="true" aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-desc"><div class="container mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 max-w-5xl"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cookie w-5 h-5 text-primary shrink-0" aria-hidden="true"><!--[--><!----><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"><!----></path><!----><!----><path d="M8.5 8.5v.01"><!----></path><!----><!----><path d="M16 15.5v.01"><!----></path><!----><!----><path d="M12 12v.01"><!----></path><!----><!----><path d="M11 17v.01"><!----></path><!----><!----><path d="M7 14v.01"><!----></path><!----><!--]--><!----><!----></svg><!----> <p id="cookie-consent-desc" class="text-sm text-muted-foreground"><span id="cookie-consent-title" class="sr-only">Cookie consent</span> We use cookies to improve your experience. By continuing, you agree to our <a href="./cookies" class="text-primary underline">Cookie Policy</a>.</p></div> <div class="flex items-center gap-2 shrink-0"><button type="button" class="rounded-lg border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors">Decline</button> <button type="button" class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors">Accept</button></div></div></div><!--]--><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]--> 139 140
140<script> 141 { 142 __sveltekit_17lk6jg = { 143 base: new URL(".", location).pathname.slice(0, -1), 144 env: null 145 }; 146 147 const element = document.currentScript.parentElement; 148 149 import("./_app/env.js").then(({ env }) => { 150 __sveltekit_17lk6jg.env = env; 151 152 Promise.all([ 153 import("./_app/immutable/entry/start.C0RatZ92.js"), 154 import("./_app/immutable/entry/app.CN6GikW_.js") 155 ]).then(([kit, app]) => { 156 kit.start(app, element, { 157 node_ids: [0, 43], 158 data: [null,null], 159 form: null, 160 error: null 161 }); 162 }); 163 }); 164 } 165 </script>
165 166 </div> 167 </body> 168</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.