PageSourceSearch

https://yanok.ai/integrations

html yanok.ai collected 2026-10-05 14:38:22 UTC 741,238 bytes, 171 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/22.CEtNV2h1.js" rel="modulepreload">
95		<link href="./_app/immutable/chunks/BxM3xpEw.js" rel="modulepreload">
96		<link href="./_app/immutable/chunks/CyjFaYPG.js" rel="modulepreload">
97		<link href="./_app/immutable/chunks/CYiapCR7.js" rel="modulepreload">
98		<link href="./_app/immutable/chunks/D0T9t0sD.js" rel="modulepreload">
99		<link href="./_app/immutable/chunks/CpWhE398.js" rel="modulepreload">
100		<link href="./_app/immutable/chunks/DaKR3ZoL.js" rel="modulepreload">
101		<link href="./_app/immutable/chunks/CtgGnEb9.js" rel="modulepreload">
102		<link href="./_app/immutable/chunks/D39W6VI3.js" rel="modulepreload">
103		<link href="./_app/immutable/chunks/BWHjj4Sn.js" rel="modulepreload">
104		<link href="./_app/immutable/chunks/T8_RqQZ_.js" rel="modulepreload">
105		<link href="./_app/immutable/chunks/C4YlsHQf.js" rel="modulepreload">
106		<link href="./_app/immutable/chunks/xN-vnU_t.js" rel="modulepreload">
107		<link href="./_app/immutable/chunks/D3RGTlHS.js" rel="modulepreload">
108		<link href="./_app/env.js" rel="modulepreload">
109		<!--1funsus--><!--[-1--><!--]--> <!---->
109<script>(function setInitialMode({ defaultMode = "system", themeColors: themeColors2, darkClassNames: darkClassNames2 = ["dark"], lightClassNames: lightClassNames2 = [], defaultTheme = "", modeStorageKey: modeStorageKey2 = "mode-watcher-mode", themeStorageKey: themeStorageKey2 = "mode-watcher-theme" }) {
110  const rootEl = document.documentElement;
111  const mode = localStorage.getItem(modeStorageKey2) ?? defaultMode;
112  const theme = localStorage.getItem(themeStorageKey2) ?? defaultTheme;
113  const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches;
114  if (light) {
115    if (darkClassNames2.length)
116      rootEl.classList.remove(...darkClassNames2.filter(Boolean));
117    if (lightClassNames2.length)
118      rootEl.classList.add(...lightClassNames2.filter(Boolean));
119  } else {
120    if (lightClassNames2.length)
121      rootEl.classList.remove(...lightClassNames2.filter(Boolean));
122    if (darkClassNames2.length)
123      rootEl.classList.add(...darkClassNames2.filter(Boolean));
124  }
125  rootEl.style.colorScheme = light ? "light" : "dark";
126  if (themeColors2) {
127    const themeMetaEl = document.querySelector('meta[name="theme-color"]');
128    if (themeMetaEl) {
129      themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark);
130    }
131  }
132  if (theme) {
133    rootEl.setAttribute("data-theme", theme);
134    localStorage.setItem(themeStorageKey2, theme);
135  }
136  localStorage.setItem(modeStorageKey2, mode);
137})({"defaultMode":"dark","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
137<!----><!----><!--1xg1a3p--><meta name="description" content="Connect Yanok AI with 500+ apps and services. Explore agentic integrations for communication, development, data, cloud, and productivity tools."/> <!--[0--><meta name="keywords" content="AI integrations, app connections, workflow automation, API integrations, enterprise integrations"/><!--]--> <link rel="canonical" href="https://www.yanok.ai/integrations"/> <!--[-1--><!--]--> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.yanok.ai/integrations"/> <meta property="og:title" content="Integrations - 500+ App Connections | Yanok AI"/> <meta property="og:description" content="Connect Yanok AI with 500+ apps and services. Explore agentic integrations for communication, development, data, cloud, and productivity tools."/> <meta property="og:image" content="https://www.yanok.ai/images/og/integrations.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/integrations"/> <meta name="twitter:title" content="Integrations - 500+ App Connections | Yanok AI"/> <meta name="twitter:description" content="Connect Yanok AI with 500+ apps and services. Explore agentic integrations for communication, development, data, cloud, and productivity tools."/> <meta name="twitter:image" content="https://www.yanok.ai/images/og/integrations.png"/> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><link rel="alternate" hreflang="x-default" href="https://www.yanok.ai/integrations"/> <!--[--><link rel="alternate" hreflang="en" href="https://www.yanok.ai/integrations"/> <link rel="alternate" hreflang="en-US" href="https://www.yanok.ai/integrations"/><link rel="alternate" hreflang="es" href="https://www.yanok.ai/integrations?lang=es"/> <link rel="alternate" hreflang="es-ES" href="https://www.yanok.ai/integrations?lang=es"/><link rel="alternate" hreflang="fr" href="https://www.yanok.ai/integrations?lang=fr"/> <link rel="alternate" hreflang="fr-FR" href="https://www.yanok.ai/integrations?lang=fr"/><link rel="alternate" hreflang="de" href="https://www.yanok.ai/integrations?lang=de"/> <link rel="alternate" hreflang="de-DE" href="https://www.yanok.ai/integrations?lang=de"/><!--]--><!--]--><!----><!--1b58emg--><!---->
137<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":"Integrations","item":"https://www.yanok.ai/integrations"}]}</script>
137<!----><!----><!--kimn5s--><!---->
137<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Integrations - 500+ App Connections","description":"Connect Yanok AI with 500+ apps and services. Explore agentic integrations for communication, development, data, cloud, and productivity tools.","url":"https://www.yanok.ai/integrations","isPartOf":{"@type":"WebSite","name":"Yanok AI","url":"https://www.yanok.ai"}}</script>
137<!----><!----><title>Integrations - 500+ App Connections | Yanok AI</title>
138		<link href="./_app/immutable/assets/0.CNNpTEQp.css" rel="stylesheet">
139	</head>
140	<body data-sveltekit-preload-data="hover">
141		<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 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-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-->
141<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-->
141<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
141/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><!---->
141 <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 overflow-hidden "><div class="absolute inset-0"><div class="absolute inset-0 constellation-slow-orbit" style="opacity: 0.02;"><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: 120px 120px, 160px 160px"></div></div> <div class="absolute inset-0 constellation-orbit-reverse" style="opacity: 0.015;"><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: 100px 100px, 140px 140px"></div></div> <div class="absolute inset-0 constellation-orbit" style="opacity: 0.01;"><div class="absolute inset-0" style="background-image: linear-gradient(30deg, transparent 48%, hsl(var(--yanok-orange) / 0.1) 50%, transparent 52%), linear-gradient(150deg, transparent 48%, hsl(var(--yanok-teal) / 0.08) 50%, transparent 52%); background-size: 200px 200px, 240px 240px"></div></div></div> <div class="hidden sm:block"><div class="absolute top-1/4 left-1/4"><div class="constellation-light h-2 w-2 constellation-slow-orbit rounded-full bg-primary/20"></div></div> <div class="absolute top-1/4 right-1/4"><div class="constellation-light h-2 w-2 constellation-orbit-reverse rounded-full bg-accent/20"></div></div> <div class="absolute bottom-1/4 left-1/4"><div class="constellation-light h-1.5 w-1.5 constellation-orbit rounded-full bg-secondary/20"></div></div> <div class="absolute bottom-1/4 right-1/4"><div class="constellation-light h-1.5 w-1.5 constellation-slow-orbit rounded-full bg-secondary/20"></div></div> <div class="absolute top-[12.5%] left-1/3"><div class="constellation-light h-1 w-1 gentle-pulse rounded-full bg-primary/30"></div></div>
141 <div class="absolute bottom-[12.5%] right-1/3"><div class="constellation-light h-1 w-1 subtle-twinkle rounded-full bg-accent/30"></div></div></div> <div class="block sm:hidden"><div class="absolute top-1/3 left-[20%]"><div class="constellation-light h-1.5 w-1.5 constellation-slow-orbit rounded-full bg-primary/25"></div></div> <div class="absolute bottom-2/3 right-[20%]"><div class="constellation-light h-1.5 w-1.5 constellation-orbit rounded-full bg-accent/25"></div></div></div> <div class="absolute top-[20%] right-[16.67%] h-64 w-64 rounded-full bg-yanok-orange/[0.01] sm:h-80 sm:w-80 md:h-96 md:w-96 lens-bokeh constellation-slow-orbit" style="opacity: 0.015;"></div> <div class="absolute bottom-[20%] left-[16.67%] h-48 w-48 rounded-full bg-yanok-teal/[0.008] sm:h-64 sm:w-64 md:h-80 md:w-80 lens-bokeh constellation-orbit-reverse" style="opacity: 0.015;"></div> <div class="absolute top-1/2 right-1/4 h-32 w-32 rounded-full bg-yanok-orange/[0.006] sm:h-40 sm:w-40 md:h-48 md:w-48 lens-bokeh constellation-orbit" style="opacity: 0.015;"></div> <div class="absolute top-1/3 left-[20%] h-48 w-48 rounded-full bg-yanok-orange/[0.015] blur-3xl sm:h-64 sm:w-64 md:h-80 md:w-80 constellation-slow-orbit" style="opacity: 0.02;"></div> <div class="absolute bottom-1/3 right-[20%] h-40 w-40 rounded-full bg-yanok-teal/[0.012] blur-3xl sm:h-56 sm:w-56 md:h-72 md:w-72 constellation-orbit-reverse" style="opacity: 0.02;"></div> <div class="absolute top-2/3 left-1/2 h-32 w-32 rounded-full bg-yanok-teal/[0.008] blur-2xl sm:h-40 sm:w-40 md:h-52 md:w-52 constellation-orbit" style="opacity: 0.02;"></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-plug w-3.5 h-3.5"><!--[--><!----><path d="M12 22v-5"><!----></path><!----><!----><path d="M15 8V2"><!----></path><!----><!----><path d="M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z"><!----></path><!----><!----><path d="M9 8V2"><!----></path><!----><!--]--><!----><!----></svg><!----> 500+ Integrations</span> <h1 class="font-display font-pixel text-4xl sm:text-5xl font-bold text-foreground mb-6 leading-tight">Connect <span class="text-primary">Everything</span></h1> <p class="text-lg sm:text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">Seamlessly integrate with 523+ apps and services. AI-powered connectors that understand your data and adapt to your workflows.</p> <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-integrations.avif 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/avif"/> <source srcset="/images/illustrations/hero-integrations.webp 800w" sizes="(max-width: 768px) 100vw, 800px" type="image/webp"/> <img src="/images/illustrations/hero-integrations.png" srcset="/images/illustrations/hero-integrations.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"><div class="max-w-7xl mx-auto px-4 sm:px-6"><div class="text-center mb-12"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-4">Agentic Integrations</h2> <p class="text-muted-foreground max-w-2xl mx-auto">AI-native connectors with autonomous capabilities across key categories.</p></div> <div class="space-y-12"><!--[--><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> Communication</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-4.5 h-4.5 text-primary"><!--[--><!----><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><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Slack</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Team messaging and real-time collaboration with intelligent workflow automation</p> <ul class="space-y-1"><!--[-->
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated message routing and smart notifications</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> AI-powered meeting summaries and action items</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-4.5 h-4.5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Microsoft Teams</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise communication and meetings with AI-enhanced collaboration</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Smart meeting transcription and insights</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated task creation from conversations</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-4.5 h-4.5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Email (Gmail/Outlook)</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email management and automation with intelligent processing</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Smart email categorization and prioritization</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated response generation and scheduling</li>
141<!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-4.5 h-4.5 text-primary"><!--[--><!----><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><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Discord</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Community and team communication with automated moderation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> AI-powered community moderation</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated role assignment and permissions</li><!--]--></ul></div><!--]--></div></div><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> Development</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-github w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"><!----></path><!----><!----><path d="M9 18c-4.51 2-5-2-7-2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">GitHub</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Code repository and collaboration with intelligent DevOps automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated code review and quality analysis</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent issue triage and assignment</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-branch w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M15 6a9 9 0 0 0-9 9V3"><!----></path><!----><!----><circle cx="18" cy="6" r="3"><!----></circle><!----><!----><circle cx="6" cy="18" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">GitLab</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">DevOps platform and CI/CD with intelligent automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated merge request analysis</li>
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent deployment strategies</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-terminal w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M12 19h8"><!----></path><!----><!----><path d="m4 17 6-6-6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">VS Code/IDE Integration</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Direct code editing capabilities with AI assistance</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent code completion and suggestions</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated refactoring and optimization</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-container w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"><!----></path><!----><!----><path d="M10 21.9V14L2.1 9.1"><!----></path><!----><!----><path d="m10 14 11.9-6.9"><!----></path><!----><!----><path d="M14 19.8v-8.1"><!----></path><!----><!----><path d="M18 17.5V9.4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Docker</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Container management and deployment with intelligent orchestration</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated container optimization</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent resource allocation</li><!--]--></ul></div><!--]--></div></div><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> Data &amp; Databases</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-4.5 h-4.5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">PostgreSQL</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Relational database queries and management with intelligent optimization</p> <ul class="space-y-1"><!--[-->
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated query optimization and indexing</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent data migration and backup</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-4.5 h-4.5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">MongoDB</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">NoSQL database operations with intelligent data management</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated document schema optimization</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent aggregation pipeline creation</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-search w-4.5 h-4.5 text-primary"><!--[--><!----><path d="m21 21-4.34-4.34"><!----></path><!----><!----><circle cx="11" cy="11" r="8"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Elasticsearch</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Search and analytics engine with intelligent indexing</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated index optimization and management</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent query enhancement and suggestions</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-4.5 h-4.5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Vector Databases (Pinecone/Chroma)</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Embeddings and semantic search with intelligent retrieval</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated embedding generation and optimization</li>
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent similarity search and ranking</li><!--]--></ul></div><!--]--></div></div><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> Cloud Infrastructure</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">AWS</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud services and resource management with intelligent automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated resource scaling and optimization</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent cost management and recommendations</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Google Cloud Platform</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud infrastructure and services with intelligent management</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated ML model deployment and scaling</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent data pipeline orchestration</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-4.5 h-4.5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Kubernetes</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Container orchestration with intelligent automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated pod scaling and resource management</li>
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent service mesh configuration</li><!--]--></ul></div><!--]--></div></div><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> Productivity</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Jira</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Issue tracking and project management with intelligent automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated issue prioritization and assignment</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent sprint planning and estimation</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Linear</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern issue tracking with intelligent workflow management</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated issue categorization and labeling</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent cycle planning and optimization</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Notion</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Documentation and knowledge management with intelligent organization</p> <ul class="space-y-1"><!--[-->
141<li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated content organization and tagging</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent document generation and updates</li><!--]--></ul></div><!--]--></div></div><div><h3 class="text-xl font-semibold text-foreground mb-6 flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-primary"></div> File Systems</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-folder w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Google Drive</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">File storage and document access with intelligent management</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated file organization and tagging</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent content analysis and insights</li><!--]--></ul></div><div class="card-pixel p-5 hover:border-primary/30 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-9 h-9 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-folder w-4.5 h-4.5 text-primary"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm">Local Filesystem</h4></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Direct file system operations with intelligent automation</p> <ul class="space-y-1"><!--[--><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Automated file organization and cleanup</li><li class="text-xs text-muted-foreground/80 flex items-start gap-1.5"><div class="w-1 h-1 rounded-full bg-primary/60 mt-1.5 shrink-0"></div> Intelligent backup and synchronization</li><!--]--></ul></div><!--]--></div></div><!--]--></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="text-center mb-8"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-4">MCP Servers</h2> <p class="text-muted-foreground max-w-2xl mx-auto">Model Context Protocol servers for advanced AI agent capabilities.</p></div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4"><!--[--><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-folder w-5 h-5 text-secondary"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Filesystem MCP</h4> <p class="text-muted-foreground text-xs">Secure file operations with configurable access controls</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-github w-5 h-5 text-secondary"><!--[--><!----><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"><!----></path><!----><!----><path d="M9 18c-4.51 2-5-2-7-2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">GitHub MCP</h4> <p class="text-muted-foreground text-xs">Repository access, code searching, and issue management</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-message-square w-5 h-5 text-secondary"><!--[--><!----><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><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Slack MCP</h4> <p class="text-muted-foreground text-xs">Workspace interaction and channel management</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-folder w-5 h-5 text-secondary"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Google Drive MCP</h4> <p class="text-muted-foreground text-xs">
141Document search and Google Workspace integration</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-database w-5 h-5 text-secondary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">PostgreSQL MCP</h4> <p class="text-muted-foreground text-xs">Database schema inspection and query execution</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-search w-5 h-5 text-secondary"><!--[--><!----><path d="m21 21-4.34-4.34"><!----></path><!----><!----><circle cx="11" cy="11" r="8"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Brave Search MCP</h4> <p class="text-muted-foreground text-xs">Web and local search using Brave's Search API</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-git-branch w-5 h-5 text-secondary"><!--[--><!----><path d="M15 6a9 9 0 0 0-9 9V3"><!----></path><!----><!----><circle cx="18" cy="6" r="3"><!----></circle><!----><!----><circle cx="6" cy="18" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Git MCP</h4> <p class="text-muted-foreground text-xs">Repository operations and version control management</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-5 h-5 text-secondary"><!--[--><!----><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><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Fetch MCP</h4> <p class="text-muted-foreground text-xs">Web content fetching and conversion for LLM processing</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-container w-5 h-5 text-secondary"><!--[--><!----><path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"><!----></path><!----><!----><path d="M10 21.9V14L2.1 9.1"><!----></path><!----><!----><path d="m10 14 11.9-6.9"><!----></path><!----><!----><path d="M14 19.8v-8.1"><!----></path><!----><!----><path d="M18 17.5V9.4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Docker MCP</h4> <p class="text-muted-foreground text-xs">Container, image, and network management</p></div><div class="card-pixel p-4 text-center hover:border-secondary/30 transition-colors"><div class="w-10 h-10 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-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-map w-5 h-5 text-secondary"><!--[--><!----><path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"><!----></path><!----><!----><path d="M15 5.764v15"><!----></path><!----><!----><path d="M9 3.236v15"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <h4 class="font-semibold text-foreground text-sm mb-1">Google Maps MCP</h4> <p class="text-muted-foreground text-xs">Location services and geographic data access</p></div><!--]--></div></div></section> <section class="py-12 sm:py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6"><h2 class="font-display font-pixel text-xl sm:text-2xl font-bold text-foreground mb-6 sm:mb-8 text-center">Browse All Integrations</h2> <div class="flex flex-col sm:flex-row gap-4 mb-8"><div class="relative flex-1"><!--[0--><span class="inline-flex items-center justify-center w-3 h-3 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" 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">
141<path d="M6 2h8v2H6V2zM4 6V4h2v2H4zm0 8H2V6h2v8zm2 2H4v-2h2v2zm8 0v2H6v-2h8zm2-2h-2v2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2v-2zm0-8h2v8h-2V6zm0 0V4h-2v2h2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----> <input type="text" placeholder="Search integrations..." value="" aria-label="Search integrations" class="w-full pl-10 pr-4 py-3 bg-card border border-border text-foreground placeholder-muted-foreground rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50"/></div> <select aria-label="Filter integrations by category" class="px-4 py-3 bg-card border border-border text-foreground rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50"><!--[--><option value="All" selected="">All</option><option value="CRM &amp; Sales">CRM &amp; Sales</option><option value="Communication">Communication</option><option value="Email &amp; Marketing">Email &amp; Marketing</option><option value="Productivity">Productivity</option><option value="E-commerce">E-commerce</option><option value="Cloud Storage">Cloud Storage</option><option value="Social Media">Social Media</option><option value="Project Management">Project Management</option><option value="Customer Support">Customer Support</option><option value="Marketing">Marketing</option><option value="Finance">Finance</option><option value="Developer Tools">Developer Tools</option><option value="HR &amp; Recruiting">HR &amp; Recruiting</option><option value="Analytics &amp; BI">Analytics &amp; BI</option><option value="Security &amp; Compliance">Security &amp; Compliance</option><option value="AI &amp; Machine Learning">AI &amp; Machine Learning</option><!--]--></select></div> <!--[0--><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"><!--[--><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesforce</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Connect with the world's #1 CRM platform for seamless lead and customer management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">HubSpot</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Integrate with HubSpot's inbound marketing and sales platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pipedrive</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales-focused CRM built by salespeople for sales teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zoho CRM</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Comprehensive CRM solution with AI-powered sales assistance and multichannel engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Freshsales</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered CRM with built-in phone, email, and lead scoring capabilities.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Close</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">CRM built for inside sales teams with powerful calling and email automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Copper</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Google Workspace-native CRM that works seamlessly within Gmail and Calendar.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Insightly</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern CRM with project management and marketing automation built in.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Nimble</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social CRM that automatically enriches contact profiles from social networks.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Nutshell</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Growth-focused CRM with powerful sales automation and reporting.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesflare</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Intelligent CRM that auto-fills your address book and keeps track of interactions.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Agile CRM</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one CRM with sales, marketing, and service automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Keap</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">CRM and sales automation platform designed for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zendesk Sell</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales CRM with unified customer view and smart selling tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SugarCRM</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Highly customizable CRM platform for enterprise sales teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Dynamics 365</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise CRM with deep Microsoft ecosystem integration and AI insights.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Oracle Sales Cloud</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise sales automation with AI-driven recommendations and analytics.</p> <div class="flex items-center justify-between">
141<span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SAP Sales Cloud</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Intelligent sales automation integrated with SAP business suite.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Apollo.io</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales intelligence platform with B2B database and engagement tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Outreach</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales engagement platform that accelerates revenue growth.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SalesLoft</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Revenue workflow platform for modern sales teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gong</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Revenue intelligence platform that captures customer interactions.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Clearbit</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B data enrichment platform for sales and marketing teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ZoomInfo</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B database and intelligence platform for go-to-market teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LinkedIn Sales Navigator</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Advanced lead and company search with relationship insights.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lusha</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B contact data platform for accurate prospect information.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Seamless.AI</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Real-time B2B contact search engine powered by AI.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LeadIQ</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Prospecting platform that captures leads from LinkedIn.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Reply.io</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered sales engagement with multichannel outreach.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lemlist</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Personalized cold email and LinkedIn outreach automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-c
141olors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Woodpecker</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cold email software for B2B companies with smart follow-ups.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mailshake</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales engagement platform for personalized outreach at scale.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hunter.io</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email finder and verification tool for sales prospecting.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snov.io</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one outreach platform with email finder and drip campaigns.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Yesware</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email tracking and sales engagement right from your inbox.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mixmax</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sales engagement platform with email sequences and scheduling.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Calendly</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Scheduling automation that eliminates back-and-forth emails.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Chili Piper</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Inbound lead conversion and scheduling for revenue teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Drift</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversational marketing and sales platform for B2B companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Qualified</h3> <span class="text-xs text-muted-foreground">CRM &amp; Sales</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversational sales and marketing platform for Salesforce users.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Slack</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Get real-time notifications and trigger workflows directly from Slack.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Teams</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Integrate with Microsoft Teams for seamless workplace collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Discord</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Connect with Discord communities and automate server management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zoom</h3> <span class="text-xs tex
141t-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video conferencing and meeting automation platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">WhatsApp Business</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business messaging and customer communication automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Meet</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video conferencing integrated with Google Workspace for team meetings.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Webex</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise video conferencing and collaboration by Cisco.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!---->
141<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">RingCentral</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud communications platform with voice, video, and messaging.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Twilio</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Programmable communication APIs for SMS, voice, and video.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Vonage</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud communications platform with APIs for voice, video, and messaging.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Dialpad</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered business phone system with voice intelligence.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!---->
141<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Aircall</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based call center software for sales and support teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Telegram</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based messaging with bots and automation capabilities.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Signal</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Encrypted messaging platform for secure communications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mattermost</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source collaboration platform for enterprise messaging.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Rocket.Chat</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source team collaboration with omnichannel capabilities.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Flock</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Team messaging and collaboration platform with productivity tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Chanty</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered team chat with task management built in.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Twist</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Async-first team communication for remote and distributed teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Loom</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Async video messaging platform for workplace communication.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Vidyard</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video platform for sales and marketing communications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Whereby</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Browser-based video meetings with no downloads required.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Around</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video conferencing designed to reduce meeting fatigue.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Livestorm</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video engagement platform for webinars and virtual events.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Demio</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Webinar platform designed for marketing and lead generation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y
141-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Crowdcast</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Live video platform for Q&amp;As, webinars, and online events.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">MessageBird</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Omnichannel communication platform for customer engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Plivo</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud communication platform for voice and SMS.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!---->
141<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bandwidth</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Communications Platform as a Service for enterprise voice and messaging.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Telnyx</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Global communications platform with voice, messaging, and networking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">8x8</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Integrated cloud communications with voice, video, and contact center.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Genesys Cloud</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one cloud contact center and customer experience platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">NICE CXone</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud contact center platform with AI and automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!---->
141<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Talkdesk</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered cloud contact center for customer service.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-phone w-5 h-5 text-primary"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Five9</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Intelligent cloud contact center for enterprise customer service.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gather</h3> <span class="text-xs text-muted-foreground">Communication</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Virtual office platform for remote team collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gmail</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automate email workflows and manage your Gmail account efficiently.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mailchimp</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sync contacts and automate email marketing campaigns.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SendGrid</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Reliable email delivery and advanced email analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Outlook</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email management and calendar integration with Office 365.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Constant Contact</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing and online survey platform for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Campaign Monitor</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing with beautiful templates and powerful analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Klaviyo</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Marketing automation platform built for e-commerce growth.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Drip</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce marketing automation with personalized email campaigns.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ActiveCampaign</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer experience automation combining email, marketing, and CRM.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ConvertKit</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing platform designed for creators and online businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">AWeber</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing and automation for small businesses and entrepreneurs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success
141))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GetResponse</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one marketing platform with email, automation, and webinars.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Brevo (Sendinblue)</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Marketing platform with email, SMS, and chat in one place.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">MailerLite</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple email marketing with powerful automation features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Omnisend</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce marketing automation with email, SMS, and push notifications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Moosend</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing and automation platform with AI-powered features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Benchmark Email</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email marketing with easy-to-use design tools and automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mailjet</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email delivery and marketing platform for developers and marketers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Postmark</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Transactional email service with exceptional deliverability.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mandrill</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Transactional email API for Mailchimp users.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SparkPost</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Email delivery platform with predictive analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Customer.io</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Behavioral messaging platform for targeted communication.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Iterable</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cross-channel marketing platform for growth marketers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Braze</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer engagement platform for personalized marketing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--
141><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sailthru</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Personalized marketing automation for retailers and publishers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cordial</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cross-channel marketing platform with real-time personalization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bloomreach</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Commerce experience cloud with marketing automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Emarsys</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">SAP customer engagement platform for omnichannel marketing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Dotdigital</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer engagement platform for data-driven marketing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesforce Marketing Cloud</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise marketing platform for personalized customer journeys.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Adobe Campaign</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cross-channel campaign management for enterprise marketing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Oracle Eloqua</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B marketing automation for enterprise lead management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Adobe Marketo Engage</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Marketing automation platform for B2B and enterprise.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesforce Pardot</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B marketing automation natively built on Salesforce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-mail w-5 h-5 text-primary"><!--[--><!----><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"><!----></path><!----><!----><rect x="2" y="4" width="20" height="16" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Act-On</h3> <span class="text-xs text-muted-foreground">Email &amp; Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Adaptive marketing automation for mid-market companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Calendar</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Sync events and automate calendar management across platforms.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Notion</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Connect your workspace and automate content management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Airtable</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Powerful database platform that combines spreadsheets with database functionality.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Sheets</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based spreadsheet with real-time collaboration and automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Excel</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Industry-standard spreadsheet application with powerful analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Docs</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based document editor with real-time collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Word</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Professional document editing with advanced formatting and collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Evernote</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Note-taking app with powerful organization and search capabilities.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft OneNote</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital notebook for organizing notes, drawings, and multimedia.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Todoist</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Task management app for organizing work and personal tasks.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Things 3</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Beautiful task manager designed for Apple devices.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">TickTick</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Task and habit tracking app with calendar and Pomodoro timer.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Any.do</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Task manager with calendar, reminders, and daily planner.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Remember The Milk</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Smart task management with location-based reminders.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Coda</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one doc that brings words, data, and teams together.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Quip</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Collaborative productivity suite by Salesforce for documents and spreadsheets.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Dropbox Paper</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Collaborative workspace for team documents and project coordination.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Basecamp</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management and team collaboration in one place.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Smartsheet</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Work management platform combining spreadsheet familiarity with project management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Wrike</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Collaborative work management for teams of all sizes.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Teamwork</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management software for client work.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Planner</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Task and project management integrated with Microsoft 365.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft To Do</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Task management app integrated with Microsoft ecosystem.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Tasks</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple task management integrated with Gmail and Calendar.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Apple Reminders</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Task and reminder app for Apple ecosystem.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Calendly</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Scheduling automation for professionals and teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cal.com</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source scheduling infrastructure for everyone.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Doodle</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Group scheduling tool for finding the best meeting times.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SavvyCal</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Personalized scheduling links that let recipients pick the best time.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-clock w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 6v6l4 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Clockify</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free time tracking app for teams and freelancers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-clock w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 6v6l4 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Toggl Track</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple time tracking with powerful reporting.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-clock w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 6v6l4 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Harvest</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Time tracking and invoicing for teams and freelancers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-clock w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 6v6l4 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">RescueTime</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automatic time tracking and productivity insights.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-clock w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 6v6l4 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Timeular</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Physical time tracker cube for effortless time tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Fantastical</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Powerful calendar app with natural language input.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Spark Mail</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Smart email client with team collaboration features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Superhuman</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Fastest email experience with AI-powered features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Obsidian</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Knowledge base and note-taking app with linking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Roam Research</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Note-taking tool for networked thought.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(
141--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Logseq</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source knowledge management and collaboration platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Craft</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Beautiful document and note-taking app for Apple devices.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bear</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Beautiful, flexible writing app for Apple devices.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ulysses</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Writing app for Mac, iPad, and iPhone.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Scrivener</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Writing software for authors and long-form content.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Grammarly</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI writing assistant for grammar, spelling, and style.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cursor</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-native code editor with integrated agentic capabilities.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Raycast</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Productivity launcher with AI commands and extensions.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">tldraw</h3> <span class="text-xs text-muted-foreground">Productivity</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Collaborative whiteboard with AI-powered diagramming.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Shopify</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Manage your e-commerce store with automated order and inventory sync.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">WooCommerce</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">WordPress e-commerce plugin integration for online stores.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Stripe</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Payment processing and financial data automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Adobe Commerce (Magento)</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise e-commerce platform with powerful customization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">BigCommerce</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Scalable e-commerce platform for growing businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Squarespace Commerce</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Beautiful online stores with integrated website builder.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Wix eCommerce</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce solution built into Wix website platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PrestaShop</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source e-commerce solution with extensive marketplace.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">OpenCart</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free open-source e-commerce platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ecwid</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce widget that integrates with any website.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Volusion</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one e-commerce solution for entrepreneurs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Shift4Shop</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free enterprise-grade e-commerce platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Saleor</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source headless commerce platform for developers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Medusa</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source headless commerce engine for developers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">commercetools</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise headless commerce platform with MACH architecture.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesforce Commerce Cloud</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise e-commerce platform with AI-powered personalization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon Seller Central</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sell products on Amazon marketplace with centralized management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">eBay</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Online marketplace for buying and selling goods.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Etsy</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Marketplace for handmade and vintage items.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-p
141rimary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Walmart Marketplace</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Sell products on Walmart.com marketplace.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PayPal Commerce Platform</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Complete payments solution for marketplaces and platforms.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Square Online</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce integrated with Square point of sale.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Clover</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Point of sale and business management system.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lightspeed</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based POS and e-commerce platform for retail and restaurants.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ShipStation</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Shipping software for e-commerce order fulfillment.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Shippo</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Shipping API and dashboard for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Easyship</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one shipping platform for global e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">AfterShip</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Shipment tracking and delivery notifications for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Extensiv (Skubana)</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Order and inventory management for high-volume sellers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ordoro</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Inventory management and shipping for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cin7</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Connected inventory management for product sellers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold te
141xt-foreground text-sm truncate">QuickBooks Commerce (TradeGecko)</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Inventory and order management for wholesalers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Recharge</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Subscription management platform for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bold Subscriptions</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Subscription app for Shopify stores.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Yotpo</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce marketing platform for reviews and loyalty.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Stamped.io</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Product reviews and UGC platform for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Judge.me</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Product reviews app for Shopify stores.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gorgias</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce helpdesk for customer support automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Privy</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">E-commerce marketing with pop-ups, email, and SMS.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Smile.io</h3> <span class="text-xs text-muted-foreground">E-commerce</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Loyalty and rewards programs for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Drive</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automate file management and document workflows in Google Drive.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Dropbox</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Cloud storage automation for file organization and sharing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">OneDrive</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Microsoft's cloud storage solution with Office 365 integration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Box</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Secure cloud content management and collaboration platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon S3</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Scalable object storage for any amount of data.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Azure Blob Storage</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Microsoft cloud storage for unstructured data.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Cloud Storage</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Unified object storage for developers and enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Backblaze B2</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Affordable cloud object storage with S3-compatible API.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Wasabi</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Hot cloud storage with no egress fees.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cloudflare R2</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">S3-compatible object storage with zero egress fees.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">DigitalOcean Spaces</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple object storage with built-in CDN.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Linode Object Storage</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">S3-compatible object storage from Akamai.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">iCloud Drive</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Apple cloud storage integrated with Apple devices.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">MEGA</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Secure cloud storage with end-to-end encryption.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">pCloud</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">European cloud storage with lifetime plans.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sync.com</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Privacy-focused cloud storage with zero-knowledge encryption.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Tresorit</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">End-to-end encrypted cloud storage for businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Egnyte</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise file services with hybrid cloud flexibility.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SharePoint</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Microsoft enterprise content management and collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Citrix ShareFile</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Secure file sharing and collaboration for businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">MinIO</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">High-performance S3-compatible object storage.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ceph</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source distributed storage system.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Nextcloud</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Self-hosted productivity platform and file sharing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-cloud w-5 h-5 text-primary"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ownCloud</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source file sync and share platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Seafile</h3> <span class="text-xs text-muted-foreground">Cloud Storage</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source file hosting with encryption.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Twitter/X</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automate social media posting and engagement tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LinkedIn</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Professional networking automation and lea
141d generation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Instagram</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual content automation and social media management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">YouTube</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Video platform integration for content creators and marketers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-video w-5 h-5 text-primary"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">TikTok</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Short-form video content automation and engagement tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Facebook Pages</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business page management and social content automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pinterest</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual discovery platform for product promotion and inspiration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snapchat</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Ephemeral content platform for younger audiences.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Reddit</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Community-driven discussion platform for niche engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Threads</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Meta's text-based conversation app linked to Instagram.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bluesky</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Decentralized social network built on open protocols.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mastodon</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Decentralized, open-source social network.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hootsuite</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management platform for scheduling and analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Buffer</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media scheduling and publishing made simple.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sprout Social</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise social media management and analytics platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Later</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual social media planner for Instagram and beyond.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Planoly</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual planner and scheduler for Instagram and Pinterest.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Agorapulse</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management with inbox and reporting.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sendible</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management for agencies and brands.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SocialBee</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management with content categories.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Crowdfire</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management and content curation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">MeetEdgar</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media automation with content recycling.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Tailwind</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Pinterest and Instagram scheduler with SmartSchedule.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 tra
141nsition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Brand24</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social listening and media monitoring platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mention</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Media monitoring and social listening tool.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Brandwatch</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise social intelligence and consumer insights.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Talkwalker</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social listening and analytics for enterprise.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sprinklr</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Unified customer experience management platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Khoros</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital customer engagement platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Falcon.io</h3> <span class="text-xs text-muted-foreground">Social Media</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media management for enterprise marketing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Trello</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual project management with boards, lists, and cards.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Asana</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Team collaboration and project tracking platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Jira</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Issue tracking and project management for development teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Monday.com</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Work operating system for project and workflow management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">
141ClickUp</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one productivity platform for teams and projects.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Linear</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern issue tracking built for high-performance teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Notion</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one workspace for notes, docs, and project management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Height</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Autonomous project management with AI assistance.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Shortcut</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management for software development teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pivotal Tracker</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Agile project management for development teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">YouTrack</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Issue tracker and project management by JetBrains.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Azure DevOps</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Microsoft DevOps services for planning and development.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GitLab Issues</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Issue tracking integrated with GitLab DevOps platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GitHub Projects</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project planning built into GitHub repositories.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-pull-request w-5 h-5 text-primary"><!--[--><!----><circle cx="18" cy="18" r="3"><!----></circle><!----><!----><circle cx="6" cy="6" r="3"><!----></circle><!----><!----><path d="M13 6h3a2 2 0 0 1 2 2v7"><!----></path><!----><!----><line x1="6" x2="6" y1="9" y2="21"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">TeamGantt</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Online Gantt chart software for project planning.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-pull-request w-5 h-5 text-primary"><!--[--><!----><circle cx="18" cy="18" r="3"><!----></circle><!----><!----><circle cx="6" cy="6" r="3"><!----></circle><!----><!----><path d="M13 6h3a2 2 0 0 1 2 2v7"><!----></path><!----><!----><line x1="6" x2="6" y1="9" y2="21"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GanttPRO</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Online Gantt chart maker for project management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-pull-request w-5 h-5 text-primary"><!--[--><!----><circle cx="18" cy="18" r="3"><!----></circle><!----><!----><circle cx="6" cy="6" r="3"><!----></circle><!----><!----><path d="M13 6h3a2 2 0 0 1 2 2v7"><!----></path><!----><!----><line x1="6" x2="6" y1="9" y2="21"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Instagantt</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Gantt chart tool that works with Asana.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-pull-request w-5 h-5 text-primary"><!--[--><!----><circle cx="18" cy="18" r="3"><!----></circle><!----><!----><circle cx="6" cy="6" r="3"><!----></circle><!----><!----><path d="M13 6h3a2 2 0 0 1 2 2v7"><!----></path><!----><!----><line x1="6" x2="6" y1="9" y2="21"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Project</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise project management and portfolio optimization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ProjectManager</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Award-winning project management software.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Celoxis</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project portfolio management for enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hive</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management platform with AI-powered automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Flow</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Task and project management for modern teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Nifty</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management with built-in goals and docs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Podio</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Flexible work management with customizable apps.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zoho Projects</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management with time tracking and issue tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Freedcamp</h3> <span class="text-xs text-muted-foregrou
141nd">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free project management for unlimited users.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Redbooth</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Team collaboration and task management software.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Productive</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Agency management software for projects and resources.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Forecast</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered project and resource management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Scoro</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Work management for professional services.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Kantata (Mavenlink)</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Professional services automation platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Adobe Workfront</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise work management for marketing and IT.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Planview</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Portfolio and work management for enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Clarizen</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise project and portfolio management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-pull-request w-5 h-5 text-primary"><!--[--><!----><circle cx="18" cy="18" r="3"><!----></circle><!----><!----><circle cx="6" cy="6" r="3"><!----></circle><!----><!----><path d="M13 6h3a2 2 0 0 1 2 2v7"><!----></path><!----><!----><line x1="6" x2="6" y1="9" y2="21"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LiquidPlanner</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Predictive project management with smart scheduling.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Backlog</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Project management with built-in version control.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Targetprocess</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual management for agile enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Airtable</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Flexible database for project and workflow management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Coda</h3> <span class="text-xs text-muted-foreground">Project Management</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one doc for teams with 
141project management features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zendesk</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer service and support ticket management platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Intercom</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer messaging and support automation platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-headphones w-5 h-5 text-primary"><!--[--><!----><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Freshdesk</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based helpdesk software for customer support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Help Scout</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer service platform with shared inbox and knowledge base.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">HubSpot Service Hub</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Customer service software connected to your CRM.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Salesforce Service Cloud</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise customer service platform by Salesforce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-headphones w-5 h-5 text-primary"><!--[--><!----><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">
141Zoho Desk</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Context-aware helpdesk software for customer support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Kayako</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Unified customer service platform with shared inbox.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Groove</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple helpdesk for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Front</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Shared inbox for teams with email, SMS, and social.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Kustomer</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">CRM-powered customer service platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gladly</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">People-centered customer service platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Dixa</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversational customer service platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Freshchat</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern messaging software for customer engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Crisp</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer messaging platform with shared inbox.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Tidio</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Live chat and chatbot platform for customer support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LiveChat</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Live chat software for online customer service.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Olark</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Live chat for sales and customer support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Tawk.to</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free live chat software for websites.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">JivoChat</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Omnichannel business messenger for customer support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
141 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-message-square w-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Drift</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversational marketing and sales platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zendesk Chat</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Live chat software integrated with Zendesk.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Confluence</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Team workspace for knowledge sharing and documentation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Notion</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one workspace for knowledge base and docs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Document360</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Knowledge base software for self-service support.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Guru</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Knowledge management for teams with AI-powered search.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Helpjuice</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Knowledge base software with powerful analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Statuspage</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Status and incident communication for services.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Better Stack</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Uptime monitoring and status pages.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PagerDuty</h3> <span class="text-xs text-muted-foreground">Customer Support</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Incident management and on-call scheduling.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Facebook Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social media advertising campaign automation and analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Search and display advertising automation platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Analytics</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Web analytics and user behavior tracking platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LinkedIn Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B advertising platform for professional audiences.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">TikTok Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Advertising platform for short-form video content.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Twitter/X Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Social advertising on Twitter/X platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pinterest Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual advertising platform for product discovery.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snapchat Ads</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground 
141text-xs leading-relaxed mb-3">Advertising on Snapchat for younger audiences.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Advertising</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Search advertising on Bing and Microsoft properties.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon Advertising</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Advertising platform for Amazon marketplace.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Criteo</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Commerce media platform for retargeting and display ads.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">AdRoll</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Retargeting and prospecting for e-commerce.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Taboola</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Content discovery and native advertising platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Outbrain</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Native advertising platform for content recommendations.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Semrush</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one marketing toolkit for SEO and competitive research.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ahrefs</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">SEO tools for backlink analysis and keyword research.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Moz</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">SEO software for link building and site audits.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Screaming Frog</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Website crawler for technical SEO audits.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Surfer</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Content optimization tool for on-page SEO.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Clearscope</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Content optimization platform for SEO-driven content.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hotjar</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Behavior analytics with heatmaps and session recordings.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Crazy Egg</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Heatmap and A/B testing for website optimization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">FullStory</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital experience intelligence with session replay.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mouseflow</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Session replay and heatmap analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-target w-5 h-5 text-primary"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><circle cx="12" cy="12" r="6"><!----></circle><!----><!----><circle cx="12" cy="12" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lucky Orange</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversion optimization suite with heatmaps and chat.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Optimizely</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital experience platform for A/B testing and personalization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">VWO</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">A/B testing and conversion optimization platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">AB Tasty</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Experimentation and personalization platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Unbounce</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Landing page builder with A/B testing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Instapage</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Landing page platform for advertising campaigns.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><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><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Leadpages</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Landing page and website builder for lead generation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Typeform</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Conversational forms and surveys for lead capture.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Jotform</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Online form builder with payment and workflow features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Tag Manager</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Tag management system for marketing and analytics tags.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Segment</h3> <span class="text-xs text-muted-foreground">Marketing</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer data platform for collecting and routing data.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">QuickBooks</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Accounting and financial management automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PayPal</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Payment processing and transaction management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-si
141gn w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Square</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Point of sale and payment processing automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Xero</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud accounting software for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">FreshBooks</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud accounting for self-employed and small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Wave</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Free accounting software for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zoho Books</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Online accounting software for growing businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sage</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business management and accounting software.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Oracle NetSuite</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud ERP and financial management platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SAP Business One</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">ERP solution for small and midsize businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-coins w-5 h-5 text-primary"><!--[--><!----><path d="M13.744 17.736a6 6 0 1 1-7.48-7.48"><!----></path><!----><!----><path d="M15 6h1v4"><!----></path><!----><!----><path d="m6.134 14.768.866-.5 2 3.464"><!----></path><!----><!----><circle cx="16" cy="8" r="6"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Brex</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Corporate cards and spend management for startups.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-coins w-5 h-5 text-primary"><!--[--><!----><path d="M13.744 17.736a6 6 0 1 1-7.48-7.48"><!----></path><!----><!----><path d="M15 6h1v4"><!----></path><!----><!----><path d="m6.134 14.768.866-.5 2 3.464"><!----></path><!----><!----><circle cx="16" cy="8" r="6"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ramp</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Corporate cards with built-in expense management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-coins w-5 h-5 text-primary"><!--[--><!----><path d="M13.744 17.736a6 6 0 1 1-7.48-7.48"><!----></path><!----><!----><path d="M15 6h1v4"><!----></path><!----><!----><path d="m6.134 14.768.866-.5 2 3.464"><!----></path><!----><!----><circle cx="16" cy="8" r="6"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Divvy (BILL)</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Expense management and corporate cards platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Expensify</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Expense management and receipt tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SAP Concur</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise travel and expense management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-file-text w-5 h-5 text-primary"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!----><path d="M10 9H8"><!----></path><!----><!----><path d="M16 13H8"><!----></path><!----><!----><path d="M16 17H8"><!----></path>
141<!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Certify</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based expense management solution.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">BILL</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Accounts payable and receivable automation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Melio</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">B2B payments platform for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Plaid</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Financial data connectivity and verification.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Chargebee</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Subscription billing and revenue management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Recurly</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Subscription management platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zuora</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise subscription management and billing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Paddle</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Payment infrastructure for SaaS companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lemon Squeezy</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Merchant of record for digital products.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Stripe Billing</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Subscription and invoicing by Stripe.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Wise Business</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">International payments and multi-currency accounts.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mercury</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Banking for startups with powerful financial tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Relay</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business banking built for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bench</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Bookkeeping service with dedicated bookkeepers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pilot</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Bookkeeping and CFO services for startups.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gusto</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Payroll, benefits, and HR for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ADP</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise payroll and HR management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Paychex</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Payroll and HR services for businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Rippling</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Unified HR, IT, and payroll platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Deel</h3> <span class="text-xs text-muted-foreground">Finance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Global payroll and compliance for remote teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-branch w-5 h-5 text-primary"><!--[--><!----><path d="M15 6a9 9 0 0 0-9 9V3"><!----></path><!----><!----><circle cx="18" cy="6" r="3"><!----></circle><!----><!----><circle cx="6" cy="18" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GitHub</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Code hosting and collaboration platform for version control.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-branch w-5 h-5 text-primary"><!--[--><!----><path d="M15 6a9 9 0 0 0-9 9V3"><!----></path><!----><!----><circle cx="18" cy="6" r="3"><!----></circle><!----><!----><circle cx="6" cy="18" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibol
141d text-foreground text-sm truncate">GitLab</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Complete DevOps platform with CI/CD and security.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-git-branch w-5 h-5 text-primary"><!--[--><!----><path d="M15 6a9 9 0 0 0-9 9V3"><!----></path><!----><!----><circle cx="18" cy="6" r="3"><!----></circle><!----><!----><circle cx="6" cy="18" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bitbucket</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Git code management by Atlassian with Jira integration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Vercel</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Frontend deployment platform with instant global CDN.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Netlify</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Web development platform for modern web projects.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cloudflare Pages</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">JAMstack platform with unlimited bandwidth.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Render</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud platform to deploy and run apps and websites.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Railway</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Infrastructure platform for deploying apps instantly.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Fly.io</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Deploy app servers close to users globally.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-server w-5 h-5 text-primary"><!--[--><!----><rect width="20" height="8" x="2" y="2" rx="2" ry="2"><!----></rect><!----><!----><rect width="20" height="8" x="2" y="14" rx="2" ry="2"><!----></rect><!----><!----><line x1="6" x2="6.01" y1="6" y2="6"><!----></line><!----><!----><line x1="6" x2="6.01" y1="18" y2="18"><!----></line><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Heroku</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Platform as a service for app deployment.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-container w-5 h-5 text-primary"><!--[--><!----><path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"><!----></path><!----><!----><path d="M10 21.9V14L2.1 9.1"><!----></path><!----><!----><path d="m10 14 11.9-6.9"><!----></path><!----><!----><path d="M14 19.8v-8.1"><!----></path><!----><!----><path d="M18 17.5V9.4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Docker Hub</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Container image registry and collaboration.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-container w-5 h-5 text-primary"><!--[--><!----><path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"><!----></path><!----><!----><path d="M10 21.9V14L2.1 9.1"><!----></path><!----><!----><path d="m10 14 11.9-6.9"><!----></path><!----><!----><path d="M14 19.8v-8.1"><!----></path><!----><!----><path d="M18 17.5V9.4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon ECR</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Container registry integrated with AWS.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">CircleCI</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Continuous integration and delivery platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Travis CI</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Hosted CI service for open source and private projects.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Jenkins</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source automation server for CI/CD.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GitHub Actions</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">CI/CD and automation built into GitHub.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Datadog</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Monitoring and analytics platform for cloud applications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">New Relic</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Observability platform for modern software.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sentry</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Application monitoring and error tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Grafana</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source observability and data visualization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Prometheus</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source monitoring and alerting toolkit.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Postman</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">API development platform for building and testing APIs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Insomnia</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">API client for REST and GraphQL development.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Swagger</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">API documentation and design tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Supabase</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source Firebase alternative with Postgres.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Firebase</h3> <span class="text-xs text-muted-foregroun
141d">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">App development platform by Google.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PlanetScale</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Serverless MySQL platform with branching.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Neon</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Serverless Postgres with branching and autoscaling.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snyk</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Developer security platform for code and dependencies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SonarQube</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Code quality and security analysis platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Linear</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern project management for software teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Supabase</h3> <span class="text-xs text-muted-foreground">Developer Tools</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source Firebase alternative with PostgreSQL.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Workday</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise cloud applications for HR and finance.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">BambooHR</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">HR software for small and medium businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Greenhouse</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Hiring software for growing companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lever</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Applicant tracking and candidate relationship management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Ashby</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one recruiting platform with powerful analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Workable</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Recruiting software with AI-powered sourcing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Recruitee</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Collaborative hiring software for tea
141ms.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Breezy HR</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">End-to-end recruiting software.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">JazzHR</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Powerful recruiting software for SMBs.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">iCIMS</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise talent acquisition platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SmartRecruiters</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Talent acquisition suite for enterprise.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-dollar-sign w-5 h-5 text-primary"><!--[--><!----><line x1="12" x2="12" y1="2" y2="22"><!----></line><!----><!----><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Gusto</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">HR platform for small businesses with payroll and benefits.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Rippling</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">HR, IT, and finance in one unified platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Namely</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">All-in-one HR platform for mid-sized companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Zenefits</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">HR software platform for small businesses.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Personio</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">HR software for small and medium enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">HiBob</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Modern HRIS for fast-growing companies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Lattice</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">People management platform for performance and engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">15Five</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Performance management for high-performing teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Culture Amp</h3> <span class="text-xs text-muted-f
141oreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Employee experience platform with engagement surveys.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Leapsome</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">People enablement platform for performance and engagement.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Deel</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Global HR platform for international teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Remote</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Global HR solution for distributed teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Calendly</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Interview scheduling automation for recruiters.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-calendar w-5 h-5 text-primary"><!--[--><!----><path d="M8 2v4"><!----></path><!----><!----><path d="M16 2v4"><!----></path><!----><!----><rect width="18" height="18" x="3" y="4" rx="2"><!----></rect><!----><!----><path d="M3 10h18"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">GoodTime</h3> <span class="text-xs text-muted-foreground">HR &amp; Recruiting</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Interview scheduling and coordination platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Tableau</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Visual analytics platform for business intelligence.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Microsoft Power BI</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business analytics service for interactive visualizations.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Looker</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Business intelligence platform by Google Cloud.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Metabase</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source business intelligence tool.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mode</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Collaborative analytics platform for data teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Sisense</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Embedded analytics platform for complex data.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Domo</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud-based business intelligence platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Qlik Sense</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Data analytics platform with associative 
141engine.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ThoughtSpot</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Search-driven analytics platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Redash</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source data visualization and dashboards.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Apache Superset</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source data exploration and visualization.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mixpanel</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Product analytics for user behavior tracking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amplitude</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital analytics platform for product intelligence.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Heap</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Digital insights platform with autocapture.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">PostHog</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source product analytics platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-trending-up w-5 h-5 text-primary"><!--[--><!----><path d="M16 7h6v6"><!----></path><!----><!----><path d="m22 7-8.5 8.5-5-5L2 17"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pendo</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Product experience platform with analytics and guidance.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google Analytics 4</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Next-generation analytics from Google.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Plausible</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Privacy-friendly web analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Fathom Analytics</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple, privacy-focused website analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snowflake</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud data platform for data warehousing.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Databricks</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Unified analytics platform on Apache Spark.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></
141path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google BigQuery</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Serverless data warehouse by Google Cloud.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon Redshift</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Cloud data warehouse by AWS.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Fivetran</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automated data integration for analytics.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Airbyte</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source data integration platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Stitch</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Simple, powerful ETL for data teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">dbt</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Transform data in your warehouse.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Census</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Reverse ETL to sync data to business tools.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hightouch</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Reverse ETL for activating data warehouse data.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">RudderStack</h3> <span class="text-xs text-muted-foreground">Analytics &amp; BI</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Customer data platform for developers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Okta</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Identity and access management platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Auth0</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Authentication and authorization platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">1Password Business</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise password management and security.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LastPass Business</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Password management for enterprise teams.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-lock w-5 h-5 text-primary"><!--[--><!----><rect width="18" height="11" x="3" y="11" rx="2" ry="2"><!----></rect><!----><!----><path d="M7 11V7a5 5 0 0 1 10 0v4"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Bitwarden</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source password management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex i
141tems-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Vanta</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Automated security and compliance platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Drata</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Security and compliance automation platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Secureframe</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Compliance automation for SOC 2, ISO 27001, and more.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">7 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">OneLogin</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Identity and access management for enterprises.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-users w-5 h-5 text-primary"><!--[--><!----><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"><!----></path><!----><!----><path d="M16 3.128a4 4 0 0 1 0 7.744"><!----></path><!----><!----><path d="M22 21v-2a4 4 0 0 0-3-3.87"><!----></path><!----><!----><circle cx="9" cy="7" r="4"><!----></circle><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">JumpCloud</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open directory platform for identity management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">CrowdStrike</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Endpoint protection and threat intelligence.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">10 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">SentinelOne</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered endpoint security platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">8 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Splunk</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Security information and event management.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">15 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Datadog Security</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">
141Cloud security monitoring and compliance.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">6 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-shield w-5 h-5 text-primary"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Snyk</h3> <span class="text-xs text-muted-foreground">Security &amp; Compliance</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Developer-first security for code and dependencies.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">OpenAI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">GPT-5, o3, and DALL-E 4 for advanced reasoning, text, and image generation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Anthropic</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Claude Opus 4 and Sonnet 4 for safe, capable AI with extended thinking.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Google AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Gemini 2.5 models for multimodal AI with deep reasoning.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Hugging Face</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Platform for machine learning models and datasets.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Cohere</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Enterprise NLP platform for language understanding.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Replicate</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Run machine learning models in the cloud.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Together AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Platform for running open-source AI models.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Groq</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Fast AI inference with LPU technology.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Perplexity</h3> <span class="text-xs tex
141t-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered search and research assistant.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Stability AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Stable Diffusion and AI image generation.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Midjourney</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered image generation through Discord.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Runway</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI-powered creative tools for video and images.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">ElevenLabs</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">AI voice synthesis and cloning platform.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">2 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">AssemblyAI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Speech-to-text API with AI-powered features.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Deepgram</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Speech recognition API for developers.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Pinecone</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Vector database for AI and machine learning.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Weaviate</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source vector search engine.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Qdrant</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Vector similarity search engine.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-5 h-5 text-primary"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LangChain</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Framework for building LLM applications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-chart-column w-5 h-5 text-primary"><!--[--><!----><path d="M3 3v16a2 2 0 0 0 2 2h16"><!----></path><!----><!----><path d="M18 17V9"><!----></path><!----><!----><path d="M13 17V5"><!----></path><!----><!----><path d="M8 17v-3"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">LangSmith</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Platform for debugging and monitoring LLM apps.</p> <div class="flex items-center justify-between"
141><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Mistral AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">European AI lab offering Mistral Large and open-weight models.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">DeepSeek</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Advanced reasoning models with open-source R1 architecture.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Meta AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Llama 4 family of open-source large language models.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">xAI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Grok models for real-time knowledge and reasoning.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Amazon Bedrock</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Managed AI service with access to multiple foundation models.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">5 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-bug w-5 h-5 text-primary"><!--[--><!----><path d="M12 20v-9"><!----></path><!----><!----><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"><!----></path><!----><!----><path d="M14.12 3.88 16 2"><!----></path><!----><!----><path d="M21 21a4 4 0 0 0-3.81-4"><!----></path><!----><!----><path d="M21 5a4 4 0 0 1-3.55 3.97"><!----></path><!----><!----><path d="M22 13h-4"><!----></path><!----><!----><path d="M3 21a4 4 0 0 1 3.81-4"><!----></path><!----><!----><path d="M3 5a4 4 0 0 0 3.55 3.97"><!----></path><!----><!----><path d="M6 13H2"><!----></path><!----><!----><path d="m8 2 1.88 1.88"><!----></path><!----><!----><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Fireworks AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Fast inference platform optimized for generative AI workloads.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Voyage AI</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">State-of-the-art embedding models for retrieval and RAG.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">3 mins</span></div></div><div class="card-pixel p-5 hover:border-primary/20 transition-colors"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center"><!--[--><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-database w-5 h-5 text-primary"><!--[--><!----><ellipse cx="12" cy="5" rx="9" ry="3"><!----></ellipse><!----><!----><path d="M3 5V19A9 3 0 0 0 21 19V5"><!----></path><!----><!----><path d="M3 12A9 3 0 0 0 21 12"><!----></path><!----><!--]--><!----><!----></svg><!--]--></div> <div class="min-w-0"><h3 class="font-semibold text-foreground text-sm truncate">Chroma</h3> <span class="text-xs text-muted-foreground">AI &amp; Machine Learning</span></div></div> <p class="text-muted-foreground text-xs leading-relaxed mb-3">Open-source embedding database for AI applications.</p> <div class="flex items-center justify-between"><span class="text-xs px-2 py-0.5 rounded-full bg-[hsl(var(--a11y-success)/0.1)] text-[hsl(var(--a11y-success))]">active</span> <span class="text-xs text-muted-foreground">4 mins</span></div></div><!--]--></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="text-center mb-10"><h2 class="font-display font-pixel text-2xl sm:text-3xl font-bold text-foreground mb-4">Enterprise-Grade Security</h2> <p class="text-muted-foreground max-w-2xl mx-auto">All integrations are built with security-first design and enterprise compliance standards.</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-integrations-categories.avif 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/avif"/> <source srcset="/images/illustrations/illustration-integrations-categories.webp 600w" sizes="(max-width: 768px) 100vw, 600px" type="image/webp"/> <img src="/images/illustrations/illustration-integrations-categories.png" srcset="/images/illustrations/illustration-integrations-categories.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-3 gap-6"><div class="card-pixel p-6 text-center"><div class="w-12 h-12 bg-[hsl(var(--a11y-success)/0.1)] rounded-lg mx-auto mb-4 flex items-center justify-center"><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-shield-check w-6 h-6 text-[hsl(var(--a11y-success))]"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!----><path d="m9 12 2 2 4-4"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <h3 class="font-semibold text-foreground mb-2">SOC 2 Compliant</h3> <p class="text-sm text-muted-foreground">All data handling follows SOC 2 Type II requirements for enterprise security.</p></div> <div class="card-pixel p-6 text-center"><div class="w-12 h-12 bg-[hsl(var(--a11y-info)/0.1)] 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-[hsl(var(--a11y-info))]" 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">
141<path d="M15 2H9v2H7v4H4v14h16V8h-3V4h-2V2zm0 2v4H9V4h6zm-6 6h9v10H6V10h3zm4 3h-2v4h2v-4z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="font-semibold text-foreground mb-2">End-to-End Encryption</h3> <p class="text-sm text-muted-foreground">AES-256 encryption for data at rest and TLS 1.3 for data in transit.</p></div> <div class="card-pixel p-6 text-center"><div class="w-12 h-12 bg-[hsl(var(--accent)/0.1)] 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-[hsl(var(--yanok-teal))]" 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="M22 2H2v12h2V4h16v10h2V2zM6 14H4v2h2v-2zm0 2h2v2h2v2H8v-2H6v-2zm4 4v2h4v-2h2v-2h-2v2h-4zm10-6h-2v2h-2v2h2v-2h2v-2z" fill="currentColor"></path></svg><!--]--></span><!--]--><!----></div> <h3 class="font-semibold text-foreground mb-2">OAuth 2.0 / SAML</h3> <p class="text-sm text-muted-foreground">Secure authentication with OAuth 2.0, SAML 2.0, and API key management.</p></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--><!--]--><!--]-->
142			
143			
143<script>
144				{
145					__sveltekit_17lk6jg = {
146						base: new URL(".", location).pathname.slice(0, -1),
147						env: null
148					};
149
150					const element = document.currentScript.parentElement;
151
152					import("./_app/env.js").then(({ env }) => {
153						__sveltekit_17lk6jg.env = env;
154
155						Promise.all([
156							import("./_app/immutable/entry/start.C0RatZ92.js"),
157							import("./_app/immutable/entry/app.CN6GikW_.js")
158						]).then(([kit, app]) => {
159							kit.start(app, element, {
160									node_ids: [0, 22],
161									data: [null,null],
162									form: null,
163									error: null
164								});
165						});
166					});
167				}
168			</script>
168
169		</div>
170	</body>
171</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.