1<!doctype html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 7 <!-- Security headers (CSP, Permissions-Policy, X-Frame-Options, etc.) are served 8 via vercel.json so directives like frame-ancestors/form-action/base-uri are 9 actually enforced (those are ignored when set via <meta http-equiv>). --> 10 11 <title data-rh="true">About Us | Appgain</title> 12 <meta data-rh="true" name="title" content="About Us | Appgain"/><meta data-rh="true" name="description" content="Learn about Appgain â the AI Workforce Platform for MENA. Our mission, team and vision for intelligent automation across WhatsApp, sales, CRM and support."/><meta data-rh="true" name="keywords" content="AI agents, agentic automation, autonomous AI, business automation, AI platform, intelligent agents, workflow automation, MENA AI, AI workforce platform, marketing automation, WhatsApp business, AI chatbot, customer engagement, MENA business automation, omnichannel messaging, sales automation"/><meta data-rh="true" name="author" content="Appgain"/><meta data-rh="true" name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:url" content="https://www.appgain.io/about"/><meta data-rh="true" property="og:title" content="About Us | Appgain"/><meta data-rh="true" property="og:description" content="Learn about Appgain â the AI Workforce Platform for MENA. Our mission, team and vision for intelligent automation across WhatsApp, sales, CRM and support."/><meta data-rh="true" property="og:image" content="https://www.appgain.io/og-image.jpg"/><meta data-rh="true" property="og:image:width" content="1200"/><meta data-rh="true" property="og:image:height" content="630"/><meta data-rh="true" property="og:site_name" content="Appgain"/><meta data-rh="true" property="og:locale" content="en_US"/><meta data-rh="true" property="og:locale:alternate" content="ar_SA"/><meta data-rh="true" property="og:locale:alternate" content="fr_FR"/><meta data-rh="true" property="og:locale:alternate" content="pt_BR"/><meta data-rh="true" property="og:locale:alternate" content="es_ES"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:site" content="@Appgain"/><meta data-rh="true" name="twitter:creator" content="@Appgain"/><meta data-rh="true" name="twitter:url" content="https://www.appgain.io/about"/><meta data-rh="true" name="twitter:title" content="About Us | Appgain"/><meta data-rh="true" name="twitter:description" content="Learn about Appgain â the AI Workforce Platform for MENA. Our mission, team and vision for intelligent automation across WhatsApp, sales, CRM and support."/><meta data-rh="true" name="twitter:image" content="https://www.appgain.io/og-image.jpg"/><meta data-rh="true" name="twitter:image:alt" content="About Us | Appgain"/><meta data-rh="true" property="og:image:secure_url" content="https://www.appgain.io/og-image.jpg"/><meta data-rh="true" property="og:image:type" content="image/jpeg"/><meta data-rh="true" name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta data-rh="true" name="bingbot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/> 13 <link data-rh="true" rel="canonical" href="https://www.appgain.io/about"/><link data-rh="true" rel="alternate" hrefLang="en" href="https://www.appgain.io/about"/><link data-rh="true" rel="alternate" hrefLang="ar" href="https://www.appgain.io/ar/about"/><link data-rh="true" rel="alternate" hrefLang="es" href="https://www.appgain.io/es/about"/><link data-rh="true" rel="alternate" hrefLang="fr" href="https://www.appgain.io/fr/about"/><link data-rh="true" rel="alternate" hrefLang="pt" href="https://www.appgain.io/pt/about"/><link data-rh="true" rel="alternate" hrefLang="x-default" href="https://www.appgain.io/about"/> 14
14<script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Appgain","url":"https://www.appgain.io","potentialAction":{"@type":"SearchAction","target":"https://www.appgain.io/blogs?search={search_term_string}","query-input":"required name=search_term_string"}}</script>
14<script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.appgain.io/"},{"@type":"ListItem","position":2,"name":"About","item":"https://www.appgain.io/about"}]}</script>
14<script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Appgain","alternateName":"Appgain.io","url":"https://www.appgain.io","logo":"https://www.appgain.io/logo.png","description":"Appgain.io is an AI Agentic Automation Platform that deploys intelligent agents to automate business workflows, customer engagement, and operational processes across the MENA region.","foundingDate":"2016","founder":{"@type":"Person","name":"Mohamed Shaheen","jobTitle":"Founder & CEO"},"sameAs":["https://twitter.com/Appgain","https://www.linkedin.com/company/appgain/","https://www.facebook.com/appgain.io"],"contactPoint":[{"@type":"ContactPoint","telephone":"+20 111 9985526","contactType":"customer service","availableLanguage":"key 'about.organizationSchema.availableLanguages (en)' returned an object instead of string."},{"@type":"ContactPoint","telephone":"+20 111 9985526","contactType":"sales","availableLanguage":"key 'about.organizationSchema.availableLanguages (en)' returned an object instead of string."}],"address":[{"@type":"PostalAddress","addressLocality":"Cairo","addressCountry":"EG"},{"@type":"PostalAddress","addressLocality":"Istanbul","addressCountry":"TR"}],"areaServed":"key 'about.organizationSchema.areaServed (en)' returned an object instead of string.","knowsAbout":"key 'about.organizationSchema.knowsAbout (en)' returned an object instead of string.","slogan":"AI Agentic Automation Platform"}</script>
14 15 16 <!-- Additional SEO Meta Tags --> 17 <meta name="theme-color" content="#1171ff" /> 18 <meta name="msapplication-TileColor" content="#1171ff" /> 19 <meta name="format-detection" content="telephone=no" /> 20 21 <!-- Preconnect & Performance Hints --> 22 <link rel="preconnect" href="https://fonts.googleapis.com" /> 23 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 24 <link rel="preconnect" href="https://blogscms.appgain.io" /> 25 <link rel="preconnect" href="https://blogs.appgain.io" /> 26 <link rel="dns-prefetch" href="https://api.appgain.io" /> 27 <link rel="dns-prefetch" href="https://backend-appgains-projects.vercel.app" /> 28 <link rel="dns-prefetch" href="https://notify.appgain.io" /> 29 <link rel="dns-prefetch" href="https://cdn.appgain.io" /> 30 31 <!-- 32 Start the blog-list request immediately on /blogs instead of waiting for 33 the bundle to boot and React to mount, which on a phone costs a couple of 34 seconds before the request is even issued. src/lib/blogApi.ts consumes 35 this promise on its first fetch; keep the URL in sync with BLOGS_API_URL 36 there. Failures fall through to the normal fetch. 37 38 The abort signal is load-bearing, not a nicety: blogApi awaits this 39 promise, so a CMS that accepts the connection and then never answers 40 (which has happened) would leave it pending forever and strand /blogs on 41 skeletons that never resolve into content or an error. Settling to null 42 hands control back to the app's own abortable fetch. 43 --> 44
44<script> 45 (function () { 46 if (!/^\/blogs\/?$/.test(location.pathname)) return; 47 try { 48 var signal = null; 49 if (typeof AbortSignal !== "undefined" && AbortSignal.timeout) { 50 signal = AbortSignal.timeout(8000); 51 } 52 window.__APPGAIN_BLOGS_PRELOAD__ = fetch( 53 "https://blogscms.appgain.io/blogsList/light/none?per_page=200&offset=0", 54 { headers: { Accept: "application/json" }, signal: signal } 55 ) 56 .then(function (r) { return r.ok ? r.json() : null; }) 57 .catch(function () { return null; }); 58 } catch (e) { 59 /* no preload; the app fetches normally */ 60 } 61 })(); 62 </script>
62 63 64 <!-- Fonts with display=swap for better performance. Loaded non-blocking: the 65 stylesheet fetch itself would otherwise delay first paint even with 66 display=swap (that only avoids invisible text once the CSS is applied). 67 media="print" makes the browser fetch it without treating it as 68 render-blocking, then onload flips it to the real media so it applies. --> 69 <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet" media="print" onload="this.media='all'" /> 70 <noscript> 71 <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet" /> 72 </noscript> 73 74 <!-- Note: JSON-LD (Organization, WebSite, SoftwareApplication) and og:title/twitter:title 75 are emitted dynamically per-page via the Layout component to stay i18n-aware 76 and avoid duplicate structured data. --> 77 78 <!-- Meta Pixel Code --> 79
79<script>
vendor: 417 bytes, lines 79-88
79 80 !function(f,b,e,v,n,t,s) 81 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 82 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 83 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 84 n.queue=[];t=b.createElement(e);t.async=!0; 85 t.src=v;s=b.getElementsByTagName(e)[0]; 86 s.parentNode.insertBefore(t,s)}(window, document,'script', 87 'https://connect.facebook.net/en_US/fbevents.js'); 88 fbq('init', '
88941016020341156
vendor: 34 bytes, lines 88-90
88'); 89 fbq('track', 'PageView'); 90
90</script>
90 91 <!-- End Meta Pixel Code --> 92
92<script type="module" crossorigin src="/assets/index-ByzJVWn6.js"></script>
92 93 <link rel="modulepreload" crossorigin href="/assets/vendor-html-parser-DEDTNjGn.js"> 94 <link rel="stylesheet" crossorigin href="/assets/index-Bb8P8qvP.css"> 95
95<script data-appgain-route-preload>(function(){try{var m={"^/blogs/?$":["/assets/Blog-CY2xUm0D.js","/assets/vendor-html-parser-DEDTNjGn.js","/assets/Layout-DFV45XCR.js","/assets/index-sOYoElQu.js","/assets/proxy-DEplsd7y.js","/assets/x-DR_aH7vz.js","/assets/vendor-axios-2s9xPmg-.js","/assets/input-BRoNrDO4.js","/assets/BlogCardSkeleton-BOkGIPgf.js","/assets/skeleton-BoR6e3J3.js","/assets/badge-D_B8TQ8s.js","/assets/BlogBreadcrumb-BnMmqdOz.js","/assets/sparkles-INk2Napj.js","/assets/search-CqPkDh8V.js","/assets/chevron-up-D3eBPAcb.js"],"^/blog/[^/]+/?$":["/assets/BlogDetail--2ZRNuOO.js","/assets/proxy-DEplsd7y.js","/assets/vendor-html-parser-DEDTNjGn.js","/assets/Layout-DFV45XCR.js","/assets/index-sOYoElQu.js","/assets/x-DR_aH7vz.js","/assets/vendor-axios-2s9xPmg-.js","/assets/badge-D_B8TQ8s.js","/assets/skeleton-BoR6e3J3.js","/assets/BlogBreadcrumb-BnMmqdOz.js","/assets/sanitize-htHGXWb4.js","/assets/vendor-dompurify-D9RiKzGB.js","/assets/clock-Btp69-2o.js","/assets/loader-circle-DvTTgzfB.js"]};var p=location.pathname;for(var k in m){if(new RegExp(k).test(p)){m[k].forEach(function(h){var l=document.createElement("link");l.rel="modulepreload";l.href=h;document.head.appendChild(l)});break}}}catch(e){}})();</script>
95 96 </head> 97 98 <body> 99 <noscript><img height="1" width="1" style="display:none" 100 src="https://www.facebook.com/tr?id=941016020341156&ev=PageView&noscript=1" 101 /></noscript> 102 <div id="root"><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">Skip to main content</a><div class="flex min-h-screen flex-col bg-background overflow-x-hidden max-w-full"><header class="backdrop-blur-md shadow-soft bg-[#011B38] supports-[backdrop-filter]:bg-[#011B38] text-surface-dark-foreground"><div class="container flex h-14 items-center justify-between"><div class="flex items-center gap-2"><button class="relative inline-flex items-center justify-center whitespace-nowrap font-display ring-offset-background transition-all duration-300 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 overflow-hidden hover:bg-accent/10 hover:text-accent-foreground normal-case font-semibold hover:scale-[1.02] active:scale-[0.98] h-9 rounded-lg px-4 text-xs tracking-normal gap-2" type="button" id="radix-:Rk:" aria-haspopup="menu" aria-expanded="false" data-state="closed"><span class="relative z-10 flex items-center justify-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4"><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="hidden sm:inline">English</span></span></button></div></div></header><nav class="sticky top-0 z-50 backdrop-blur-xl transition-all duration-300 border-b border-transparent bg-transparent supports-[backdrop-filter]:bg-[#011B38]/70 text-white"><div class="max-w-7xl mx-auto px-4 flex h-16 items-center justify-between"><button type="button" class="flex items-center gap-2 group transition-transform duration-200 hover:scale-105 active:scale-95" aria-label="Go to homepage"><img src="/src/assets/layout/logo/appgainWhiteLogo.svg" alt="Appgain" class="h-9 object-contain"/></button><button class="lg:hidden" aria-label="Toggle 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 lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button><ul class="hidden lg:flex items-center gap-1 text-white"><li class="group relative"><button class="flex items-center gap-1.5 px-4 py-2 rounded-full transition-all duration-200 hover:bg-white/10 group-hover:bg-white/10"><span class="capitalize font-medium">Platform</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 lucide-chevron-down h-4 w-4 transition-transform duration-300 group-hover:-rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-1/2 top-full w-[min(1120px,calc(100vw-2rem))] -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="grid grid-cols-4 gap-3 rounded-2xl border border-border/20 bg-white/95 p-4 text-foreground shadow-2xl shadow-black/10 backdrop-blur-xl"><div class="min-w-0 px-2"><p class="mb-4 flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.15em] text-primary"><span class="h-0.5 w-6 rounded-full bg-gradient-to-r from-primary to-primary/50"></span>AI Agents</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/ai-customer-bot"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">AI Customer Bot</span>
102<span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Deploy AI-powered chatbots that resolve queries 24/7</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/ai-call-intelligence"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">AI Voice & Call Center</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Analyze call sentiment and extract actionable insights with AI</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/bot-builder"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Visual Bot Builder</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Design conversational flows with a visual drag-and-drop editor</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/safebite-ai"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">SafeBite AI</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">AI food safety monitoring for restaurants</span></div></a></div></div></div><div class="min-w-0 px-2"><p class="mb-4 flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.15em] text-primary"><span class="h-0.5 w-6 rounded-full bg-gradient-to-r from-primary to-primary/50"></span>Channels</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/whatsapp"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">WhatsApp</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Engage customers on the world's most popular messaging app</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/email"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Email</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Design and send beautiful email campaigns at scale</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/sms"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">SMS</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Reach customers instantly with targeted text messages</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/push-notifications"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Rich Push Notifications</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Send rich push notifications to mobile app users</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/web-push-notifications"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Web Push Notifications</span>
102<span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Re-engage website visitors with browser notifications</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/broadcast"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Broadcast Campaigns</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Send targeted bulk messages across all channels at once</span></div></a></div></div></div><div class="min-w-0 px-2"><p class="mb-4 flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.15em] text-primary"><span class="h-0.5 w-6 rounded-full bg-gradient-to-r from-primary to-primary/50"></span>Orchestrate</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/marketing-automation"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Marketing Automation</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Build automated workflows to nurture leads and drive conversions</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/sequences"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Sequences</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Create multi-step campaigns across channels</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/omni-channel-messaging"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Omnichannel Messaging</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Unified cross-channel campaigns</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/unified-inbox"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Unified Inbox</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">All channels in one place</span></div></a></div></div></div><div class="min-w-0 px-2"><p class="mb-4 text-[10px] font-bold uppercase tracking-[0.15em] text-primary flex items-center gap-2"><span class="w-6 h-0.5 bg-gradient-to-r from-primary to-primary/50 rounded-full"></span>Data & Insights</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/cdp"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">CDP</span><span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Unify customer data from every touchpoint in one place</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/crm"><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Rich Profile CRM</span>
102<span class="text-xs text-muted-foreground/70 group-hover:text-muted-foreground transition-colors line-clamp-2 mt-0.5">Build rich customer profiles with unified data</span></div></a></div></div></div></div></div></li><li class="group relative"><button class="flex items-center gap-1.5 px-4 py-2 rounded-full transition-all duration-200 hover:bg-white/10 group-hover:bg-white/10"><span class="capitalize font-medium">Resources</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 lucide-chevron-down h-4 w-4 transition-transform duration-300 group-hover:-rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-1/2 top-full -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="flex gap-1 rounded-2xl border border-border/20 bg-white/95 backdrop-blur-xl p-6 text-foreground shadow-2xl shadow-black/10"><div class="flex min-w-[220px] flex-col"><p class="mb-4 text-[10px] font-bold uppercase tracking-[0.15em] text-primary flex items-center gap-2"><span class="w-6 h-0.5 bg-gradient-to-r from-primary to-primary/50 rounded-full"></span>Resources</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/blogs"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/blogNavIcon.svg" alt="Blog" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Blog</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/ebooks"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/ebook.svg" alt="eBooks" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">eBooks</span></div></a></div><div><a href="https://docs.appgain.io/" target="_blank" rel="noreferrer" class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/developersdocsNavIcon.svg" alt="Developer Hub" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Developer Hub</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/demo-center"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/democenterNavIcon.svg" alt="Demo Center" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Demo Center</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/glossary"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/glossaryNavIcon.svg" alt="Glossary" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Glossary</span></div></a></div><div><a href="https://headwayapp.co/appgain-changelog" target="_blank" rel="noreferrer" class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/productreleaseNavIcon.svg" alt="Product Releases" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Product Releases</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/integrations"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/integrationsNavIcon.svg" alt="Integrations" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Integrations</span></div></a></div></div></div></div></div></li><li class="group relative"><button class="flex items-center gap-1.5 px-4 py-2 rounded-full transition-all duration-200 hover:bg-white/10 group-hover:bg-white/10"><span class="capitalize font-medium">Company</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 lucide-chevron-down h-4 w-4 transition-transform duration-300 group-hover:-rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-1/2 top-full -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="rounded-2xl border border-border/20 bg-white/95 backdrop-blur-xl p-6 text-foreground shadow-2xl shadow-black/10"><div class="flex min-w-[200px] flex-col"><p class="mb-4 text-[10px] font-bold uppercase tracking-[0.15em] text-primary flex items-center gap-2"><span class="w-6 h-0.5 bg-gradient-to-r from-primary to-primary/50 rounded-full"></span>Company</p><div class="space-y-0.5"><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/about"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/aboutusNavIcon.svg" alt="About Us" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">About Us</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/partners"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/PartnersNavIcon.svg" alt="Partners" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Partners</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/affiliates"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/affliateNavIcon.svg" alt="Affiliates" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Affiliates</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/newsroom"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/newsroomNavIcon.svg" alt="News Room" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">News Room</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/faqs"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/faqsNavIcon.svg" alt="FAQs" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">FAQs</span></div></a></div><div><a class="flex items-start gap-3 transition-all duration-200 group p-2.5 text-sm font-medium text-muted-foreground hover:text-primary hover:bg-primary/5 rounded-lg" href="/tech4good"><div class="flex items-center justify-center rounded-xl transition-all duration-200 shrink-0 mt-0.5 h-8 w-8 bg-gradient-to-br from-muted/80 to-muted/40 group-hover:from-primary/15 group-hover:to-primary/5 group-hover:scale-105"><img src="/src/assets/layout/logo/tech4goodNavIcon.svg" alt="Tech4Good" class="object-contain transition-transform duration-200 group-hover:scale-110 h-5 w-5"/></div><div class="flex flex-col min-w-0"><span class="transition-all duration-200 font-medium group-hover:translate-x-0.5">Tech4Good</span></div></a></div></div></div></div></div></li><li><a class="flex items-center gap-1.5 px-4 py-2 rounded-full transition-all duration-200 hover:bg-white/10 capitalize font-medium" href="/contact">Contact Us</a></li></ul><div class="hidden items-center gap-3 lg:flex"><a class="relative inline-flex items-center justify-center gap-2 whitespace-nowrap font-display uppercase ring-offset-background ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 overflow-hidden bg-gradient-to-r from-primary via-primary-light to-accent text-primary-foreground hover:scale-[1.04] hover:-translate-y-1 active:scale-[0.97] active:translate-y-0 text-base tracking-wider before:absolute before:inset-0 before:bg-gradient-to-r before:from-accent before:via-primary-light before:to-primary before:opacity-0 before:transition-opacity before:duration-500 animate-glow-pulse hover:animate-none px-6 py-2.5 min-w-[160px] w-full rounded-full h-10 font-semibold shadow-lg shadow-primary/25 hover:shadow-xl hover:shadow-
102primary/30 transition-all duration-300 flex items-center gap-2" href="/demo"><span>Schedule Demo Call</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 lucide-move-right h-4 w-4"><path d="M18 8L22 12L18 16"></path><path d="M2 12H22"></path></svg></a></div></div></nav><main id="main-content" class="flex-1 overflow-x-hidden max-w-full mainBg" tabindex="-1"><section class="relative overflow-hidden py-10 min-h-[400px] md:min-h-[600px] flex items-center md:py-10 !pb-0 heroBg"><div class="container relative z-10"><div class="grid lg:grid-cols-2 gap-8 md:gap-12 items-center"><div class="space-y-6 md:space-y-8 text-primary-foreground !pb-0"><h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl max-w-2xl font-bold tracking-tight leading-tight">AI Agents That Work For You</h1><p class="">Deploying intelligent autonomous agents that automate workflows, engage customers, and scale your operations 24/7.</p></div><div class="relative flex items-center justify-center"><div class="relative z-10"><img src="/src/assets/aboutUs/aboutHero.png" alt="Appgain Platform Dashboard" width="600" height="400" loading="eager" decoding="sync" class="w-full h-full" fetchpriority="high"/><div class="absolute -top-8 -left-8 w-16 h-16 bg-primary/30 rounded-full blur-2xl animate-pulse will-change-transform"></div><div class="absolute -top-4 -right-12 w-12 h-12 bg-primary-light/30 rounded-full blur-xl animate-pulse will-change-transform" style="animation-delay:0.5s"></div><div class="absolute -bottom-8 left-4 w-16 h-16 bg-accent/30 rounded-full blur-2xl animate-pulse will-change-transform" style="animation-delay:1s"></div><div class="absolute top-1/2 -right-8 w-10 h-10 bg-primary-light/30 rounded-full blur-lg animate-pulse will-change-transform" style="animation-delay:1.5s"></div></div></div></div></div></section><section class="py-20 bg-gradient-to-b from-background via-muted/20 to-background relative overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-20 left-10 w-72 h-72 bg-primary/5 rounded-full blur-3xl" style="opacity:0;transform:scale(0.8)"></div><div class="absolute bottom-20 right-10 w-96 h-96 bg-primary/5 rounded-full blur-3xl" style="opacity:0;transform:scale(0.8)"></div></div><div class="container relative z-10"><div class="max-w-4xl mx-auto"><div class="flex justify-center mb-8" style="opacity:0;transform:translateY(-20px)"><span class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Who We Are</span></div><p class="text-lg md:text-xl text-muted-foreground leading-relaxed mb-12 text-center" style="opacity:0;transform:translateY(30px)">We are pioneers in AI agentic automation, building intelligent systems that act autonomously on behalf of businesses. Our platform deploys AI agents that understand context, make decisions, and execute complex workflows without human intervention.</p><div class="group relative bg-card rounded-3xl p-8 mb-6 border border-border/50 hover:border-primary/30 transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:scale(0.9)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative z-10"><div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-primary to-primary/80 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-6 h-6 text-primary-foreground"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h3 class="text-2xl font-bold text-foreground">Leadership</h3></div><p class="text-muted-foreground leading-relaxed">Founded by <!-- -->Mohamed Shaheen<!-- --> in 2016, a serial entrepreneur with 20+ years in AI, automation, and enterprise technology. He has built and scaled a run of SaaS products â AppBoost, RetailGain, Shrinkit, and now ConnectGain â serving 1,200+ client deployments across Egypt, Saudi Arabia, and the UAE.</p></div></div><div class="group relative bg-card rounded-3xl p-8 border border-border/50 hover:border-primary/30 transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:scale(0.9)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
102parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative z-10"><div class="flex items-center gap-3 mb-4"><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-primary to-primary/80 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-6 h-6 text-primary-foreground"><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><h3 class="text-2xl font-bold text-foreground">Our Team</h3></div><p class="text-muted-foreground leading-relaxed">Our team is a Cairo-based, founder-led group of <!-- -->20+ specialists spanning engineering, AI, business development, marketing, and operations<!-- --> â the bench that turns Appgain's product vision into delivery at scale.</p></div></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 mt-16 max-w-4xl mx-auto" style="opacity:0"><div class="group relative bg-card rounded-2xl p-6 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center mx-auto mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-7 h-7 text-primary"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">20+</div><div class="text-sm text-muted-foreground font-medium">Years Building AI</div></div></div><div class="group relative bg-card rounded-2xl p-6 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center mx-auto mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-primary"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">1,200+</div><div class="text-sm text-muted-foreground font-medium">Businesses Automated</div></div></div><div class="group relative bg-card rounded-2xl p-6 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center mx-auto mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-7 h-7 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="text-3xl md:text-4xl font-bold text-foreground mb-1">400+</div><div class="text-sm text-muted-foreground font-medium">AI Agents Deployed</div></div></div><div class="group relative bg-card rounded-2xl p-6 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10">
102<div class="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center mx-auto mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-7 h-7 text-primary"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">2M+</div><div class="text-sm text-muted-foreground font-medium">Tasks Automated Daily</div></div></div></div></div></section><section class="py-20 bg-gradient-to-b from-background via-muted/10 to-background relative overflow-hidden"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-1/4 left-10 w-64 h-64 bg-primary/5 rounded-full blur-3xl" style="opacity:0"></div><div class="absolute bottom-1/4 right-10 w-80 h-80 bg-primary/5 rounded-full blur-3xl" style="opacity:0"></div></div><div class="container relative z-10"><div class="max-w-4xl mx-auto"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20 mb-6" style="opacity:0;transform:scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-4 h-4"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Our Journey</div><h2 class="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight" style="opacity:0;transform:translateY(20px)">From Automation to Autonomous AI</h2><p class="text-lg text-muted-foreground max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">From marketing automation pioneers to leaders in AI agentic platforms serving 1,200+ businesses across MENA.</p></div><div class="relative"><div class="absolute left-1/2 top-0 bottom-0 w-px bg-gradient-to-b from-primary/50 via-primary/30 to-transparent origin-top hidden md:block" style="transform:scaleY(0)"></div><div class="absolute left-6 top-0 bottom-0 w-px bg-gradient-to-b from-primary/50 via-primary/30 to-transparent origin-top md:hidden" style="transform:scaleY(0)"></div><div class="space-y-8 md:space-y-12"><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white mb-3">2016</span><h3 class="text-xl font-bold text-foreground mb-2">Company Founded</h3><p class="text-sm text-muted-foreground leading-relaxed">Appgain.io launched in Cairo with a vision to automate business operations across MENA.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 text-white"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 text-white"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row-reverse" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pl-12"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-emerald-500 to-teal-600 text-white mb-3">2017</span>
102<h3 class="text-xl font-bold text-foreground mb-2">First 50 Clients</h3><p class="text-sm text-muted-foreground leading-relaxed">Proved automation value with early adopters across Egypt and Saudi Arabia.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-emerald-500 to-teal-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-white"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-emerald-500 to-teal-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-white"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-amber-500 to-orange-600 text-white mb-3">2018</span><h3 class="text-xl font-bold text-foreground mb-2">500 Global Accelerator</h3><p class="text-sm text-muted-foreground leading-relaxed">Graduated from 500 Global accelerator, securing investment to scale automation capabilities.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-5 h-5 text-white"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-amber-500 to-orange-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-5 h-5 text-white"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row-reverse" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pl-12"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-purple-500 to-violet-600 text-white mb-3">
1022019</span><h3 class="text-xl font-bold text-foreground mb-2">Regional Expansion</h3><p class="text-sm text-muted-foreground leading-relaxed">Expanded to UAE and Istanbul, building 24/7 operational capability for enterprise clients.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-purple-500 to-violet-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-5 h-5 text-white"><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><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-purple-500 to-violet-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-5 h-5 text-white"><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><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-pink-500 to-rose-600 text-white mb-3">2020</span><h3 class="text-xl font-bold text-foreground mb-2">Saudi Market Entry</h3><p class="text-sm text-muted-foreground leading-relaxed">Expanded into Saudi Arabia, onboarding major retail and e-commerce clients.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-pink-500 to-rose-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-5 h-5 text-white"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-pink-500 to-rose-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-5 h-5 text-white"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row-reverse" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pl-12"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-cyan-500 to-blue-600 text-white mb-3">2021</span>
102<h3 class="text-xl font-bold text-foreground mb-2">Multi-Agent Platform</h3><p class="text-sm text-muted-foreground leading-relaxed">Launched specialized AI agents for e-commerce, sales, and customer service automation.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5 text-white"><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></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5 text-white"><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></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-green-500 to-emerald-600 text-white mb-3">2022</span><h3 class="text-xl font-bold text-foreground mb-2">500+ Businesses Automated</h3><p class="text-sm text-muted-foreground leading-relaxed">Deployed AI agents across 500+ businesses with 400+ custom implementations.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-green-500 to-emerald-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-5 h-5 text-white"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-green-500 to-emerald-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-5 h-5 text-white"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row-reverse" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pl-12"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-orange-500 to-red-600 text-white mb-3">2023</span>
102<h3 class="text-xl font-bold text-foreground mb-2">LLM Integration</h3><p class="text-sm text-muted-foreground leading-relaxed">Integrated large language models enabling truly intelligent, context-aware AI agents.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-orange-500 to-red-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-5 h-5 text-white"><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><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-orange-500 to-red-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-5 h-5 text-white"><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><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-indigo-500 to-purple-600 text-white mb-3">2024</span><h3 class="text-xl font-bold text-foreground mb-2">2M Monthly Active Users</h3><p class="text-sm text-muted-foreground leading-relaxed">Solutions built on Appgain now reach 2M monthly active users across 1,200+ client deployments in multiple markets.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-white"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-white"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row-reverse" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pl-12"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-sky-500 to-blue-600 text-white mb-3">2025</span>
102<h3 class="text-xl font-bold text-foreground mb-2">AI Agents Go Commercial</h3><p class="text-sm text-muted-foreground leading-relaxed">Voice and messaging AI agents moved into production, and paying clients came onboard on the ConnectGain AI agent platform from December 2025.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-sky-500 to-blue-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 text-white"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-sky-500 to-blue-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-5 h-5 text-white"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div><div class="relative flex items-start gap-6 md:gap-0 md:flex-row" style="opacity:0;transform:translateY(30px)"><div class="flex-1 md:w-1/2 md:pr-12 md:text-right"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10"><span class="inline-block px-3 py-1 text-xs font-bold rounded-full bg-gradient-to-r from-violet-500 to-fuchsia-600 text-white mb-3">2026</span><h3 class="text-xl font-bold text-foreground mb-2">AI Agent Operating System</h3><p class="text-sm text-muted-foreground leading-relaxed">Nine coordinated AI agents (voice, sales, booking, commerce, support and more) live with enterprise clients, with one client alone handling around 17,000 AI calls a month.</p></div></div></div><div class="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-violet-500 to-fuchsia-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot w-5 h-5 text-white"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div></div><div class="flex md:hidden absolute left-0 items-center justify-center"><div class="w-12 h-12 rounded-full bg-gradient-to-br from-violet-500 to-fuchsia-600 flex items-center justify-center shadow-lg ring-4 ring-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot w-5 h-5 text-white"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div></div><div class="hidden md:block flex-1 md:w-1/2"></div></div></div><div class="flex justify-center mt-12" style="opacity:0;transform:scale(0)"><div class="relative"><div class="w-16 h-16 rounded-full bg-gradient-to-br from-primary to-primary/80 flex items-center justify-center shadow-xl"><span class="text-xl font-bold text-primary-foreground">Now</span></div><div class="absolute inset-0 rounded-full bg-primary/30 -z-10"></div></div></div></div></div></div></section><section class="py-20 bg-gradient-to-b from-background via-muted/10 to-background relative overflow-hidden"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-1/3 right-10 w-72 h-72 bg-primary/5 rounded-full blur-3xl" style="opacity:0"></div><div class="absolute bottom-1/4 left-10 w-80 h-80 bg-primary/5 rounded-full blur-3xl" style="opacity:0"></div></div><div class="container relative z-10"><div class="max-w-6xl mx-auto"><div class="text-center mb-16 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20 mb-6" style="opacity:0;transform:scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4"><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><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>The Appgain Team</div><h2 class="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight" style="opacity:0;transform:translateY(20px)">A Founder-Led Team Built for Enterprise Delivery</h2><p class="text-lg text-muted-foreground leading-relaxed" style="opacity:0;transform:translateY(20px)">More than twenty specialists across engineering, AI, business development, marketing, and operations â the bench that turns Appgain's product vision into delivery at scale.</p></div><div class="group relative bg-card rounded-3xl p-8 md:p-10 mb-10 border border-border/50 hover:border-primary/30 transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-trans
102parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative z-10"><div class="flex items-center gap-4 mb-6"><img src="/src/assets/about/mohamed-shaheen.jpg" alt="Mohamed Shaheen" width="64" height="64" loading="lazy" class="w-16 h-16 shrink-0 rounded-2xl object-cover ring-2 ring-primary/20"/><div><h3 class="text-2xl font-bold text-foreground">Mohamed Shaheen</h3><p class="text-sm font-semibold text-primary uppercase tracking-wide">Founder & CEO</p></div></div><div class="space-y-4 mb-6"><p class="text-muted-foreground leading-relaxed">Mohamed Shaheen founded Appgain in 2016 and has led it ever since as CEO, bringing 20+ years of experience in AI, automation, and enterprise technology to the company's product and go-to-market direction.</p><p class="text-muted-foreground leading-relaxed">A serial entrepreneur, he previously co-founded Nabolia, a furniture e-commerce and circular-economy venture that won an EU GIMED sustainability grant, and began his career in digital security and identity/KYC at Gemalto (now Thales).</p><p class="text-muted-foreground leading-relaxed">At Appgain, he has built and scaled a run of SaaS products over the past decade â AppBoost, RetailGain, Shrinkit, and now ConnectGain â taking the company from a marketing-automation shop to a full agentic AI workforce platform serving 1,200+ client deployments across Egypt, Saudi Arabia, and the UAE. He remains hands-on across product management, solution architecture, sales, and delivery, and is a regular speaker at EngineerX and Techne Summit.</p></div><div class="flex flex-wrap gap-2 mb-6"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary/10 text-primary text-xs font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>20+ Years in AI & Enterprise Tech</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary/10 text-primary text-xs font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Serial Entrepreneur</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary/10 text-primary text-xs font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>EU GIMED Grant Winner</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary/10 text-primary text-xs font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Ex-Gemalto / Thales</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary/10 text-primary text-xs font-medium rounded-full border border-primary/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-3.5 h-3.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>EngineerX & Techne Summit Speaker</span></div><p class="text-foreground font-medium leading-relaxed border-t border-border/50 pt-6">That same track record now runs through the team he's built around him: a Cairo-based, founder-led group of more than twenty people spanning engineering, AI, business development, marketing, and operations â the bench that turns Appgain's product vision into delivery at scale.</p></div></div><div class="grid md:grid-cols-3 gap-6 mb-16" style="opacity:0"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium flex flex-col" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10 flex flex-col h-full"><div class="w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-6 h-6 text-primary"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><h4 class="text-xl font-bold text-foreground mb-2">Product, Engineering & AI</h4><p class="text-sm text-muted-foreground leading-relaxed mb-5">Appgain's product is built by a tight, cross-functional engineering bench spanning backend, frontend, and AI, coordinated end to end across the technical, AI, and flagship ConnectGain product teams.</p><ul class="space-y-2.5 mb-5"><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Ziyad Etman</span><span class="text-muted-foreground text-right">Senior Business Solutions Engineer & Solution Architect</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Menna AbdElsalam</span><span class="text-muted-foreground text-right">Project Manager</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Hesham Abdelatty</span><span class="text-muted-foreground text-right">Backend Engineer</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Ahmed Shaheen</span><span class="text-muted-foreground text-right">Backend Engineer, Python</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Mohamed Zidan</span><span class="text-muted-foreground text-right">Frontend Lead</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Shimaa Khaled</span><span class="text-muted-foreground text-right">AI Engineering Lead</span></li></ul><p class="text-xs text-muted-foreground leading-relaxed mt-auto pt-4 border-t border-border/50">Backed by a wider ConnectGain and AI squad â Kerolos Mekhail, Mawad
102a Kamel, Omar Adel, Mohammed Morra, and Mona Eid â carrying the platform's day-to-day development, testing, and iteration.</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium flex flex-col" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10 flex flex-col h-full"><div class="w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-6 h-6 text-primary"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h4 class="text-xl font-bold text-foreground mb-2">Business, Marketing & Growth</h4><p class="text-sm text-muted-foreground leading-relaxed mb-5">A dedicated commercial team drives pipeline, brand, and client-facing content that keeps Appgain's 1,200+ client relationships moving.</p><ul class="space-y-2.5 mb-5"><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Mohamed Khalid</span><span class="text-muted-foreground text-right">Sales Manager</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Shaimaa Samir</span><span class="text-muted-foreground text-right">Marketing Team Lead</span></li><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Ahmad Sami</span><span class="text-muted-foreground text-right">Graphic Designer</span></li></ul><p class="text-xs text-muted-foreground leading-relaxed mt-auto pt-4 border-t border-border/50">Joined by Arwa Wael, Alaa Elhelaly, and Khaled Shaheen on the wider business development and marketing team, working inbound leads, campaigns, and client-facing content.</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-primary/30 transition-all duration-300 hover:shadow-medium flex flex-col" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-2xl"></div><div class="relative z-10 flex flex-col h-full"><div class="w-12 h-12 rounded-2xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-handshake w-6 h-6 text-primary"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66"></path><path d="m18 15-2-2"></path><path d="m15 18-2-2"></path></svg></div><h4 class="text-xl font-bold text-foreground mb-2">People & Operations</h4><p class="text-sm text-muted-foreground leading-relaxed mb-5">People operations for a Cairo-based team that has grown to more than twenty people, keeping the organization running as it scales.</p><ul class="space-y-2.5 mb-5"><li class="flex items-baseline justify-between gap-3 text-sm"><span class="font-semibold text-foreground">Tarek Yousry</span><span class="text-muted-foreground text-right">HR Generalist</span></li></ul><p class="text-xs text-muted-foreground leading-relaxed mt-auto pt-4 border-t border-border/50">Rounded out by Mohamed Araby, Mohamed Reda, and Mohamed Hamdi across the broader group.</p></div></div></div><div class="relative rounded-3xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-r from-primary/10 via-primary/5 to-transparent"></div><div class="absolute inset-0 border border-primary/20 rounded-3xl"></div><div class="relative z-10 p-8 md:p-10"><div class="flex items-center gap-3 mb-4 justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-6 h-6 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><path d="m9 12 2 2 4-4"></path></svg><h3 class="text-sm font-semibold text-primary uppercase tracking-wider">Team Strength at a Glance</h3></div><p class="text-lg text-foreground leading-relaxed text-center max-w-3xl mx-auto mb-10">Every function has a dedicated lead â engineering, AI, sales, marketing, HR â coordinated day to day by a cross-functional project manager and solution architect, giving Appgain the combination of founder-level experience and full-stack delivery capacity to move at startup speed with enterprise-grade reliability.</p><div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 max-w-4xl mx-auto" style="opacity:0"><div class="bg-card/80 backdrop-blur rounded-2xl p-6 text-center border border-border/50" style="opacity:0;transform:translateY(30px)"><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">20+</div><div class="text-sm text-muted-foreground font-medium">Years Building & Scaling SaaS</div></div><div class="bg-card/80 backdrop-blur rounded-2xl p-6 text-center border border-border/50" style="opacity:0;transform:translateY(30px)"><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">20+</div><div class="text-sm text-muted-foreground font-medium">Team Members Across Functions</div></div><div class="bg-card/80 backdrop-blur rounded-2xl p-6 text-center border border-border/50" style="opacity:0;transform:translateY(30px)"><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">1,200+</div><div class="text-sm text-muted-foreground font-medium">Client Deployments</div></div><div class="bg-card/80 backdrop-blur rounded-2xl p-6 text-center border border-border/50" style="opacity:0;transform:translateY(30px)"><div class="text-3xl md:text-4xl font-bold text-foreground mb-1">3</div><div class="text-sm text-muted-foreground font-medium">Markets â Egypt, KSA, UAE</div></div></div></div></div></div></div></section><section class="py-20 bg-gradient-to-b from-background to-muted/30 relative overflow-hidden"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-0 left-1/4 w-px h-full bg-gradient-to-b from-transparent via-border to-transparent" style="opacity:0"></div><div class="absolute top-0 right-1/4 w-px h-full bg-gradient-to-b from-transparent via-border to-transparent" style="opacity:0"></div></div><div class="container relative z-10"><div class="max-w-5xl mx-auto"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20 mb-6" style="opacity:0;transform:scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-4 h-4"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg>AI Agent Suite</div><h2 class="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight" style="opacity:0;transform:translateY(20px)">Intelligent Agents for Every Function</h2><p class="text-lg text-muted-foreground leading-relaxed max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">Deploy specialized AI agents that understand your business context and execute autonomously across customer engagement, operations, and sales.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12" style="opacity:0"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-blue-500 via-blue-600 to-indigo-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl"></div><div class="absolute inset-[1px] bg-card rounded-2xl"></div><div class="relative z-10">
102<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-blue-500 via-blue-600 to-indigo-600 flex items-center justify-center mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone w-7 h-7 text-white"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Engagement Agent</h3><p class="text-sm text-muted-foreground leading-relaxed">Autonomous customer engagement & retention through intelligent messaging</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-emerald-500 via-green-500 to-teal-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl"></div><div class="absolute inset-[1px] bg-card rounded-2xl"></div><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-emerald-500 via-green-500 to-teal-600 flex items-center justify-center mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-7 h-7 text-white"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Commerce Agent</h3><p class="text-sm text-muted-foreground leading-relaxed">AI-powered e-commerce automation handling 500+ merchant workflows</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-violet-500 via-purple-500 to-indigo-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl"></div><div class="absolute inset-[1px] bg-card rounded-2xl"></div><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-violet-500 via-purple-500 to-indigo-600 flex items-center justify-center mb-5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-7 h-7 text-white"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Conversation Agent</h3><p class="text-sm text-muted-foreground leading-relaxed">AI that answers questions, transcribes calls, and automates conversations across channels</p></div></div></div><div class="relative rounded-3xl p-8 md:p-10 overflow-hidden" style="opacity:0;transform:scale(0.95)"><div class="absolute inset-0 bg-gradient-to-r from-primary via-primary/90 to-primary/80"></div><div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMtOS45NDEgMC0xOCA4LjA1OS0xOCAxOHM4LjA1OSAxOCAxOCAxOCAxOC04LjA1OSAxOC0xOC04LjA1OS0xOC0xOC0xOHptMCAzMmMtNy43MzIgMC0xNC02LjI2OC0xNC0xNHM2LjI2OC0xNCAxNC0xNCAxNCA2LjI2OCAxNCAxNC02LjI2OCAxNC0xNCAxNHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==')] opacity-30"></div><div class="relative z-10 text-center"><p class="text-lg md:text-xl text-primary-foreground leading-relaxed max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">Our AI agents replace manual processes and fragmented tools with <!-- -->intelligent autonomous systems<!-- --> that learn, adapt, and execute â reducing costs by 60% while improving outcomes.</p></div></div></div></div></section><section class="py-20 bg-background relative overflow-hidden"><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-border to-transparent origin-center" style="transform:scale
102X(0)"></div><div class="container relative z-10"><div class="max-w-5xl mx-auto"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20 mb-6" style="opacity:0;transform:scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-4 h-4"><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>Where We Deploy</div><h2 class="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight" style="opacity:0;transform:translateY(20px)">AI Agents Across Industries</h2><p class="text-lg text-muted-foreground leading-relaxed max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Purpose-built for MENA markets with Arabic-first AI, regional integrations (Shopify, Salla, Zid), and enterprise-grade deployment options.</p></div><div class="mb-16"><h3 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-6 text-center" style="opacity:0">Industries We Serve</h3><div class="flex flex-wrap justify-center gap-3" style="opacity:0"><div class="group flex items-center gap-3 bg-card border border-border/50 rounded-full px-5 py-3 hover:border-primary/50 hover:bg-primary/5 transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building w-4 h-4 text-primary"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><span class="text-sm font-medium text-foreground whitespace-nowrap">Retail & multi-location businesses needing unified automation</span></div><div class="group flex items-center gap-3 bg-card border border-border/50 rounded-full px-5 py-3 hover:border-primary/50 hover:bg-primary/5 transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag w-4 h-4 text-primary"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></div><span class="text-sm font-medium text-foreground whitespace-nowrap">E-commerce brands scaling with AI-powered operations</span></div><div class="group flex items-center gap-3 bg-card border border-border/50 rounded-full px-5 py-3 hover:border-primary/50 hover:bg-primary/5 transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck w-4 h-4 text-primary"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="text-sm font-medium text-foreground whitespace-nowrap">B2B enterprises automating sales & distribution workflows</span></div><div class="group flex items-center gap-3 bg-card border border-border/50 rounded-full px-5 py-3 hover:border-primary/50 hover:bg-primary/5 transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-4 h-4 text-primary"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><span class="text-sm font-medium text-foreground whitespace-nowrap">SaaS companies deploying AI for customer success</span></div><div class="group flex items-center gap-3 bg-card border border-border/50 rounded-full px-5 py-3 hover:border-primary/50 hover:bg-primary/5 transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-4 h-4 text-primary"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><span class="text-sm font-medium text-foreground whitespace-nowrap">Enterprises requiring custom AI agent deployments</span></div></div></div><div class="mb-16"><h3 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-8 text-center" style="opacity:0">Deployment Options</h3><div class="grid md:grid-cols-3 gap-6" style="opacity:0"><div class="group relative bg-card rounded-2xl p-8 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-b from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mx-auto mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-8 h-8 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="text-xl font-bold text-foreground mb-2">Cloud Agents</h4><p class="text-sm text-muted-foreground">Instant deployment, continuous learning</p></div></div><div class="group relative bg-card rounded-2xl p-8 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-b from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mx-auto mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server w-8 h-8 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="text-xl font-bold text-foreground mb-2">Private AI</h4><p class="text-sm text-muted-foreground">
102Dedicated AI infrastructure</p></div></div><div class="group relative bg-card rounded-2xl p-8 text-center border border-border/50 hover:border-primary/50 transition-all duration-300 hover:shadow-medium overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-b from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mx-auto mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-8 h-8 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><h4 class="text-xl font-bold text-foreground mb-2">On-Premise</h4><p class="text-sm text-muted-foreground">Available for enterprise, on request</p></div></div></div><p class="text-center text-muted-foreground mt-8 text-sm" style="opacity:0">Enterprise-grade AI deployment for regulated industries including finance, healthcare, and government.</p></div><div class="relative rounded-3xl overflow-hidden" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="absolute inset-0 bg-gradient-to-r from-amber-500/10 via-orange-500/10 to-yellow-500/10"></div><div class="absolute inset-0 border border-amber-500/20 rounded-3xl"></div><div class="relative z-10 p-8 md:p-10"><div class="flex items-center justify-center gap-3 mb-4" style="transform:scale(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 lucide-award w-8 h-8 text-amber-500"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><p class="text-lg text-foreground leading-relaxed text-center max-w-3xl mx-auto" style="opacity:0">Proven AI expertise from <!-- -->500 Global accelerator<!-- -->, with a founding team that has built and scaled AI-powered ventures generating $600K+ across MENA markets.</p></div></div></div></div></section><section class="py-20 bg-gradient-to-b from-muted/30 via-background to-muted/20 relative overflow-hidden"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-40 -left-20 w-80 h-80 bg-primary/5 rounded-full blur-3xl" style="opacity:0;transform:translateX(-100px)"></div><div class="absolute bottom-40 -right-20 w-80 h-80 bg-primary/5 rounded-full blur-3xl" style="opacity:0;transform:translateX(100px)"></div></div><div class="container relative z-10"><div class="max-w-6xl mx-auto"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary text-sm font-medium rounded-full border border-primary/20 mb-6" style="opacity:0;transform:scale(0.8)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy w-4 h-4"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path></svg>Client Success Stories</div><h2 class="text-4xl md:text-5xl font-bold text-foreground mb-6 tracking-tight" style="opacity:0;transform:translateY(20px)">Appgain Success Stories</h2><p class="text-lg text-muted-foreground max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Concise case studies showing how Appgain turns ambitious digital-transformation goals into measurable business value.</p></div><div class="mb-20" style="opacity:0"><div class="flex flex-wrap justify-center gap-3"><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">T</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Toki Live</div><div class="text-xs text-muted-foreground leading-tight">Entertainment</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">C</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">CoffeeHub</div><div class="text-xs text-muted-foreground leading-tight">E-commerce</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">A</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Al Dhafra</div><div class="text-xs text-muted-foreground leading-tight">Healthcare</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">S</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Shrinkit</div><div class="text-xs text-muted-foreground leading-tight">SaaS</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">S</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Safqqa</div><div class="text-xs text-muted-foreground leading-tight">Fashion</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">W</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Wasel</div><div class="text-xs text-muted-foreground leading-tight">SaaS</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">E</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">EL-Basha</div><div class="text-xs text-muted-foreground leading-tight">E-commerce</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">I</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">IHSAN</div><div class="text-xs text-muted-foreground leading-tight">Non-Profit</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">P</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Peak Pharma</div><div class="text-xs text-muted-foreground leading-tight">Pharma</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">N</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Nabolia</div><div class="text-xs text-muted-foreground leading-tight">Furniture</div></div></div><div class="group flex items-center gap-2 bg-card border border-border/50 rounded-full px-4 py-2.5 hover:border-primary/50 hover:shadow-soft transition-all duration-300 cursor-default" style="opacity:0;transform:translateY(30px)"><div class="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center text-sm font-bold text-primary group-hover:from-primary/30 group-hover:to-primary/10 transition-colors">A</div><div class="text-left"><div class="text-sm font-medium text-foreground group-hover:text-primary transition-colors leading-tight">Arabiatec</div><div class="text-xs text-muted-foreground leading-tight">Automotive</div></div></div></div></div><div class="mb-16"><h3 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-8 text-center" style="opacity:0">Featured Case Studies</h3><div class="grid md:grid-cols-2 gap-6"><div class="group relative bg-card rounded-3xl border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="absolute inset-0 bg-gradient-to-br from-pink-500 to-rose-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl"></div><div class="absolute inset-[1px] bg-card rounded-3xl"></div><div class="relative z-10 p-6 md:p-8"><div class="flex items-start gap-4 mb-5">
102<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-pink-500 to-rose-600 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video w-7 h-7 text-white"><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="flex-1 min-w-0"><div class="flex items-center gap-2 flex-wrap mb-1"><span class="text-xl font-bold text-foreground">Toki Live</span><span class="px-2.5 py-1 bg-muted text-muted-foreground text-xs font-medium rounded-full">KSA</span></div><div class="text-sm text-primary font-medium">Social & Entertainment</div></div></div><h4 class="text-lg font-semibold text-foreground mb-3">Scalable, AI-Moderated Live Streaming</h4><p class="text-muted-foreground text-sm leading-relaxed mb-5">HD video on Kubernetes and AWS, real-time AI content moderation, and push, email and SMS campaigns with a virtual-coins reward system.</p><div class="pt-4 border-t border-border/50"><div class="text-xs font-semibold text-foreground uppercase tracking-wider mb-3">Results</div><div class="grid grid-cols-2 gap-2"><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-pink-500 to-rose-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">99.97% uptime at peak load</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-pink-500 to-rose-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">42% longer average sessions</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-pink-500 to-rose-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">27% higher month-one retention after the rewards rollout</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-pink-500 to-rose-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Real-time AI content moderation</span></div></div></div></div></div><div class="group relative bg-card rounded-3xl border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="absolute inset-0 bg-gradient-to-br from-amber-600 to-orange-700 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl"></div><div class="absolute inset-[1px] bg-card rounded-3xl"></div><div class="relative z-10 p-6 md:p-8"><div class="flex items-start gap-4 mb-5"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-amber-600 to-orange-700 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee w-7 h-7 text-white"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2 flex-wrap mb-1"><span class="text-xl font-bold text-foreground">CoffeeHub</span><span class="px-2.5 py-1 bg-muted text-muted-foreground text-xs font-medium rounded-full">Egypt</span></div><div class="text-sm text-primary font-medium">Specialty Coffee E-Commerce</div></div></div><h4 class="text-lg font-semibold text-foreground mb-3">Omni-Channel Coffee Retail Goes Mobile</h4><p class="text-muted-foreground text-sm leading-relaxed mb-5">Native iOS and Android apps launched through Shopify2App in 10 business days, with push notifications for abandoned carts and flash sales, RTL support and brand-aligned design.</p><div class="pt-4 border-t border-border/50"><div class="text-xs font-semibold text-foreground uppercase tracking-wider mb-3">Results</div><div class="grid grid-cols-2 gap-2"><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-amber-600 to-orange-700 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Mobile apps now drive 58% of total orders</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-amber-600 to-orange-700 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Checkout abandonment down 35%</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-amber-600 to-orange-700 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">App ratings of 4.7/5 on iOS and 4.6/5 on Android</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-amber-600 to-orange-700 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Live in 10 business days</span></div></div></div></div></div><div class="group relative bg-card rounded-3xl border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="absolute inset-0 bg-gradient-to-br from-purple-500 to-violet-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl"></div><div class="absolute inset-[1px] bg-card rounded-3xl"></div><div class="relative z-10 p-6 md:p-8"><div class="flex items-start gap-4 mb-5">
102<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-purple-500 to-violet-600 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-7 h-7 text-white"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2 flex-wrap mb-1"><span class="text-xl font-bold text-foreground">IHSAN Charity</span><span class="px-2.5 py-1 bg-muted text-muted-foreground text-xs font-medium rounded-full">UAE</span></div><div class="text-sm text-primary font-medium">Philanthropy & Non-Profit</div></div></div><h4 class="text-lg font-semibold text-foreground mb-3">Multi-Channel Giving Super-App</h4><p class="text-muted-foreground text-sm leading-relaxed mb-5">Create a donor-centric mobile experience that simplifies payments, personalises project discovery and drives recurring giving, while remaining NGO-compliant.</p><div class="pt-4 border-t border-border/50"><div class="text-xs font-semibold text-foreground uppercase tracking-wider mb-3">Results</div><div class="grid grid-cols-2 gap-2"><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-purple-500 to-violet-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Median donation time cut from 5 to 2 minutes</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-purple-500 to-violet-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Repeat donation rate up to 29%, from 17%</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-purple-500 to-violet-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">22% campaign revenue uplift, push and SMS versus manual outreach</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-purple-500 to-violet-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">AI recommender for personalised project suggestions</span></div></div></div></div></div><div class="group relative bg-card rounded-3xl border border-border/50 hover:border-transparent transition-all duration-500 hover:shadow-elegant overflow-hidden" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="absolute inset-0 bg-gradient-to-br from-indigo-500 to-blue-600 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-3xl"></div><div class="absolute inset-[1px] bg-card rounded-3xl"></div><div class="relative z-10 p-6 md:p-8"><div class="flex items-start gap-4 mb-5"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-indigo-500 to-blue-600 flex items-center justify-center flex-shrink-0 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sofa w-7 h-7 text-white"><path d="M20 9V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3"></path><path d="M2 16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z"></path><path d="M4 18v2"></path><path d="M20 18v2"></path><path d="M12 4v9"></path></svg></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2 flex-wrap mb-1"><span class="text-xl font-bold text-foreground">Nabolia</span><span class="px-2.5 py-1 bg-muted text-muted-foreground text-xs font-medium rounded-full">Egypt & GCC</span></div><div class="text-sm text-primary font-medium">Furniture E-Commerce</div></div></div><h4 class="text-lg font-semibold text-foreground mb-3">AI-Driven Furniture Commerce & Room Visualisation</h4><p class="text-muted-foreground text-sm leading-relaxed mb-5">Re-platformed on Shopify OS 2.0 with Arabic and English UX, and launched an AI Room Designer (upload a photo, get a photorealistic layout) to shorten the decision cycle and reduce returns.</p><div class="pt-4 border-t border-border/50"><div class="text-xs font-semibold text-foreground uppercase tracking-wider mb-3">Results</div><div class="grid grid-cols-2 gap-2"><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-indigo-500 to-blue-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">300% GMV growth, 2023 to 2024</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-indigo-500 to-blue-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">25% higher add-to-cart rate driven by the AI Designer</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-indigo-500 to-blue-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">Return rate down from 12% to 4.5%</span></div><div class="flex items-start gap-2"><div class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-indigo-500 to-blue-600 mt-1.5 flex-shrink-0"></div><span class="text-xs text-muted-foreground leading-relaxed">11 tonnes of furniture diverted from landfill in 9 months</span></div></div></div></div></div></div><div class="text-center mt-10" style="opacity:0"><button class="group inline-flex items-center gap-2 px-6 py-3 bg-card border border-border/50 text-foreground font-medium rounded-full hover:border-primary/50 hover:bg-primary/5 transition-all duration-300" tabindex="0">View All 16 Success Stories<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 group-hover:translate-y-0.5 transition-transform"><path d="m6 9 6 6 6-6"></path></svg></button></div><p class="text-xs text-muted-foreground text-center max-w-3xl mx-auto mt-8 leading-relaxed">Client names and project details are shared with each client's written consent. Results are client-reported at the time of project completion and are not a guarantee of specific outcomes.</p></div><div class="grid md:grid-cols-3 gap-6 mb-16" style="opacity:0"><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="absolute inset-[1px] bg-card rounded-2xl group-hover:bg-card/95 transition-colors"></div><div class="relative z-10 text-center"><h4 class="text-2xl font-bold mb-3 bg-gradient-to-r from-blue-500 to-cyan-500 bg-clip-text text-transparent">Local & Flexible</h4><p class="text-sm text-muted-foreground leading-relaxed">Pay in Egyptian pounds, receive legally compliant e-invoices, and get support from a 100% Egyptian team.</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="absolute inset-[1px] bg-card rounded-2xl group-hover:bg-card/95 transition-colors"></div><div class="relative z-10 text-center"><h4 class="text-2xl font-bold mb-3 bg-gradient-to-r from-purple-500 to-pink-500 bg-clip-text text-transparent">
102End-to-End Stack</h4><p class="text-sm text-muted-foreground leading-relaxed">From mobile SDKs to AI, marketing automation and DevOps, Appgain owns the full delivery lifecycle.</p></div></div><div class="group relative bg-card rounded-2xl p-6 border border-border/50 hover:border-transparent transition-all duration-500 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="absolute inset-[1px] bg-card rounded-2xl group-hover:bg-card/95 transition-colors"></div><div class="relative z-10 text-center"><h4 class="text-2xl font-bold mb-3 bg-gradient-to-r from-amber-500 to-orange-500 bg-clip-text text-transparent">Proven at Scale</h4><p class="text-sm text-muted-foreground leading-relaxed">The platforms we power handle millions of monthly active users.</p></div></div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><p class="text-lg text-muted-foreground mb-6">Ready to write your own success story?</p><div tabindex="0"><a class="group inline-flex items-center gap-3 px-8 py-4 bg-primary text-primary-foreground font-semibold rounded-full hover:bg-primary/90 transition-all duration-300 shadow-lg hover:shadow-xl" href="/demo">Get Started Today<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform rtl:rotate-180"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><section class="py-16 bg-gradient-to-b from-muted/20 to-background relative overflow-hidden"><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-border to-transparent origin-center" style="transform:scaleX(0)"></div><div class="container relative z-10"><div class="text-center mb-10" style="opacity:0;transform:translateY(20px)"><h3 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider">Backed By Industry Leaders</h3></div><div class="flex flex-col md:flex-row justify-center items-center gap-8 md:gap-16 max-w-4xl mx-auto"><img src="/src/assets/aboutUs/Assentat.svg" alt="As Seen At" class="w-full h-full object-contain opacity-80 group-hover:opacity-100 transition-opacity"/><img src="/src/assets/aboutUs/ourInvestors.svg" alt="Our Investors" class="w-full h-auto object-contain opacity-80 group-hover:opacity-100 transition-opacity"/></div></div></section></main><footer class="text-primary-foreground relative overflow-x-hidden max-w-full"><div><div class="footer-bg"><div class="container"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8 overflow-x-hidden max-w-full"><div class="lg:col-span-1"><a class="flex items-center gap-2 mb-4" href="/"><img src="/src/assets/layout/logo/appgainWhiteLogo.svg" alt="Appgain Logo" class="w-full h-full"/></a><p class="text-sm text-primary-foreground/70 mb-6 max-w-xs">Appgain.io is the AI Workforce Platform for MENA businesses. Deploy intelligent agents that handle call centers, sales, CRM, and automation â so your team closes more deals.</p><div class="mb-6"><form class="flex gap-2" action="https://appgain.us8.list-manage.com/subscribe/post?u=7697c2b6cbf22ed7a4bb4c3df&id=55116dff17&f_id=0098d1e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_self"><div style="position:absolute;left:-5000px" aria-hidden="true"><input type="text" name="b_7697c2b6cbf22ed7a4bb4c3df_55116dff17" tabindex="-1" value=""/></div></form></div><div class="flex gap-2"><a href="https://www.facebook.com/appgain" target="_blank" rel="noopener noreferrer" class="h-9 w-9 rounded-md bg-background/10 hover:bg-background/20 flex items-center justify-center transition-colors text-primary-foreground" aria-label="Visit our Facebook page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://twitter.com/appgain" target="_blank" rel="noopener noreferrer" class="h-9 w-9 rounded-md bg-background/10 hover:bg-background/20 flex items-center justify-center transition-colors text-primary-foreground" aria-label="Visit our Twitter profile"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-4 w-4"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.linkedin.com/company/appgain/" target="_blank" rel="noopener noreferrer" class="h-9 w-9 rounded-md bg-background/10 hover:bg-background/20 flex items-center justify-center transition-colors text-primary-foreground" aria-label="Visit our LinkedIn profile"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-4 w-4"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.youtube.com/channel/UCg-aql2tsgBlThT1JJ5QZ7g" target="_blank" rel="noopener noreferrer" class="h-9 w-9 rounded-md bg-background/10 hover:bg-background/20 flex items-center justify-center transition-colors text-primary-foreground" aria-label="Visit our YouTube channel"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-4 w-4"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
1025 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></div></div><div><h3 class="font-semibold text-xl mb-4 text-primary-foreground">Channels</h3><ul class="space-y-3"><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/whatsapp">WhatsApp</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/email">Email</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/sms">SMS</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/push-notifications">Rich Push Notifications</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/web-push-notifications">Web Push Notifications</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/unified-inbox">Unified Inbox</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/broadcast">Broadcast Campaigns</a></li></ul></div><div><h3 class="font-semibold text-xl mb-4 text-primary-foreground">AI & Automation</h3><ul class="space-y-3"><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/ai-customer-bot">AI Customer Bot</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/ai-call-intelligence">AI Voice & Call Center</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/bot-builder">Visual Bot Builder</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/safebite-ai">SafeBite AI</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/sequences">Sequences</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/marketing-automation">Marketing Automation</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/omni-channel-messaging">Omnichannel Messaging</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/crm">Rich Profile CRM</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/cdp">CDP</a></li></ul></div><div><h3 class="font-semibold text-xl mb-4 text-primary-foreground">Resources</h3><ul class="space-y-3"><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/blogs">Blogs</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/ebooks">eBooks</a></li><li><a href="https://docs.appgain.io/" target="_blank" rel="noopener noreferrer" class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors">Developer Docs</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/demo-center">Demo Center</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/glossary">Glossary</a></li><li><a href="https://headwayapp.co/appgain-changelog" target="_blank" rel="noopener noreferrer" class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors">Product Releases</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/integrations">Integrations</a></li></ul></div><div><h3 class="font-semibold text-xl mb-4 text-primary-foreground">Company</h3><ul class="space-y-3"><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/about">About Us</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/contact">Contact Us</a></li><li>
102<a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/partners">Partners</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/faqs">FAQs</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/tech4good">Tech4Good</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/invest">Invest</a></li><li><a class="text-sm text-primary-foreground/70 hover:text-primary-foreground transition-colors" href="/newsroom">News Room</a></li></ul></div></div><div class="border-t border-border/20 mt-12 pt-8 flex flex-col md:flex-row justify-center items-center gap-4"><p class="text-sm text-primary-foreground/70">© Appgain Inc. <!-- -->2026<!-- --> <!-- -->All Rights Reserved<!-- --> |<!-- --> <a class="hover:text-primary-foreground transition-colors" aria-label="Terms of Service" href="/tos">TOS</a> <!-- -->|<!-- --> <a class="hover:text-primary-foreground transition-colors" aria-label="Privacy Policy" href="/privacy">Privacy Policy</a> <!-- -->|<!-- --> <a class="hover:text-primary-foreground transition-colors" aria-label="Cookie Policy" href="/cookie-policy">Cookie Policy</a></p></div></div><div class="h-20 md:h-0"></div></div></div></footer><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-display font-bold uppercase ring-offset-background ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 overflow-hidden border-2 hover:-translate-y-0.5 active:translate-y-0 active:bg-primary/10 tracking-normal fixed bottom-6 right-6 z-50 h-12 w-12 rounded-full shadow-lg transition-all duration-300 bg-background/90 backdrop-blur-sm border-border hover:bg-primary hover:text-primary-foreground hover:border-primary hover:shadow-xl hover:scale-110 opacity-0 translate-y-4 pointer-events-none" aria-label="Scroll to top"><span class="relative z-10 flex items-center justify-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up h-5 w-5"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></button></div></div> 103 </body> 104</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.