PageSourceSearch

https://yanok.ai/

html yanok.ai collected 2026-10-05 14:38:22 UTC 90,199 bytes, 175 lines download raw bytes

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/3.CJb_oVuW.js" rel="modulepreload">
95		<link href="./_app/immutable/chunks/CK3AoaC7.js" rel="modulepreload">
96		<link href="./_app/immutable/chunks/BA65WU6K.js" rel="modulepreload">
97		<link href="./_app/immutable/chunks/D0T9t0sD.js" rel="modulepreload">
98		<link href="./_app/immutable/chunks/BpzRjiLm.js" rel="modulepreload">
99		<link href="./_app/immutable/chunks/k6WDUYLh.js" rel="modulepreload">
100		<link href="./_app/immutable/chunks/CpWhE398.js" rel="modulepreload">
101		<link href="./_app/immutable/chunks/DaKR3ZoL.js" rel="modulepreload">
102		<link href="./_app/immutable/chunks/CtgGnEb9.js" rel="modulepreload">
103		<link href="./_app/immutable/chunks/DDfIc65E.js" rel="modulepreload">
104		<link href="./_app/immutable/chunks/zVtv-ACl.js" rel="modulepreload">
105		<link href="./_app/immutable/chunks/T8_RqQZ_.js" rel="modulepreload">
106		<link href="./_app/immutable/chunks/BG0-1Wwh.js" rel="modulepreload">
107		<link href="./_app/immutable/chunks/DZPQBCwR.js" rel="modulepreload">
108		<link href="./_app/immutable/chunks/CYiapCR7.js" rel="modulepreload">
109		<link href="./_app/immutable/chunks/CmEtZuts.js" rel="modulepreload">
110		<link href="./_app/immutable/chunks/B35AJUqw.js" rel="modulepreload">
111		<link href="./_app/env.js" rel="modulepreload">
112		<!--1funsus--><!--[-1--><!--]--> <!---->
112<script>(function setInitialMode({ defaultMode = "system", themeColors: themeColors2, darkClassNames: darkClassNames2 = ["dark"], lightClassNames: lightClassNames2 = [], defaultTheme = "", modeStorageKey: modeStorageKey2 = "mode-watcher-mode", themeStorageKey: themeStorageKey2 = "mode-watcher-theme" }) {
113  const rootEl = document.documentElement;
114  const mode = localStorage.getItem(modeStorageKey2) ?? defaultMode;
115  const theme = localStorage.getItem(themeStorageKey2) ?? defaultTheme;
116  const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches;
117  if (light) {
118    if (darkClassNames2.length)
119      rootEl.classList.remove(...darkClassNames2.filter(Boolean));
120    if (lightClassNames2.length)
121      rootEl.classList.add(...lightClassNames2.filter(Boolean));
122  } else {
123    if (lightClassNames2.length)
124      rootEl.classList.remove(...lightClassNames2.filter(Boolean));
125    if (darkClassNames2.length)
126      rootEl.classList.add(...darkClassNames2.filter(Boolean));
127  }
128  rootEl.style.colorScheme = light ? "light" : "dark";
129  if (themeColors2) {
130    const themeMetaEl = document.querySelector('meta[name="theme-color"]');
131    if (themeMetaEl) {
132      themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark);
133    }
134  }
135  if (theme) {
136    rootEl.setAttribute("data-theme", theme);
137    localStorage.setItem(themeStorageKey2, theme);
138  }
139  localStorage.setItem(modeStorageKey2, mode);
140})({"defaultMode":"dark","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
140<!----><!----><!--1xg1a3p--><meta name="description" content="Transform your business with Yanok AI's enterprise agentic AI platform. Automate workflows, integrate 500+ apps, and unlock unprecedented efficiency with intelligent AI agents."/> <!--[0--><meta name="keywords" content="agentic AI, AI automation, enterprise AI, workflow automation, AI agents, business automation"/><!--]--> <link rel="canonical" href="https://www.yanok.ai/"/> <!--[-1--><!--]--> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.yanok.ai/"/> <meta property="og:title" content="Yanok AI - Enterprise Agentic AI Automation Platform"/> <meta property="og:description" content="Transform your business with Yanok AI's enterprise agentic AI platform. Automate workflows, integrate 500+ apps, and unlock unprecedented efficiency with intelligent AI agents."/> <meta property="og:image" content="https://www.yanok.ai/images/og/home.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/"/> <meta name="twitter:title" content="Yanok AI - Enterprise Agentic AI Automation Platform"/> <meta name="twitter:description" content="Transform your business with Yanok AI's enterprise agentic AI platform. Automate workflows, integrate 500+ apps, and unlock unprecedented efficiency with intelligent AI agents."/> <meta name="twitter:image" content="https://www.yanok.ai/images/og/home.png"/> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><link rel="alternate" hreflang="x-default" href="https://www.yanok.ai/"/> <!--[--><link rel="alternate" hreflang="en" href="https://www.yanok.ai/"/> <link rel="alternate" hreflang="en-US" href="https://www.yanok.ai/"/><link rel="alternate" hreflang="es" href="https://www.yanok.ai/?lang=es"/> <link rel="alternate" hreflang="es-ES" href="https://www.yanok.ai/?lang=es"/><link rel="alternate" hreflang="fr" href="https://www.yanok.ai/?lang=fr"/> <link rel="alternate" hreflang="fr-FR" href="https://www.yanok.ai/?lang=fr"/><link rel="alternate" hreflang="de" href="https://www.yanok.ai/?lang=de"/> <link rel="alternate" hreflang="de-DE" href="https://www.yanok.ai/?lang=de"/><!--]--><!--]--><!----><!--wxr7wu--><!---->
140<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Yanok AI","url":"https://www.yanok.ai","logo":"https://www.yanok.ai/images/brand/yanok-logo.png","description":"Enterprise Agentic AI Automation Platform. Transform your business with intelligent AI agents, workflow automation, and 500+ app integrations.","foundingDate":"2024","sameAs":["https://twitter.com/yanok_ai","https://linkedin.com/company/yanok-ai","https://github.com/yanok-ai"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":["English","Spanish","French","German"]},"address":{"@type":"PostalAddress","addressCountry":"SG"}}</script>
140<!----><!----><!--b2b0qu--><!---->
140<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Yanok AI Platform","description":"Enterprise Agentic AI Automation Platform with 500+ integrations","url":"https://www.yanok.ai","image":"https://www.yanok.ai/images/brand/yanok-logo.png","applicationCategory":"Business Software","brand":{"@type":"Brand","name":"Yanok AI"},"operatingSystem":"Web","author":{"@type":"Organization","name":"Yanok AI"}}</script>
140<!----><!----><!--1b58emg--><!---->
140<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.yanok.ai/"}]}</script>
140<!----><!----><!--kimn5s--><!---->
140<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Yanok AI - Enterprise Agentic AI Automation Platform","description":"Transform your business with Yanok AI's enterprise agentic AI platform. Automate workflows, integrate 500+ apps, and unlock unprecedented efficiency with intelligent AI agents.","url":"https://www.yanok.ai","isPartOf":{"@type":"WebSite","name":"Yanok AI","url":"https://www.yanok.ai"}}</script>
140<!----><!----><title>Yanok AI - Enterprise Agentic AI Automation Platform</title>
141		<link href="./_app/immutable/assets/0.CNNpTEQp.css" rel="stylesheet">
142		<link href="./_app/immutable/assets/3.CQmxu2rr.css" rel="stylesheet">
143	</head>
144	<body data-sveltekit-preload-data="hover">
145		<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 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-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-->
145<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 &amp; 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-->
145<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 &amp; 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
145/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><!---->
145 <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"><div class="relative min-h-[85vh] sm:min-h-screen bg-background overflow-hidden"><div class="absolute inset-0 pointer-events-none" aria-hidden="true"><div class="absolute inset-0 gradient-shift" style="background: linear-gradient( 135deg, hsl(var(--background)) 0%, hsl(var(--surface-overlay)) 25%, hsl(var(--background)) 50%, hsl(var(--surface-50)) 75%, hsl(var(--background)) 100% ); background-size: 400% 400%;"></div> <svg class="absolute inset-0 h-full w-full " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.04;"><defs><pattern id="circuit-traces" width="300" height="300" patternUnits="userSpaceOnUse"><path d="M 0 50 H 80 V 120 H 150 V 50 H 220" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.8" opacity="0.5"></path><path d="M 50 0 V 80 H 120 V 200 H 50 V 300" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.6" opacity="0.4"></path><path d="M 150 120 H 250 V 200 H 200" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.5" opacity="0.3"></path><path d="M 220 50 V 180 H 280" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.5" opacity="0.3"></path><path d="M 120 200 H 180 V 260" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.4" opacity="0.25"></path><path d="M 250 200 V 270 H 300" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.4" opacity="0.25"></path><circle cx="80" cy="50" r="2.5" fill="hsl(28, 96%, 57%)" opacity="0.5"></circle>
145<circle cx="80" cy="120" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="150" cy="50" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="150" cy="120" r="2.5" fill="hsl(28, 96%, 57%)" opacity="0.5"></circle><circle cx="220" cy="50" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="50" cy="80" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.5"></circle><circle cx="120" cy="80" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="120" cy="200" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.5"></circle><circle cx="250" cy="200" r="2" fill="hsl(28, 96%, 57%)" opacity="0.4"></circle><circle cx="220" cy="180" r="2" fill="hsl(174, 80%, 40%)" opacity="0.4"></circle><circle cx="150" cy="120" r="4" fill="hsl(28, 96%, 57%)" opacity="0.15"><animate attributeName="opacity" values="0.15;0.35;0.15" dur="4s" repeatCount="indefinite"></animate></circle><circle cx="120" cy="200" r="4" fill="hsl(174, 80%, 40%)" opacity="0.12"><animate attributeName="opacity" values="0.12;0.3;0.12" dur="5s" begin="1.5s" repeatCount="indefinite"></animate></circle><circle cx="0" cy="50" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.3"></circle><circle cx="300" cy="50" r="0" fill="hsl(28, 96%, 57%)" opacity="0"></circle><circle cx="50" cy="0" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.3"></circle><circle cx="50" cy="300" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.3"></circle><circle cx="180" cy="260" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.25"></circle><circle cx="200" cy="200" r="1.5" fill="hsl(28, 96%, 57%)" opacity="0.25"></circle></pattern></defs><rect width="100%" height="100%" fill="url(#circuit-traces)"></rect></svg><!----> <svg class="absolute inset-0 h-full w-full" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="hero-line-grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="hsl(var(--yanok-orange))" stop-opacity="0.15"></stop><stop offset="50%" stop-color="hsl(var(--yanok-teal))" stop-opacity="0.1"></stop><stop offset="100%" stop-color="hsl(var(--yanok-orange))" stop-opacity="0.15"></stop></linearGradient></defs><g opacity="0.2"><line x1="10%" y1="15%" x2="25%" y2="30%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="25%" y1="30%" x2="45%" y2="20%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="45%" y1="20%" x2="65%" y2="35%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="65%" y1="35%" x2="80%" y2="15%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="80%" y1="15%" x2="92%" y2="28%" stroke="url(#hero-line-grad)" stroke-width="0.5"></line><line x1="15%" y1="60%" x2="35%" y2="70%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="35%" y1="70%" x2="55%" y2="55%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="55%" y1="55%" x2="75%" y2="65%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="75%" y1="65%" x2="90%" y2="50%" stroke="url(#hero-line-grad)" stroke-width="0.4"></line><line x1="20%" y1="85%" x2="40%" y2="78%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="40%" y1="78%" x2="60%" y2="88%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="60%" y1="88%" x2="85%" y2="80%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="25%" y1="30%" x2="35%" y2="70%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="65%" y1="35%" x2="55%" y2="55%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line><line x1="75%" y1="65%" x2="85%" y2="80%" stroke="url(#hero-line-grad)" stroke-width="0.3"></line></g><circle cx="10%" cy="15%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.35"><!--[0--><animate attributeName="opacity" values="0.35;0.6;0.35" dur="4s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="25%" cy="30%" r="2.5" fill="hsl(var(--yanok-teal))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="5s" begin="1s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="45%" cy="20%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;
1450.3" dur="3.5s" begin="0.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="65%" cy="35%" r="3" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="6s" begin="2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="80%" cy="15%" r="2" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="4.5s" begin="1.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="92%" cy="28%" r="1.8" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.5s" begin="0.8s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="15%" cy="60%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;0.3" dur="4s" begin="2.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="35%" cy="70%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="5s" begin="0.3s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="55%" cy="55%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.55;0.3" dur="4.2s" begin="1.8s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="75%" cy="65%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.8s" begin="3s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="90%" cy="50%" r="1.8" fill="hsl(var(--yanok-orange))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.5;0.25" dur="4.5s" begin="0.7s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="20%" cy="85%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5s" begin="1.2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="40%" cy="78%" r="1.8" fill="hsl(var(--yanok-orange))" opacity="0.3"><!--[0--><animate attributeName="opacity" values="0.3;0.5;0.3" dur="4s" begin="2.2s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="60%" cy="88%" r="2" fill="hsl(var(--yanok-teal))" opacity="0.2"><!--[0--><animate attributeName="opacity" values="0.2;0.4;0.2" dur="6s" begin="3.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="85%" cy="80%" r="2.5" fill="hsl(var(--yanok-orange))" opacity="0.25"><!--[0--><animate attributeName="opacity" values="0.25;0.45;0.25" dur="5.2s" begin="0.5s" repeatCount="indefinite"></animate><!--]--></circle><circle cx="5%" cy="40%" r="0.8" fill="hsl(var(--foreground))" opacity="0.15"></circle><circle cx="18%" cy="12%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="32%" cy="45%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="50%" cy="8%" r="0.8" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="58%" cy="42%" r="0.6" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="72%" cy="10%" r="0.7" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="88%" cy="40%" r="0.6" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="95%" cy="70%" r="0.8" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="8%" cy="75%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="48%" cy="72%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle><circle cx="70%" cy="90%" r="0.7" fill="hsl(var(--foreground))" opacity="0.12"></circle><circle cx="30%" cy="92%" r="0.6" fill="hsl(var(--foreground))" opacity="0.1"></circle></svg> <div class="absolute rounded-full blur-3xl drift-slow" style="top: 15%; left: 20%; width: 400px; height: 400px; background: radial-gradient(circle, hsl(var(--yanok-orange) / 0.06) 0%, transparent 70%);"></div> <div class="absolute rounded-full blur-3xl drift-slower" style="top: 50%; right: 15%; width: 350px; height: 350px; background: radial-gradient(circle, hsl(var(--yanok-teal) / 0.05) 0%, transparent 70%);"></div> <div class="absolute rounded-full blur-3xl drift-slow" style="bottom: 10%; left: 40%; width: 300px; height: 300px; background: radial-gradient(circle, hsl(var(--yanok-orange) / 0.04) 0%, transparent 70%); animation-delay: -8s;"></div> <svg class="absolute inset-0 h-full w-full opacity-[0.03]" xmlns="http://www.w3.org/2000/svg"><filter id="hero-noise"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"></feTurbulence><feColorMatrix type="saturate" values="0">
145</feColorMatrix></filter><rect width="100%" height="100%" filter="url(#hero-noise)"></rect></svg> <div class="absolute inset-0" style="background: radial-gradient( ellipse 70% 60% at 50% 45%, transparent 0%, hsl(var(--background) / 0.3) 60%, hsl(var(--background) / 0.7) 100% );"></div> <div class="absolute inset-0 bg-gradient-to-t from-background/50 via-transparent to-background/30"></div></div><!----> <div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true"><svg class="absolute top-[12%] right-[8%] w-16 h-16 sm:w-20 sm:h-20 float-slow opacity-[0.07]" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><polygon points="40,4 72,22 72,58 40,76 8,58 8,22" stroke="hsl(var(--yanok-orange))" stroke-width="1" fill="none"></polygon><polygon points="40,16 60,28 60,52 40,64 20,52 20,28" stroke="hsl(var(--yanok-orange))" stroke-width="0.5" fill="none" opacity="0.5"></polygon></svg> <svg class="absolute bottom-[18%] left-[6%] w-24 h-24 sm:w-32 sm:h-32 float-slow opacity-[0.06]" style="animation-delay: -5s;" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="4" stroke="hsl(var(--yanok-teal))" stroke-width="1" fill="none"></circle><circle cx="90" cy="30" r="3" stroke="hsl(var(--yanok-orange))" stroke-width="1" fill="none"></circle><circle cx="60" cy="90" r="5" stroke="hsl(var(--yanok-teal))" stroke-width="1" fill="none"></circle><line x1="34" y1="30" x2="87" y2="30" stroke="hsl(var(--yanok-teal))" stroke-width="0.5"></line><line x1="30" y1="34" x2="60" y2="85" stroke="hsl(var(--yanok-teal))" stroke-width="0.5"></line><line x1="90" y1="33" x2="65" y2="87" stroke="hsl(var(--yanok-orange))" stroke-width="0.5"></line><circle cx="30" cy="30" r="2" fill="hsl(var(--yanok-teal))" opacity="0.4"></circle><circle cx="90" cy="30" r="1.5" fill="hsl(var(--yanok-orange))" opacity="0.4"></circle><circle cx="60" cy="90" r="2.5" fill="hsl(var(--yanok-teal))" opacity="0.4"></circle></svg> <svg class="absolute top-[40%] left-[3%] w-10 h-10 sm:w-14 sm:h-14 float-slow opacity-[0.05]" style="animation-delay: -9s;" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="30" y="4" width="36" height="36" rx="2" transform="rotate(45 30 30)" stroke="hsl(var(--yanok-orange))" stroke-width="0.8" fill="none"></rect></svg> <svg class="absolute bottom-[25%] right-[12%] w-8 h-8 sm:w-12 sm:h-12 float-slow opacity-[0.06]" style="animation-delay: -3s;" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><polygon points="25,3 45,15 45,35 25,47 5,35 5,15" stroke="hsl(var(--yanok-teal))" stroke-width="0.8" fill="none"></polygon></svg></div> <div class="relative z-10 flex flex-col items-center justify-center min-h-[85vh] sm:min-h-screen px-4 sm:px-6 lg:px-8 py-12 sm:py-20 lg:py-24"><div class="w-full max-w-7xl mx-auto text-center"><div class="mb-8 sm:mb-12"><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 border-glow shimmer-line fade-in-up"><!--[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="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> Enterprise Agentic AI Platform</span> <h1 class="font-display font-pixel text-4xl sm:text-5xl lg:text-7xl font-bold text-foreground mb-6 leading-tight tracking-tight fade-in-up stagger-1"><span class="block">Automate Everything</span> <span class="inline-block" style="background: linear-gradient(135deg, hsl(var(--yanok-orange)) 0%, hsl(var(--yanok-teal-light)) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">with AI Agents</span></h1> <p class="text-lg sm:text-xl lg:text-2xl text-muted-foreground max-w-3xl mx-auto leading-relaxed fade-in-up stagger-2">Build intelligent workflows that connect 500+ apps. Let AI agents handle the complexity while you focus on what matters.</p></div> <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 max-w-3xl mx-auto mb-10 fade-in-up stagger-3"><div class="hero-value-card flex items-center justify-center gap-2 text-sm text-muted-foreground rounded-lg px-4 py-3 svelte-1jd3l9l"><div class="w-2 h-2 bg-green-400 rounded-full gentle-pulse"></div> 500+ Integrations</div> <div class="hero-value-card flex items-center justify-center gap-2 text-sm text-muted-foreground rounded-lg px-4 py-3 svelte-1jd3l9l"><div class="w-2 h-2 bg-primary rounded-full gentle-pulse" style="animation-delay: 0.5s;"></div> No-Code AI Workflows</div> <div class="hero-value-card flex items-center justify-center gap-2 text-sm text-muted-foreground rounded-lg px-4 py-3 svelte-1jd3l9l"><div class="w-2 h-2 bg-secondary rounded-full gentle-pulse" style="animation-delay: 1s;"></div> Enterprise-Grade Security</div></div> <div class="flex flex-col sm:flex-row gap-4 justify-center mb-8 sm:mb-10 fade-in-up stagger-4"><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 text-base btn-pixel hover:bg-primary/90 transition-colors shimmer-line">Get Started Free <!--[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">
145<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="./platform" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 font-semibold text-base btn-pixel-outline hover:bg-muted transition-colors">Explore Platform</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-home.avif 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/avif"/> <source srcset="/images/illustrations/hero-home.webp 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/webp"/> <img src="/images/illustrations/hero-home.png" srcset="/images/illustrations/hero-home.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 class="flex justify-center fade-in-up stagger-5"><div class="text-muted-foreground text-xs sm:text-sm bg-card/70 px-4 py-2.5 rounded-full border border-border/40 backdrop-blur-sm">Trusted by enterprise teams across 30+ countries</div></div></div></div></div><!----> <div class="relative w-full overflow-hidden pointer-events-none " style="height: 80px; " aria-hidden="true"><!--[1--><svg class="absolute inset-0 w-full h-full" viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="divider-circuit-line" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0"></stop><stop offset="15%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0.3"></stop><stop offset="50%" stop-color="hsl(174, 80%, 40%)" stop-opacity="0.25"></stop><stop offset="85%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0.3"></stop><stop offset="100%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0"></stop></linearGradient></defs><line x1="0" y1="40" x2="1440" y2="40" stroke="url(#divider-circuit-line)" stroke-width="1"></line><line x1="100" y1="48" x2="1340" y2="48" stroke="url(#divider-circuit-line)" stroke-width="0.4" opacity="0.5"></line><line x1="200" y1="30" x2="200" y2="50" stroke="hsl(28, 96%, 57%)" stroke-width="0.6" opacity="0.2"></line><line x1="440" y1="28" x2="440" y2="52" stroke="hsl(174, 80%, 40%)" stroke-width="0.6" opacity="0.2"></line><line x1="720" y1="25" x2="720" y2="55" stroke="hsl(28, 96%, 57%)" stroke-width="0.6" opacity="0.25"></line><line x1="1000" y1="28" x2="1000" y2="52" stroke="hsl(174, 80%, 40%)" stroke-width="0.6" opacity="0.2"></line><line x1="1240" y1="30" x2="1240" y2="50" stroke="hsl(28, 96%, 57%)" stroke-width="0.6" opacity="0.2"></line><circle cx="200" cy="40" r="3" fill="hsl(28, 96%, 57%)" opacity="0.3"><animate attributeName="opacity" values="0.3;0.6;0.3" dur="3s" repeatCount="indefinite"></animate></circle><circle cx="440" cy="40" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.25"><animate attributeName="opacity" values="0.25;0.5;0.25" dur="4s" begin="1s" repeatCount="indefinite"></animate></circle><circle cx="720" cy="40" r="4" fill="hsl(28, 96%, 57%)" opacity="0.35"><animate attributeName="opacity" values="0.35;0.65;0.35" dur="3.5s" begin="0.5s" repeatCount="indefinite"></animate></circle><circle cx="720" cy="40" r="8" fill="hsl(28, 96%, 57%)" opacity="0.08"><animate attributeName="opacity" values="0.08;0.18;0.08" dur="3.5s" begin="0.5s" repeatCount="indefinite"></animate></circle><circle cx="1000" cy="40" r="2.5" fill="hsl(174, 80%, 40%)" opacity="0.25"><animate attributeName="opacity" values="0.25;0.5;0.25" dur="4.5s" begin="2s" repeatCount="indefinite"></animate></circle><circle cx="1240" cy="40" r="3" fill="hsl(28, 96%, 57%)" opacity="0.3"><animate attributeName="opacity" values="0.3;0.55;0.3" dur="3s" begin="1.5s" repeatCount="indefinite"></animate></circle></svg><!--]--></div><!----> <section class="py-16 sm:py-20 lg:py-24 bg-surface relative overflow-hidden"><svg class="absolute inset-0 h-full w-full pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.03;"><defs><pattern id="dot-grid-sm" width="32" height="32" patternUnits="userSpaceOnUse"><circle cx="16" cy="16" r="0.8" fill="hsl(var(--foreground))" opacity="0.4"></circle></pattern><pattern id="dot-grid-lg" width="96" height="96" patternUnits="userSpaceOnUse"><circle cx="48" cy="48" r="1.4" fill="hsl(var(--foreground))" opacity="0.55"></circle></pattern><pattern id="dot-glow-primary" width="192" height="192" patternUnits="userSpaceOnUse">
145<circle cx="96" cy="96" r="2" fill="hsl(28, 96%, 57%)" opacity="0.3"><animate attributeName="opacity" values="0.3;0.6;0.3" dur="5s" repeatCount="indefinite"></animate></circle><circle cx="96" cy="96" r="6" fill="hsl(28, 96%, 57%)" opacity="0.06"><animate attributeName="opacity" values="0.06;0.15;0.06" dur="5s" repeatCount="indefinite"></animate></circle></pattern><pattern id="dot-glow-secondary" width="192" height="192" patternUnits="userSpaceOnUse" patternTransform="translate(96, 64)"><circle cx="96" cy="96" r="2" fill="hsl(174, 80%, 40%)" opacity="0.25"><animate attributeName="opacity" values="0.25;0.5;0.25" dur="6s" begin="2s" repeatCount="indefinite"></animate></circle><circle cx="96" cy="96" r="6" fill="hsl(174, 80%, 40%)" opacity="0.05"><animate attributeName="opacity" values="0.05;0.12;0.05" dur="6s" begin="2s" repeatCount="indefinite"></animate></circle></pattern></defs><rect width="100%" height="100%" fill="url(#dot-grid-sm)"></rect><rect width="100%" height="100%" fill="url(#dot-grid-lg)"></rect><rect width="100%" height="100%" fill="url(#dot-glow-primary)"></rect><rect width="100%" height="100%" fill="url(#dot-glow-secondary)"></rect></svg><!----> <div class="container mx-auto px-4 sm:px-6"><div class="text-center mb-12 sm:mb-16"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs sm:text-sm font-medium bg-primary/10 text-primary border border-primary/20 mb-6"><!--[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="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> AI-Powered Features</span> <h2 class="font-display font-pixel text-2xl sm:text-3xl lg:text-4xl font-bold text-foreground mb-6 leading-tight">Harness the Power of <span class="text-primary">AI-Driven</span> Integration</h2> <p class="text-base sm:text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed">Yanok transcends traditional automation limits by incorporating AI, offering a smart, versatile platform to integrate end-to-end workflows with simplicity.</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-features-integrations.avif 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/avif"/> <source srcset="/images/illustrations/illustration-features-integrations.webp 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/webp"/> <img src="/images/illustrations/illustration-features-integrations.png" srcset="/images/illustrations/illustration-features-integrations.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-3 gap-4 sm:gap-6 lg:gap-8 mb-12 sm:mb-16"><div class="card-pixel p-6 sm:p-8 hover:border-primary/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/15 mb-4 flex items-center justify-center rounded-lg"><!--[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="M20 2H2v20h2V4h16v12H6v2H4v2h2v-2h16V2h-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">Converse</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Bid farewell to obscure command-line instructions or intricate XML. Yanok utilizes straightforward conversation constructing your workflows.</p></div> <div class="card-pixel p-6 sm:p-8 hover:border-secondary/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-secondary/15 mb-4 flex items-center justify-center rounded-lg"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-secondary" 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">
145<path d="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">Intelligent Workflows</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Optimize and create smarter, not harder, with AI that learns and adapts to your business processes and requirements.</p></div> <div class="card-pixel p-6 sm:p-8 hover:border-accent/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-accent/15 mb-4 flex items-center justify-center rounded-lg"><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-5 h-5 sm:w-6 sm:h-6 text-accent"><!--[--><!----><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><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">Integrations</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Connect your essential web apps easily, empowered by AI to enhance compatibility and functionality across platforms.</p></div> <div class="card-pixel p-6 sm:p-8 hover:border-primary/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/15 mb-4 flex items-center justify-center rounded-lg"><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-check-check w-5 h-5 sm:w-6 sm:h-6 text-primary"><!--[--><!----><path d="M18 6 7 17l-5-5"><!----></path><!----><!----><path d="m22 10-7.5 7.5L13 16"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">Transparency</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Oversee, schedule, and manage your workflows. Gain complete visibility into the progress and logs of your tasks, both current and completed.</p></div> <div class="card-pixel p-6 sm:p-8 hover:border-secondary/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-secondary/15 mb-4 flex items-center justify-center rounded-lg"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-secondary" 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 2h18v20H3V2zm12 16v2h4V4H5v16h4v-2h6zM7 6h2v2H7V6zm6 0h-2v2h2V6zm2 0h2v2h-2V6zm-6 4H7v2h2v-2zm2 0h2v2h-2v-2zm6 0h-2v2h2v-2zM7 14h2v2H7v-2zm6 0h-2v2h2v-2zm4 0h-2v2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">Compatibility</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Wide array of ready-to-use operators for Google Cloud Platform, Amazon Web Services, Microsoft Azure, and more platforms.</p></div> <div class="card-pixel p-6 sm:p-8 hover:border-primary/30 transition-colors"><div class="w-10 h-10 sm:w-12 sm:h-12 bg-primary/15 mb-4 flex items-center justify-center rounded-lg"><!--[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="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-semibold text-foreground mb-2 font-display">User-Friendly</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Engineered for accessibility; anyone with basic business skills can set up a workflow. No coding skills required.</p></div></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8"><div class="card-pixel p-6 text-center hover:border-primary/30 transition-colors"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-primary/15 mx-auto mb-4 flex items-center justify-center rounded-lg"><!--[-1--><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-bold text-foreground mb-3 font-display">Understanding</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Pipelines are crafted in your preferred language, fostering growth and leveraging the best existing solutions to pressing problems.</p></div> <div class="card-pixel p-6 text-center hover:border-secondary/30 transition-colors"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-secondary/15 mx-auto mb-4 flex items-center justify-center rounded-lg"><!--[0--><span class="inline-flex items-center justify-center w-6 h-6 text-secondary" aria-hidden="true"><!--[--><svg width="24" height="24" style="color: currentColor" class="w-6 h-6" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
145<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><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-bold text-foreground mb-3 font-display">Flexible</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed">Define your own operators and augment the library to match your specific needs, achieving the perfect balance of functionality and abstraction.</p></div> <div class="card-pixel p-6 text-center hover:border-accent/30 transition-colors sm:col-span-2 lg:col-span-1"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-accent/15 mx-auto mb-4 flex items-center justify-center rounded-lg"><!--[0--><span class="inline-flex items-center justify-center w-6 h-6 text-accent" aria-hidden="true"><!--[--><svg width="24" height="24" style="color: currentColor" class="w-6 h-6" shape-rendering="crispEdges" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h2v18H3V3zm16 0H5v2h14v14H5v2h16V3h-2zm-8 6h2V7h-2v2zm2 8h-2v-6h2v6z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="text-lg sm:text-xl font-bold text-foreground mb-3 font-display">Knowledgeable</h3> <p class="text-muted-foreground text-sm sm:text-base leading-relaxed max-w-md mx-auto">Your pipelines are streamlined and unambiguous. Built-in intelligent blueprinting leverages a powerful engine for streamlined workflows.</p></div></div></div></section><!----> <div class="relative w-full overflow-hidden pointer-events-none " style="height: 80px; " aria-hidden="true"><!--[0--><svg class="absolute inset-0 w-full h-full" viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="divider-wave-grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0.15"></stop><stop offset="50%" stop-color="hsl(174, 80%, 40%)" stop-opacity="0.12"></stop><stop offset="100%" stop-color="hsl(28, 96%, 57%)" stop-opacity="0.15"></stop></linearGradient></defs><path d="M 0 40 C 240 10, 480 70, 720 40 S 1200 10, 1440 40 L 1440 80 L 0 80 Z" fill="url(#divider-wave-grad)"></path><path d="M 0 50 C 360 20, 720 65, 1080 35 S 1380 50, 1440 45" fill="none" stroke="hsl(174, 80%, 40%)" stroke-width="0.8" opacity="0.15"></path><path d="M 0 55 C 300 30, 600 60, 900 40 S 1300 55, 1440 50" fill="none" stroke="hsl(28, 96%, 57%)" stroke-width="0.5" opacity="0.1"></path></svg><!--]--></div><!----> <section class="py-16 sm:py-20 lg:py-24 bg-elevated relative overflow-hidden"><svg class="absolute inset-0 h-full w-full pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.04;"><defs><pattern id="grid-pattern-fine" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="hsl(var(--foreground))" stroke-width="0.3" opacity="0.4"></path></pattern><pattern id="grid-pattern-major" width="160" height="160" patternUnits="userSpaceOnUse"><path d="M 160 0 L 0 0 0 160" fill="none" stroke="hsl(var(--foreground))" stroke-width="0.6" opacity="0.6"></path></pattern><pattern id="grid-pattern-diagonal" width="200" height="200" patternUnits="userSpaceOnUse"><line x1="0" y1="200" x2="200" y2="0" stroke="hsl(var(--foreground))" stroke-width="0.2" opacity="0.15"></line></pattern><linearGradient id="grid-shimmer" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="hsl(var(--foreground))" stop-opacity="0"></stop><stop offset="40%" stop-color="hsl(var(--foreground))" stop-opacity="0.05"><animate attributeName="stop-opacity" values="0.05;0.12;0.05" dur="8s" repeatCount="indefinite"></animate></stop><stop offset="60%" stop-color="hsl(var(--foreground))" stop-opacity="0.08"><animate attributeName="stop-opacity" values="0.08;0.15;0.08" dur="8s" begin="2s" repeatCount="indefinite"></animate></stop><stop offset="100%" stop-color="hsl(var(--foreground))" stop-opacity="0"></stop></linearGradient></defs><rect width="100%" height="100%" fill="url(#grid-pattern-fine)"></rect><rect width="100%" height="100%" fill="url(#grid-pattern-major)"></rect><rect width="100%" height="100%" fill="url(#grid-pattern-diagonal)"></rect><rect width="100%" height="100%" fill="url(#grid-shimmer)"></rect></svg><!----> <div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="text-center mb-12 sm:mb-16"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs sm:text-sm font-medium bg-secondary/10 text-secondary border border-secondary/20 mb-6"><!--[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">
145<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><!--]--><!----> Market Opportunity</span> <h2 class="font-pixel text-2xl sm:text-3xl lg:text-4xl font-bold text-foreground mb-6 leading-tight">Capturing a Growing Market</h2> <p class="text-base sm:text-lg text-muted-foreground max-w-3xl mx-auto leading-relaxed">The application integration market is projected to surpass $115 billion by 2035 and 70% of new enterprise apps will use no-code/low-code by 2026. Yanok is positioned at the epicenter of this transformation.</p></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 lg:gap-8 mb-12 sm:mb-16"><div class="card-pixel p-6 hover:border-primary/50 transition-colors text-center"><div class="w-12 h-12 bg-primary/10 rounded-lg mx-auto mb-4 flex items-center justify-center"><!--[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="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><!--]--><!----></div> <div class="text-3xl font-bold text-foreground mb-2">$115B+</div> <div class="text-sm text-muted-foreground mb-1">Integration Market by 2035</div> <div class="text-xs text-muted-foreground/70">GlobeNewsWire 2026</div></div> <div class="card-pixel p-6 hover:border-secondary/50 transition-colors text-center"><div class="w-12 h-12 bg-secondary/10 rounded-lg mx-auto mb-4 flex items-center justify-center"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-secondary" 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="M18 2H6v2H4v2H2v12h2v2h2v2h12v-2h2v-2h2V6h-2V4h-2V2zm0 2v2h2v12h-2v2H6v-2H4V6h2V4h12zm-8 6h4v4h-4v-4zM8 6h8v2H8V6zm0 10H6V8h2v8zm8 0v2H8v-2h8zm0 0h2V8h-2v8z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <div class="text-3xl font-bold text-foreground mb-2">70%</div> <div class="text-sm text-muted-foreground mb-1">New Apps via No-Code/Low-Code</div> <div class="text-xs text-muted-foreground/70">Gartner 2026</div></div> <div class="card-pixel p-6 hover:border-accent/50 transition-colors text-center"><div class="w-12 h-12 bg-accent/10 rounded-lg mx-auto mb-4 flex items-center justify-center"><!--[-1--><!--]--><!----></div> <div class="text-3xl font-bold text-foreground mb-2">65%</div> <div class="text-sm text-muted-foreground mb-1">Enterprises Using AI in Operations</div> <div class="text-xs text-muted-foreground/70">Industry Report 2026</div></div> <div class="card-pixel p-6 hover:border-primary/50 transition-colors text-center"><div class="w-12 h-12 bg-primary/10 rounded-lg mx-auto mb-4 flex items-center justify-center"><!--[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="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <div class="text-3xl font-bold text-foreground mb-2">Agentic</div> <div class="text-sm text-muted-foreground mb-1">Commerce: The Next Frontier</div> <div class="text-xs text-muted-foreground/70">Autonomous Workflows</div></div></div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 sm:gap-10 lg:gap-12 items-center"><div><h3 class="text-2xl sm:text-3xl font-bold text-foreground mb-6">Unique Market Position</h3> <div class="space-y-4"><div class="flex items-start space-x-3"><div class="w-2 h-2 bg-teal-400 rounded-full mt-2 shrink-0"></div> <div><span class="font-semibold text-foreground block mb-1">First-Mover in AI-Native Integration</span> <span class="text-muted-foreground">Unlike legacy platforms, Yanok is built AI-first from the ground up</span></div></div> <div class="flex items-start space-x-3"><div class="w-2 h-2 bg-green-400 rounded-full mt-2 shrink-0"></div> <div><span class="font-semibold text-foreground block mb-1">Highly Scalable Architecture</span> <span class="text-muted-foreground">Modular design enables enterprise-scale deployment</span></div></div> <div class="flex items-start space-x-3"><div class="w-2 h-2 bg-orange-400 rounded-full mt-2 shrink-0"></div> <div><span class="font-semibold text-foreground block mb-1">Conversational Interface Revolution</span> <span class="text-muted-foreground">No-code becomes no-interface with natural language workflows</span></div></div></div></div> <div class="card-pixel p-8"><h4 class="text-foreground text-2xl font-bold flex items-center mb-6"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mr-3"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-secondary" 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">
145<path d="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> Investment Highlights</h4> <div class="space-y-4"><div class="flex justify-between items-center py-2 border-b border-border/50"><span class="text-muted-foreground">Total Addressable Market</span> <span class="text-foreground font-bold">$115B+ by 2035</span></div> <div class="flex justify-between items-center py-2 border-b border-border/50"><span class="text-muted-foreground">No-Code Adoption</span> <span class="text-green-400 font-bold">70% of New Apps</span></div> <div class="flex justify-between items-center py-2 border-b border-border/50"><span class="text-muted-foreground">Competitive Moat</span> <span class="text-teal-400 font-bold">AI-Native</span></div> <div class="flex justify-between items-center py-2"><span class="text-muted-foreground">Scalability Potential</span> <span class="text-orange-400 font-bold">Enterprise-Scale</span></div> <a href="./investors" class="flex items-center justify-center gap-2 w-full mt-6 px-6 py-3 font-semibold btn-pixel hover:bg-primary/90 transition-colors">Learn More <!--[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></div></div></div></div></section><!----> <div class="relative w-full overflow-hidden pointer-events-none " style="height: 80px; " aria-hidden="true"><!--[3--><svg class="absolute inset-0 w-full h-full" viewBox="0 0 1440 80" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><!--[--><circle cx="15" cy="20" r="1" fill="hsl(28, 96%, 57%)" opacity="0.06"></circle><circle cx="52" cy="43" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.07"></circle><circle cx="89" cy="26" r="2" fill="hsl(174, 80%, 40%)" opacity="0.08"></circle><circle cx="126" cy="49" r="1" fill="hsl(28, 96%, 57%)" opacity="0.09"></circle><circle cx="163" cy="32" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.11"></circle><circle cx="200" cy="55" r="2" fill="hsl(174, 80%, 40%)" opacity="0.12"></circle><circle cx="237" cy="38" r="1" fill="hsl(28, 96%, 57%)" opacity="0.13"></circle><circle cx="274" cy="21" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.15"></circle><circle cx="311" cy="44" r="2" fill="hsl(174, 80%, 40%)" opacity="0.16"></circle><circle cx="348" cy="27" r="1" fill="hsl(28, 96%, 57%)" opacity="0.17"></circle><circle cx="385" cy="50" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.18"></circle><circle cx="422" cy="33" r="2" fill="hsl(174, 80%, 40%)" opacity="0.20"></circle><circle cx="459" cy="56" r="1" fill="hsl(28, 96%, 57%)" opacity="0.21"></circle><circle cx="496" cy="39" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.22"></circle><circle cx="533" cy="22" r="2" fill="hsl(174, 80%, 40%)" opacity="0.24"></circle><circle cx="570" cy="45" r="1" fill="hsl(28, 96%, 57%)" opacity="0.25"></circle><circle cx="607" cy="28" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.26"></circle><circle cx="644" cy="51" r="2" fill="hsl(174, 80%, 40%)" opacity="0.27"></circle><circle cx="681" cy="34" r="1" fill="hsl(28, 96%, 57%)" opacity="0.29"></circle><circle cx="718" cy="57" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.30"></circle><circle cx="755" cy="40" r="2" fill="hsl(174, 80%, 40%)" opacity="0.29"></circle><circle cx="792" cy="23" r="1" fill="hsl(28, 96%, 57%)" opacity="0.27"></circle><circle cx="829" cy="46" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.26"></circle><circle cx="866" cy="29" r="2" fill="hsl(174, 80%, 40%)" opacity="0.25"></circle><circle cx="903" cy="52" r="1" fill="hsl(28, 96%, 57%)" opacity="0.24"></circle><circle cx="940" cy="35" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.22"></circle><circle cx="977" cy="58" r="2" fill="hsl(174, 80%, 40%)" opacity="0.21"></circle>
145<circle cx="1014" cy="41" r="1" fill="hsl(28, 96%, 57%)" opacity="0.20"></circle><circle cx="1051" cy="24" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.19"></circle><circle cx="1088" cy="47" r="2" fill="hsl(174, 80%, 40%)" opacity="0.17"></circle><circle cx="1125" cy="30" r="1" fill="hsl(28, 96%, 57%)" opacity="0.16"></circle><circle cx="1162" cy="53" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.15"></circle><circle cx="1199" cy="36" r="2" fill="hsl(174, 80%, 40%)" opacity="0.13"></circle><circle cx="1236" cy="59" r="1" fill="hsl(28, 96%, 57%)" opacity="0.12"></circle><circle cx="1273" cy="42" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.11"></circle><circle cx="1310" cy="25" r="2" fill="hsl(174, 80%, 40%)" opacity="0.10"></circle><circle cx="1347" cy="48" r="1" fill="hsl(28, 96%, 57%)" opacity="0.08"></circle><circle cx="1384" cy="31" r="1.5" fill="hsl(174, 80%, 40%)" opacity="0.07"></circle><circle cx="1421" cy="54" r="2" fill="hsl(174, 80%, 40%)" opacity="0.06"></circle><circle cx="18" cy="37" r="1" fill="hsl(28, 96%, 57%)" opacity="0.06"></circle><!--]--><line x1="200" y1="40" x2="1240" y2="40" stroke="hsl(var(--foreground))" stroke-width="0.3" opacity="0.06" stroke-dasharray="4 8"></line></svg><!--]--></div><!----> <section class="py-16 sm:py-20 lg:py-24 bg-surface"><div class="max-w-4xl mx-auto px-4 sm:px-6 text-center"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs sm:text-sm font-medium bg-primary/10 text-primary border border-primary/20 mb-6"><!--[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="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> Exclusive Access</span> <h2 class="font-pixel text-2xl sm:text-3xl font-bold text-foreground leading-tight mb-6 sm:mb-8">Join the <span class="text-primary">Exclusive</span> Yanok Community</h2> <p class="text-lg sm:text-xl text-muted-foreground mb-12 max-w-3xl mx-auto">Be among the select few who shape the future of AI-powered enterprise integration. Secure your exclusive early access and be part of the selected few who redefine how work gets done.</p> <div class="card-pixel p-8 mb-12"><h3 class="text-foreground text-2xl font-bold mb-6">Request an Invitation</h3> <div><!--[-1--><form method="POST" action="/newsletter?/subscribe" class="flex flex-col sm:flex-row gap-3 max-w-md mx-auto"><label for="newsletter-email" class="sr-only">Request an Invitation</label> <input id="newsletter-email" name="email" type="email" required="" placeholder="Enter your email address" value="" aria-invalid="false" class="flex-1 px-4 py-2.5 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50" aria-label="Email address"/> <button type="submit" class="btn-pixel px-6 py-2.5 disabled:opacity-50 disabled:cursor-not-allowed"><!--[-1-->Subscribe for Updates<!--]--></button></form> <!--[-1--><!--]--><!--]--></div><!----> <p class="text-muted-foreground/70 text-sm mt-4">We value your privacy. Opt-out anytime. Enterprise-grade security guaranteed.</p></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="text-center"><div class="w-12 h-12 bg-primary/10 rounded-lg mx-auto mb-3 flex items-center justify-center"><!--[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="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <div class="text-2xl font-bold text-foreground mb-1">500+</div> <div class="text-muted-foreground">Enterprise Leaders</div></div> <div class="text-center"><div class="w-12 h-12 bg-accent/10 rounded-lg mx-auto mb-3 flex items-center justify-center"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-accent" 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">
145<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><!--]--><!----></div> <div class="text-2xl font-bold text-foreground mb-1">50+</div> <div class="text-muted-foreground">Fortune 500 CTOs</div></div> <div class="text-center"><div class="w-12 h-12 bg-secondary/10 rounded-lg mx-auto mb-3 flex items-center justify-center"><!--[0--><span class="inline-flex items-center justify-center w-5 h-5 text-secondary" 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="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <div class="text-2xl font-bold text-foreground mb-1">Modular</div> <div class="text-muted-foreground">Design Architecture</div></div></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--><!--]--><!--]-->
146			
147			
147<script>
148				{
149					__sveltekit_17lk6jg = {
150						base: new URL(".", location).pathname.slice(0, -1),
151						env: null
152					};
153
154					const element = document.currentScript.parentElement;
155
156					import("./_app/env.js").then(({ env }) => {
157						__sveltekit_17lk6jg.env = env;
158
159						Promise.all([
160							import("./_app/immutable/entry/start.C0RatZ92.js"),
161							import("./_app/immutable/entry/app.CN6GikW_.js")
162						]).then(([kit, app]) => {
163							kit.start(app, element, {
164									node_ids: [0, 3],
165									data: [null,null],
166									form: null,
167									error: null
168								});
169						});
170					});
171				}
172			</script>
172
173		</div>
174	</body>
175</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.