1<!DOCTYPE html><!--6N2ejU8li6zQCJfggtr_I--><html lang="en" class="__variable_51eafd __className_51eafd __variable_13d7ab __variable_7c98a1 __variable_8b3a0b" data-sentry-component="RootLayout" data-sentry-source-file="layout.tsx"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no"/><link rel="preload" href="/_next/static/media/3be83a346553616c-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/504f699ce71abd8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ee40bb094c99a29a-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/img/revamp/beeline-logo-banner.png"/><link rel="preload" as="image" href="https://media.beehiiv.com/cdn-cgi/image/format=auto,fit=scale-down,onerror=redirect/uploads/asset/file/b713cb2c-65d8-4f6a-866c-e576326dbbcb/1_1.png"/><link rel="preload" as="image" href="/img/revamp/logos/Alpha-Pharm.png"/><link rel="preload" as="image" href="/img/revamp/logos/Bidvest-Steiner.png"/><link rel="preload" as="image" href="/img/revamp/logos/Bootlegger.png"/><link rel="preload" as="image" href="/img/revamp/logos/Melon.png"/><link rel="preload" as="image" href="/img/revamp/logos/Faro.png"/><link rel="preload" as="image" href="/img/revamp/logos/Fibertime.png"/><link rel="preload" as="image" href="/img/revamp/logos/Lasec.png"/><link rel="preload" as="image" href="/img/revamp/logos/Waxit.png"/><link rel="stylesheet" href="/_next/static/css/55ceb5445cb97687.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/47b71017b6d7c15a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/32381ded3efb0401.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1957ba01e9a4c84c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e8849d241ce30682.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a4119e7e0588d132.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/9c422a5e52f441f0.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5f7629b33b8a75fd.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e94df413dd40d45f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8b9066f5b38a1361.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-7c81a51b28c51f71.js"/>
1<script src="/_next/static/chunks/52774a7f-4e5b7f5586177b1e.js" async=""></script>
1<script src="/_next/static/chunks/4bd1b696-42349c15bdecf8cb.js" async=""></script>
1<script src="/_next/static/chunks/85224-dd77279fac645a50.js" async=""></script>
1<script src="/_next/static/chunks/main-app-b42100017c768dd3.js" async=""></script>
1<script src="/_next/static/chunks/c857e369-a6bd44d1c67d6429.js" async=""></script>
1<script src="/_next/static/chunks/e37a0b60-723ded722af46af3.js" async=""></script>
1<script src="/_next/static/chunks/bdfe9574-02dc889eb9023cfd.js" async=""></script>
1<script src="/_next/static/chunks/f67032f2-84e78ba1e44b33fa.js" async=""></script>
1<script src="/_next/static/chunks/ccd63cfe-367bab2ca55113dd.js" async=""></script>
1<script src="/_next/static/chunks/8ace8c09-ea5dc0a20100bf55.js" async=""></script>
1<script src="/_next/static/chunks/2170a4aa-a2476f8c94feef0b.js" async=""></script>
1<script src="/_next/static/chunks/76567b6f-4e975f8d037c2255.js" async=""></script>
1<script src="/_next/static/chunks/b1644e8c-5274257667403a69.js" async=""></script>
1<script src="/_next/static/chunks/e8686b1f-258f361a160129b5.js" async=""></script>
1<script src="/_next/static/chunks/c0e397d0-218325c8bc3363e9.js" async=""></script>
1<script src="/_next/static/chunks/92619-aa7ecd91447b4270.js" async=""></script>
1<script src="/_next/static/chunks/21951-ca1f81a76712e08e.js" async=""></script>
1<script src="/_next/static/chunks/44845-119164ba939751b9.js" async=""></script>
1<script src="/_next/static/chunks/38437-5639f1287d68665c.js" async=""></script>
1<script src="/_next/static/chunks/67215-298f747e66a57874.js" async=""></script>
1<script src="/_next/static/chunks/44855-64d566742a835e71.js" async=""></script>
1<script src="/_next/static/chunks/58077-38590d65c0692f71.js" async=""></script>
1<script src="/_next/static/chunks/486-c4125edef8f16a99.js" async=""></script>
1<script src="/_next/static/chunks/74963-80a116e6240d21c5.js" async=""></script>
1<script src="/_next/static/chunks/67884-b1992221e043a9f6.js" async=""></script>
1<script src="/_next/static/chunks/91798-305f51c37329bd11.js" async=""></script>
1<script src="/_next/static/chunks/17888-58473d804866e50e.js" async=""></script>
1<script src="/_next/static/chunks/99003-2902c84073826776.js" async=""></script>
1<script src="/_next/static/chunks/2719-894d58f5a79f2b61.js" async=""></script>
1<script src="/_next/static/chunks/49339-ccd93756b70e7f62.js" async=""></script>
1<script src="/_next/static/chunks/41995-630d0e466af482ef.js" async=""></script>
1<script src="/_next/static/chunks/357-783a1627ae93a73c.js" async=""></script>
1<script src="/_next/static/chunks/1184-f93e3fcd4ee3eac3.js" async=""></script>
1<script src="/_next/static/chunks/7029-9b7448a6606c0458.js" async=""></script>
1<script src="/_next/static/chunks/15210-5c6b02fccaeb86fb.js" async=""></script>
1<script src="/_next/static/chunks/59185-d0fa9bab65cd55e1.js" async=""></script>
1<script src="/_next/static/chunks/39300-3b4777c84e34b52b.js" async=""></script>
1<script src="/_next/static/chunks/98863-4fb0eb45a3bdfd32.js" async=""></script>
1<script src="/_next/static/chunks/911-6e6d649caa0db70b.js" async=""></script>
1<script src="/_next/static/chunks/37366-0c999973dc78a8b5.js" async=""></script>
1<script src="/_next/static/chunks/44054-b2d282a99c94f48a.js" async=""></script>
1<script src="/_next/static/chunks/5198-ba0756e9ace479ac.js" async=""></script>
1<script src="/_next/static/chunks/76276-25f941ea0cd08dec.js" async=""></script>
1<script src="/_next/static/chunks/15914-8ebe12964d8ab192.js" async=""></script>
1<script src="/_next/static/chunks/44923-f17367a469742f64.js" async=""></script>
1<script src="/_next/static/chunks/28292-7941531a59daa02a.js" async=""></script>
1<script src="/_next/static/chunks/32169-23c3372513b8a95d.js" async=""></script>
1<script src="/_next/static/chunks/72491-06e4db7e437cd305.js" async=""></script>
1<script src="/_next/static/chunks/19119-20153c7365a6db9c.js" async=""></script>
1<script src="/_next/static/chunks/31594-c845cdbd3a613562.js" async=""></script>
1<script src="/_next/static/chunks/3313-a542acdb664d6a37.js" async=""></script>
1<script src="/_next/static/chunks/41373-377bb68e2c5260f4.js" async=""></script>
1<script src="/_next/static/chunks/45652-50585a98a326a9be.js" async=""></script>
1<script src="/_next/static/chunks/30556-ee1f7f1c703d6ab8.js" async=""></script>
1<script src="/_next/static/chunks/66709-cd991055b2bb14ed.js" async=""></script>
1<script src="/_next/static/chunks/12746-d7d9ebda3fff9f78.js" async=""></script>
1<script src="/_next/static/chunks/21190-49a5276e781d7584.js" async=""></script>
1<script src="/_next/static/chunks/1528-93eae8bb1feeb346.js" async=""></script>
1<script src="/_next/static/chunks/72037-998af88406e812a4.js" async=""></script>
1<script src="/_next/static/chunks/40804-bb0797b32529c472.js" async=""></script>
1<script src="/_next/static/chunks/26573-f07867863cfb741b.js" async=""></script>
1<script src="/_next/static/chunks/81555-72b6b2a37f1c9368.js" async=""></script>
1<script src="/_next/static/chunks/24718-b84deb582cdc049e.js" async=""></script>
1<script src="/_next/static/chunks/15861-b857afec64351661.js" async=""></script>
1<script src="/_next/static/chunks/62374-f5b282a7ba84ed07.js" async=""></script>
1<script src="/_next/static/chunks/54822-44b3dd72aec5477f.js" async=""></script>
1<script src="/_next/static/chunks/83496-b028a5f6d565f76f.js" async=""></script>
1<script src="/_next/static/chunks/23741-4db1c0aa93fa71ca.js" async=""></script>
1<script src="/_next/static/chunks/84046-b8b6106d9dbcec1a.js" async=""></script>
1<script src="/_next/static/chunks/80260-4ea68206ac7ce5f9.js" async=""></script>
1<script src="/_next/static/chunks/61419-6b22fe85c557a6ef.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-f46265b8a65a81ad.js" async=""></script>
1<script src="/_next/static/chunks/app/error-68187b168b38a191.js" async=""></script>
1<script src="/_next/static/chunks/98500-719c73a1e3f4c0ea.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-3b27bb51ef96a0c1.js" async=""></script>
1<script src="/_next/static/chunks/35850-a303d5920c0ef85c.js" async=""></script>
1<script src="/_next/static/chunks/app/(marketing)/layout-89bdb8286949f198.js" async=""></script>
1<script src="/_next/static/chunks/app/global-error-e13b042fbb5ce665.js" async=""></script>
1<script src="/_next/static/chunks/66364-21648219e8c58777.js" async=""></script>
1<script src="/_next/static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-Y62HB28QSY" as="script" crossorigin=""/><link rel="preload" href="https://tracker.metricool.com/resources/be.js" as="script"/><link rel="preload" as="image" href="/img/revamp/logos/Solar-Africa.png"/><link rel="preload" as="image" href="/img/revamp/logos/Herholdts-Group.png"/><meta name="next-size-adjust" content=""/><title>Performance Enablement Platform for Distributed Teams | Beeline</title><meta name="description" content="Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role. More than a performance LMS: theory, practice and performance, proven for distributed teams."/><meta name="keywords" content="Beeline,Beeline Learn,workforce training,AI learning platform,performance enablement platform,performance LMS,distributed teams,microlearning,South Africa,employee development,frontline workforce,LXP,LMS"/><link rel="canonical" href="https://www.beeline.life/"/><meta property="og:title" content="Performance Enablement Platform for Distributed Teams | Beeline"/><meta property="og:description" content="The Performance Enablement Platform that connects training to what people can do â across every location, every role."/><meta property="og:url" content="https://www.beeline.life"/><meta property="og:site_name" content="Beeline Learn"/><meta property="og:locale" content="en_ZA"/><meta property="og:image" content="https://www.beeline.life/favicons/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Beeline â the Performance Enablement Platform"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Performance Enablement Platform for Distributed Teams | Beeline"/><meta name="twitter:description" content="The Performance Enablement Platform that connects training to what people can do â across every location, every role."/><meta name="twitter:image" content="https://www.beeline.life/favicons/og-image.jpg"/><link rel="icon" href="/favicons/favicon.ico"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="revamp-theme font-sans antialiased min-h-screen flex flex-col"><header class="sticky top-0 z-50 transition-colors duration-300 bg-white/80 backdrop-blur-xl border-b border-border/60" data-sentry-component="SiteHeader" data-sentry-source-file="SiteHeader.tsx"><div class="container"><div class="flex items-center justify-between h-16 lg:h-[72px]"><a class="hover:opacity-80 transition-opacity flex-shrink-0" data-sentry-element="Link" data-sentry-source-file="SiteHeader.tsx" href="/"><img src="/img/revamp/beeline-logo-banner.png" alt="Beeline" class="h-8 lg:h-9 w-auto"/></a><nav class="hidden lg:flex items-center gap-1"><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/#how-it-works">How It Works</a><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/#use-cases">Use Cases</a><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/#features">Features</a><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/how-performance-works">Performance</a><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/careers">Careers</a><a class="px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted hover:text-foreground text-muted-foreground" href="/contact-beeline">Contact</a></nav><div class="hidden lg:flex items-center gap-3"><a class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors px-3 py-2" href="/auth/code"><svg xmlns="http://www.w3.org/2000/svg" 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-key-round inline mr-1.5 h-3.5 w-3.5"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Use Code</a><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-8 rounded-md text-xs bg-primary hover:bg-primary/90 text-primary-foreground font-semibold px-5 shadow-sm" href="/auth/login"><svg xmlns="http://www.w3.org/2000/svg" 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-log-in mr-1.5 h-3.5 w-3.5"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" x2="3" y1="12" y2="12"></line></svg>Log In</a></div><div class="flex lg:hidden items-center gap-2"><button class="p-2 text-foreground rounded-lg hover:bg-muted transition-colors" aria-label="Toggle 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-5 w-5"><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></div></div></div></header><main class="flex-1"><div class="min-h-screen" data-sentry-component="NewHomePage" data-sentry-source-file="page.tsx">
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","@id":"https://www.beeline.life/#organization","name":"Beeline","legalName":"Beeline Learn (Pty) Ltd","url":"https://www.beeline.life","logo":"https://www.beeline.life/favicons/android-chrome-512x512.png","description":"Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role.","areaServed":"ZA","email":"[email protected]","contactPoint":{"@type":"ContactPoint","contactType":"sales","email":"[email protected]","url":"https://www.beeline.life/contact-beeline"},"sameAs":["https://www.linkedin.com/company/beelinelearn/","https://medium.com/beeline-learning","https://apps.apple.com/za/app/beeline-learn/id1618800466","https://play.google.com/store/apps/details?id=life.beeline.app"]},{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Beeline","applicationCategory":"BusinessApplication","applicationSubCategory":"Performance Enablement Platform","operatingSystem":"Web, iOS, Android","url":"https://www.beeline.life","description":"Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role.","publisher":{"@id":"https://www.beeline.life/#organization"}}]</script>
1<section class="relative min-h-[auto] md:min-h-screen flex items-center overflow-hidden bg-hero-gradient pb-0" data-sentry-component="Hero" data-sentry-source-file="Hero.tsx"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:13%;top:7%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 5s ease-in-out 0s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:50%;top:60%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 6s ease-in-out 0.7s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:87%;top:13%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 7s ease-in-out 1.4s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:24%;top:66%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 8s ease-in-out 2.0999999999999996s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:61%;top:19%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 5s ease-in-out 2.8s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:98%;top:72%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 6s ease-in-out 3.5s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:35%;top:25%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 7s ease-in-out 4.199999999999999s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:72%;top:78%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 8s ease-in-out 4.8999999999999995s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:9%;top:31%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 5s ease-in-out 0.5999999999999996s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:46%;top:84%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 6s ease-in-out 1.2999999999999998s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:83%;top:37%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 7s ease-in-out 2s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:20%;top:90%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 8s ease-in-out 2.6999999999999993s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:57%;top:43%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 5s ease-in-out 3.3999999999999986s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:94%;top:96%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 6s ease-in-out 4.1s infinite"></div><div class="absolute w-1.5 h-1.5 rounded-full opacity-0" style="left:31%;top:49%;background:hsl(38 92% 55% / 0.15);animation:floatParticle 7s ease-in-out 4.799999999999999s infinite"></div></div><style> 2 @keyframes floatParticle { 3 0%, 100% { opacity: 0.3; transform: translateY(0px) scale(1); } 4 50% { opacity: 0.6; transform: translateY(-20px) scale(1.2); } 5 } 6 </style><div class="container relative z-10 pt-10 md:pt-16 lg:pt-24 pb-4 md:pb-6 lg:pb-8"><div class="max-w-4xl mx-auto text-center"><div class="mb-4 md:mb-6 transition-all duration-700 opacity-0 translate-y-8"><span class="inline-block px-4 py-1.5 rounded-full bg-beeline-navy text-primary text-sm font-semibold">Performance Enablement Platform</span></div><h1 class="text-2xl md:text-5xl lg:text-display-lg font-bold text-foreground mb-4 md:mb-6 transition-all duration-700 delay-100 opacity-0 translate-y-8" style="font-family:var(--font-display), system-ui, sans-serif">Your teams are distributed.<!-- --> <span class="text-primary">Their performance shouldn't be a guessing game.</span></h1><div class="hidden md:block max-w-xl mx-auto -mt-3 mb-4 transition-all duration-700 delay-100 opacity-0"><svg class="w-full h-3" viewBox="0 0 500 12" fill="none" preserveAspectRatio="none" data-sentry-element="svg" data-sentry-source-file="Hero.tsx"><path d="M2 10C80 4 160 2 250 6C340 10 420 4 498 8" stroke="hsl(38 92% 55% / 0.35)" stroke-width="3" stroke-linecap="round" style="stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0.6s" data-sentry-element="path" data-sentry-source-file="Hero.tsx"></path></svg></div><p class="text-sm md:text-xl text-muted-foreground mb-6 md:mb-10 max-w-3xl mx-auto transition-all duration-700 delay-200 opacity-0 translate-y-8">Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role.</p><div class="flex flex-col items-center md:flex-row gap-3 md:gap-4 justify-center mb-8 md:mb-12 transition-all duration-700 delay-300 opacity-0 translate-y-8"><a href="#how-it-works" class="inline-flex items-center justify-center gap-2 whitespace-nowrap focu
6s-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 rounded-md bg-primary hover:bg-primary/90 text-primary-foreground px-5 md:px-8 py-3 md:py-6 text-sm md:text-lg font-semibold shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-300" data-sentry-element="Button" data-sentry-source-file="Hero.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-play mr-2 h-4 w-4 md:h-5 md:w-5" data-sentry-element="Play" data-sentry-source-file="Hero.tsx"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>See How It Works</a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-sm h-10 rounded-md border-2 border-foreground
6/20 bg-white/80 text-foreground hover:bg-beeline-navy hover:text-white hover:border-beeline-navy hover:scale-105 px-5 md:px-8 py-3 md:py-6 text-sm md:text-lg font-semibold backdrop-blur-sm transition-all duration-300" data-sentry-element="Button" data-sentry-source-file="Hero.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-circle mr-2 h-5 w-5" data-sentry-element="MessageCircle" data-sentry-source-file="Hero.tsx"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Talk to Our Team</button></div><div class="transition-all duration-1000 delay-500 opacity-0 translate-y-12"><div class="md:hidden relative" style="width:calc(100vw);margin-left:calc(-50vw + 50%)"><div class="w-full rounded-xl overflow-hidden" style="height:660px" data-sentry-component="HeroAnimation" data-sentry-source-file="HeroAnimation.tsx"><iframe src="/hero-animation.html" title="Beeline product animation" class="border-0" style="width:1160px;height:660px;transform:scale(1);transform-origin:top left" scrolling="no"></iframe></div></div><div class="relative max-w-4xl mx-auto hidden md:block"><div class="absolute inset-0 bg-primary/10 rounded-xl blur-3xl transform scale-95"></div><div class="w-full rounded-xl overflow-hidden" style="height:660px" data-sentry-component="HeroAnimation" data-sentry-source-file="HeroAnimation.tsx"><iframe src="/hero-animation.html" title="Beeline product animation" class="border-0" style="width:1160px;height:660px;transform:scale(1);transform-origin:top left" scrolling="no"></iframe></div></div><p class="text-xs text-muted-foreground/60 mt-1 italic tracking-wide">See it in action above</p></div></div></div></section><section class="py-2 md:py-4 bg-white -mt-1"><div class="container"><div class="text-center " data-sentry-component="LogoBar" data-sentry-source-file="LogoBar.tsx"><p class="text-xs md:text-sm uppercase tracking-wider text-muted-foreground mb-3 md:mb-4">Trusted by</p><div class="flex flex-wrap items-center justify-center gap-4 md:gap-11 px-3 md:px-7"><img src="/img/revamp/logos/Alpha-Pharm.png" alt="Alpha Pharm" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:16px"/><img src="/img/revamp/logos/Bidvest-Steiner.png" alt="Bidvest Steiner" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:20px"/><img src="/img/revamp/logos/Bootlegger.png" alt="Bootlegger" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:18px"/><img src="/img/revamp/logos/Melon.png" alt="Melon" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:22px"/><img src="/img/revamp/logos/Faro.png" alt="Faro" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:14px"/></div><p class="text-[11px] md:text-xs text-muted-foreground/60 mt-3 md:mt-4 italic">and other industry leaders</p><style> 7 @media (min-width: 768px) { 8 img[alt="Alpha Pharm"] { max-height: 32px !important; } 9 img[alt="Bidvest Steiner"] { max-height: 36px !important; } 10 img[alt="Bootlegger"] { max-height: 34px !important; } 11 img[alt="Melon"] { max-height: 42px !important; } 12 img[alt="Faro"] { max-height: 28px !important; } 13 } 14 </style></div></div></section><section class="pt-8 md:pt-12 lg:pt-16 pb-10 md:pb-16 lg:pb-20 bg-secondary" data-sentry-component="ProblemSection" data-sentry-source-file="ProblemSection.tsx"><div class="container"><div><h2 class="text-xl md:text-2xl lg:text-3xl font-semibold text-foreground mb-4 md:mb-6 text-center transition-all duration-700 opacity-0 translate-y-8" style="font-family:var(--font-display), system-ui, sans-serif">You already know this isn't working.</h2><p class="text-base md:text-lg text-muted-foreground text-center mb-8 md:mb-14 transition-all duration-700 delay-100 opacity-0 translate-y-8">Here's what it's costing you.</p></div><div class="space-y-6 md:space-y-14 lg:space-y-16 max-w-6xl mx-auto"><div><div class="hidden md:grid lg:grid-cols-2 gap-6 md:gap-10 lg:gap-16 items-center transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointDesktop" data-sentry-source-file="ProblemSection.tsx"><div class=""><p class="text-xl md:text-2xl lg:text-display-sm font-bold text-foreground mb-4 md:mb-6 leading-tight">Your training lives in <span class="text-primary">slide decks</span>, <span class="text-primary">WhatsApp groups</span>, <span class="text-primary">printouts</span>, and <span class="text-primary">the heads of the people delivering it</span>.</p><div class="text-base md:text-lg text-muted-foreground leading-relaxed"><p>New hires take too long to ramp. Managers can't see what's working. Every new location or product rollout makes it worse â and you're spending more time managing training than managing the business.</p></div></div><div class="bg-card rounded-2xl border border-border border-l-4 border-l-primary/60 p-5 md:p-8 shadow-card bg-gradient-to-br from-primary/5 to-card transition-all duration-700 delay-200 opacity-0 translate-x-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-triangle-alert h-8 w-8 text-primary mb-4" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><p class="text-foreground font-semibold text-lg mb-2" style="font-family:var(--font-display), system-ui, sans-serif">The growth tax</p><p class="text-muted-foreground leading-relaxed">You're growing faster than your ability to keep people consistent â and you can feel it.</p></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointMobile" data-sentry-source-file="ProblemSection.tsx"><button class="w-full text-left flex items-start gap-3 group"><svg xmlns="http://www.w3.org/2000/svg" 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-triangle-alert h-6 w-6 text-primary mt-1 shrink-0" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><div class="flex-1"><p class="text-base font-bold text-foreground leading-snug pr-6">Your training lives in <span class="text-primary">slide decks</span>, <span class="text-primary">WhatsApp groups</span>, <span class="text-primary">printouts</span>, and <span class="text-primary">the heads of the people delivering it</span>.</p>
14<p class="text-sm text-primary/80 font-medium mt-1">The growth tax</p></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-1 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="ProblemSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="pl-9 space-y-3"><div class="text-sm text-muted-foreground leading-relaxed"><p>New hires take too long to ramp. Managers can't see what's working. Every new location or product rollout makes it worse â and you're spending more time managing training than managing the business.</p></div><div class="bg-card rounded-xl border border-border border-l-4 border-l-primary/60 p-4 bg-gradient-to-br from-primary/5 to-card"><p class="text-muted-foreground text-sm leading-relaxed">You're growing faster than your ability to keep people consistent â and you can feel it.</p></div></div></div></div></div><div><div class="hidden md:grid lg:grid-cols-2 gap-6 md:gap-10 lg:gap-16 items-center transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointDesktop" data-sentry-source-file="ProblemSection.tsx"><div class="lg:order-2"><p class="text-xl md:text-2xl lg:text-display-sm font-bold text-foreground mb-4 md:mb-6 leading-tight">They completed the training. But nobody checked whether they can <span class="text-primary">do the job</span>.</p><div class="text-base md:text-lg text-muted-foreground leading-relaxed"><p>Your team passed the quiz. They watched the video. The system says 100% complete. But can the new hire handle an angry customer? Can the technician follow the safety procedure under pressure? You don't know â because there's no system for proving capability in practice, only for tracking clicks on a screen.</p><p class="mt-3 md:mt-4 font-medium">The gap between "completed" and "competent" is where your biggest risks are hiding.</p></div></div><div class="bg-card rounded-2xl border border-border border-l-4 border-l-primary/60 p-5 md:p-8 shadow-card bg-gradient-to-br from-primary/5 to-card lg:order-1 transition-all duration-700 delay-200 opacity-0 -translate-x-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-shield-alert h-8 w-8 text-primary mb-4" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><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="M12 8v4"></path><path d="M12 16h.01"></path></svg><p class="text-foreground font-semibold text-lg mb-2" style="font-family:var(--font-display), system-ui, sans-serif">The competence gap</p><p class="text-muted-foreground leading-relaxed">Someone passes the training but can't do the job. You find out when it matters most â in front of a customer, on a job site, during an audit.</p></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointMobile" data-sentry-source-file="ProblemSection.tsx"><button class="w-full text-left flex items-start gap-3 group"><svg xmlns="http://www.w3.org/2000/svg" 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-alert h-6 w-6 text-primary mt-1 shrink-0" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><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="M12 8v4"></path><path d="M12 16h.01"></path></svg><div class="flex-1"><p class="text-base font-bold text-foreground leading-snug pr-6">They completed the training. But nobody checked whether they can <span class="text-primary">do the job</span>.</p>
14<p class="text-sm text-primary/80 font-medium mt-1">The competence gap</p></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-1 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="ProblemSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="pl-9 space-y-3"><div class="text-sm text-muted-foreground leading-relaxed"><p>Your team passed the quiz. They watched the video. The system says 100% complete. But can the new hire handle an angry customer? Can the technician follow the safety procedure under pressure? You don't know â because there's no system for proving capability in practice, only for tracking clicks on a screen.</p><p class="mt-3 md:mt-4 font-medium">The gap between "completed" and "competent" is where your biggest risks are hiding.</p></div><div class="bg-card rounded-xl border border-border border-l-4 border-l-primary/60 p-4 bg-gradient-to-br from-primary/5 to-card"><p class="text-muted-foreground text-sm leading-relaxed">Someone passes the training but can't do the job. You find out when it matters most â in front of a customer, on a job site, during an audit.</p></div></div></div></div></div><div><div class="hidden md:grid lg:grid-cols-2 gap-6 md:gap-10 lg:gap-16 items-center transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointDesktop" data-sentry-source-file="ProblemSection.tsx"><div class=""><p class="text-xl md:text-2xl lg:text-display-sm font-bold text-foreground mb-4 md:mb-6 leading-tight">And when performance reviews come around, <span class="text-primary">everyone's winging it.</span></p><div class="text-base md:text-lg text-muted-foreground leading-relaxed"><p>Managers try to remember what happened over the last twelve months. They can't. So they default to the last two weeks. Good months get forgotten. Development gaps get missed. The whole process feels like theatre â because without real data, it is.</p></div></div><div class="bg-card rounded-2xl border border-border border-l-4 border-l-primary/60 p-5 md:p-8 shadow-card bg-gradient-to-br from-primary/5 to-card transition-all duration-700 delay-200 opacity-0 translate-x-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-chart-column h-8 w-8 text-primary mb-4" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><p class="text-foreground font-semibold text-lg mb-2" style="font-family:var(--font-display), system-ui, sans-serif">What your people feel</p><p class="text-muted-foreground leading-relaxed">Your people know it too. Nothing kills motivation faster than a review that doesn't reflect the work they've done.</p></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointMobile" data-sentry-source-file="ProblemSection.tsx"><button class="w-full text-left flex items-start gap-3 group"><svg xmlns="http://www.w3.org/2000/svg" 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-chart-column h-6 w-6 text-primary mt-1 shrink-0" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><div class="flex-1"><p class="text-base font-bold text-foreground leading-snug pr-6">And when performance reviews come around, <span class="text-primary">everyone's winging it.</span></p>
14<p class="text-sm text-primary/80 font-medium mt-1">What your people feel</p></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-1 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="ProblemSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="pl-9 space-y-3"><div class="text-sm text-muted-foreground leading-relaxed"><p>Managers try to remember what happened over the last twelve months. They can't. So they default to the last two weeks. Good months get forgotten. Development gaps get missed. The whole process feels like theatre â because without real data, it is.</p></div><div class="bg-card rounded-xl border border-border border-l-4 border-l-primary/60 p-4 bg-gradient-to-br from-primary/5 to-card"><p class="text-muted-foreground text-sm leading-relaxed">Your people know it too. Nothing kills motivation faster than a review that doesn't reflect the work they've done.</p></div></div></div></div></div><div><div class="hidden md:grid lg:grid-cols-2 gap-6 md:gap-10 lg:gap-16 items-center transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointDesktop" data-sentry-source-file="ProblemSection.tsx"><div class="lg:order-2"><p class="text-xl md:text-2xl lg:text-display-sm font-bold text-foreground mb-4 md:mb-6 leading-tight">You don't have a training problem. <span class="text-primary">You have a systems problem.</span></p><div class="text-base md:text-lg text-muted-foreground leading-relaxed"><p>The training exists. The knowledge is there. But nothing connects what people learn to what they can do â and there's no way to tell leadership whether any of it is making a difference.</p></div></div><div class="bg-card rounded-2xl border border-border border-l-4 border-l-primary/60 p-5 md:p-8 shadow-card bg-gradient-to-br from-primary/5 to-card lg:order-1 transition-all duration-700 delay-200 opacity-0 -translate-x-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-circle-check h-8 w-8 text-primary mb-4" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><p class="text-foreground font-semibold text-lg mb-2" style="font-family:var(--font-display), system-ui, sans-serif">The gap you can't see</p><p class="text-muted-foreground leading-relaxed">You're stuck between a training platform that tracks clicks and a review process that tracks nothing. That gap is where you're losing money, people, and consistency.</p></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="PainPointMobile" data-sentry-source-file="ProblemSection.tsx"><button class="w-full text-left flex items-start gap-3 group"><svg xmlns="http://www.w3.org/2000/svg" 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 h-6 w-6 text-primary mt-1 shrink-0" data-sentry-element="Icon" data-sentry-source-file="ProblemSection.tsx"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="flex-1"><p class="text-base font-bold text-foreground leading-snug pr-6">You don't have a training problem. <span class="text-primary">You have a systems problem.</span></p><p class="text-sm text-primary/80 font-medium mt-1">The gap you can't see</p></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-1 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="ProblemSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="pl-9 space-y-3"><div class="text-sm text-muted-foreground leading-relaxed"><p>The training exists. The knowledge is there. But nothing connects what people learn to what they can do â and there's no way to tell leadership whether any of it is making a difference.</p></div><div class="bg-card rounded-xl border border-border border-l-4 border-l-primary/60 p-4 bg-gradient-to-br from-primary/5 to-card"><p class="text-muted-foreground text-sm leading-relaxed">You're stuck between a training platform that tracks clicks and a review process that tracks nothing. That gap is where you're losing money, people, and consistency.</p></div></div></div></div></div></div></div></section><section class="py-8 md:py-12 lg:py-16 bg-beeline-navy" data-sentry-component="NarrativeBridge" data-sentry-source-file="NarrativeBridge.tsx"><div class="container"><div class="max-w-3xl mx-auto text-center"><p class="text-lg md:text-3xl lg:text-display-sm font-bold text-beeline-cream leading-tight transition-all duration-700 opacity-0 translate-y-8">The problem isn't your people. It's that there hasn't been a system to grow them.</p><p class="text-lg md:text-3xl lg:text-display-sm font-bold text-primary mt-4 md:mt-6 transition-all duration-700 delay-300 opacity-0 translate-y-8">Until now.</p></div></div></section><section id="how-it-works" class="py-10 md:py-16 lg:py-20 bg-secondary" data-sentry-component="HowItWorksSection" data-sentry-source-file="HowItWorksSection.tsx"><div class="container"><div class="text-center mb-10 md:mb-16 transition-all duration-700 opacity-0 translate-y-8"><h2 class="font-bold text-foreground"><span class="text-2xl md:text-5xl lg:text-display-lg block mb-2">Theory. Practice. <span class="text-primary">Performance.</span></span><span class="text-base md:text-2xl lg:text-3xl text-muted-foreground font-semibold">That's the loop most training never completes.</span></h2><p class="text-sm md:text-lg text-muted-foreground mt-3 md:mt-4 max-w-3xl mx-auto">Beeline doesn't just track what people have completed. It tracks what they know, what they can do, and whether they're getting better.</p></div><div class="space-y-8 md:space-y-16 lg:space-y-20 max-w-6xl mx-auto"><div><div class="hidden md:flex flex-col lg:flex-row items-center gap-8 md:gap-12 lg:gap-20" data-sentry-component="C
14apabilityBlockDesktop" data-sentry-source-file="HowItWorksSection.tsx"><div class="flex-1 text-center lg:text-left transition-all duration-700 opacity-0 translate-y-12"><h3 class="text-xl md:text-2xl lg:text-3xl font-bold text-foreground mb-3 md:mb-6">From document to <span class="text-primary">training in minutes</span>.<br class="hidden md:block"/><span class="md:block text-muted-foreground font-semibold text-base md:text-2xl lg:text-2xl"> Distributed everywhere.</span></h3><p class="text-base md:text-lg text-muted-foreground leading-relaxed mb-3 md:mb-4">Turn your SOPs, product knowledge, and company docs into structured mobile training â automatically. The AI course builder does the work. You hit publish. Every team, every location, instantly up to date â delivered via the app or straight to WhatsApp. Smart reminders keep people on track without your managers lifting a finger.</p><div class="flex flex-wrap gap-2 justify-center lg:justify-start"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><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>AI course builder</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Delivered via app + WhatsApp</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-bell h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg>Smart reminders that chase for you</span></div></div><div class="flex-1 w-full max-w-md lg:max-w-none group transition-all duration-700 delay-200 opacity-0 translate-x-12"><div class="transform group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-500"><div class="relative w-full" style="max-width:480px;height:520px;margin:0 auto" data-sentry-component="BuildMockup" data-sentry-source-file="BuildMockup.tsx"><div class="absolute left-0 top-1/2 -translate-y-1/2 w-[170px] bg-card rounded-[14px] p-3.5 shadow-lg border border-border z-[2]"><div class="flex items-center gap-2 mb-3"><div class="w-7 h-[34px] bg-muted rounded-[5px] flex items-center justify-center text-xs relative">ð</div><div><div class="text-[9px] font-bold text-foreground leading-tight">New Menu Rollout<br/>SOP v3</div><div class="text-[8px] text-muted-foreground font-medium mt-0.5">Last updated Jan 2026</div></div></div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[60%]"></div></div><div class="mt-2"><div class="text-[7px] font-bold text-primary uppercase tracking-wide mb-1">Section 2</div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[60%]"></div></div></div><div class="mt-2"><div class="text-[7px] font-bold text-primary uppercase tracking-wide mb-1">Section 3</div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div></div></div></div><div class="absolute left-[160px] top-1/2 -translate-y-1/2 flex flex-col items-center gap-1.5 z-[5] w-20"><div class="bg-foreground text-background text-[8px] font-bold px-2 py-1 rounded-full flex items-center gap-1 whitespace-nowrap"><span class="text-primary">â¦</span> Beeline AI</div><div class="flex items-center w-[70px]"><div class="flex-1 h-[2px] bg-gradient-to-r from-muted-foreground
14/40 to-primary"></div><div class="text-primary text-sm -ml-0.5">â¶</div></div></div><div class="absolute right-[10px] top-1/2 -translate-y-1/2 w-[200px] h-[400px] bg-background rounded-[32px] overflow-hidden z-[3]" style="box-shadow:0 0 0 8px hsl(var(--foreground)), 0 0 0 10px hsl(var(--foreground) / 0.6), 0 28px 56px rgba(0,0,0,0.3)"><div class="h-7 flex items-end justify-between px-4 pb-1"><span class="text-[10px] font-bold text-foreground">9:41</span><div class="w-4 h-2 border-[1.5px] border-muted-foreground/30 rounded-sm relative"><div class="absolute left-[1.5px] top-[1px] bottom-[1px] right-[3px] bg-foreground rounded-[1px]"></div></div></div><div class="px-3.5 pt-1.5 pb-2"><div class="w-5 h-5 bg-primary rounded-[5px] flex items-center justify-center mb-1.5"><div class="w-2.5 h-2.5 bg-background" style="clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)"></div></div><div class="text-[7px] font-bold text-muted-foreground uppercase tracking-wider mb-1">Today's Training</div><div class="text-[15px] font-extrabold text-foreground tracking-tight leading-tight">New Menu<br/>Rollout</div></div><div class="mx-3.5 mb-1.5"><div class="flex justify-between items-center mb-1"><span class="text-[8px] font-semibold text-muted-foreground">Module 2 of 4</span><span class="text-[8px] font-extrabold text-primary">50%</span></div><div class="h-[5px] bg-muted rounded-full overflow-hidden"><div class="h-full w-1/2 bg-primary rounded-full"></div></div></div><div class="px-3.5 flex flex-col gap-1"><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-green-50 flex items-center justify-center text-[11px]">â
</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Menu Overview</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Completed</div></div><div class="text-[8px] font-semibold text-muted-foreground">3 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-amber-50 rounded-[9px] border border-primary/25"><div class="w-[22px] h-[22px] rounded-md bg-amber-100 flex items-center justify-center text-[11px]">â¶</div><div class="flex-1"><div class="text-[9px] font-bold text-primary">Prep Standards</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">In progress</div></div><div class="text-[8px] font-semibold text-muted-foreground">4 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-muted flex items-center justify-center text-[11px]">ð</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Allergen Info</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Up next</div></div><div class="text-[8px] font-semibold text-muted-foreground">3 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-muted flex items-center justify-center text-[11px]">ð</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Quiz: Knowledge Check</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Locked</div></div><div class="text-[8px] font-semibold text-muted-foreground">5 min</div></div></div></div><div class="absolute left-3.5 bottom-[80px] bg-card rounded-xl px-2.5 py-2 shadow-lg flex items-center gap-[7px] z-10 min-w-[155px]"><div class="w-[26px] h-[26px] bg-green-500 rounded-full flex items-center justify-center text-[13px] shrink-0">ð¬</div><div><div class="text-[9px] font-bold text-foreground">Delivered via WhatsApp</div><div class="text-[8px] text-muted-foreground font-medium mt-[1px]">847 learners notified</div></div></div><div class="absolute right-2 top-[62px] bg-foreground rounded-xl px-2.5 py-2 shadow-xl flex items-center gap-[7px] z-10 max-w-[160px]"><div class="w-6 h-6 bg-primary/20 rounded-md flex items-center justify-center text-xs shrink-0">ð</div><div><div class="text-[9px] font-bold text-background leading-tight">Published to 5 locations instantly</div>
14<div class="text-[8px] text-background/40 font-medium mt-[1px]">just now · AI Builder</div></div></div></div></div></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="CapabilityBlockMobile" data-sentry-source-file="HowItWorksSection.tsx"><button class="w-full text-left flex items-start gap-2"><div class="flex-1"><h3 class="text-base font-bold text-foreground leading-snug">From document to <span class="text-primary">training in minutes</span>.<br class="hidden md:block"/><span class="md:block text-muted-foreground font-semibold text-base md:text-2xl lg:text-2xl"> Distributed everywhere.</span></h3></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-0.5 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="HowItWorksSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="text-sm text-muted-foreground leading-relaxed">Turn your SOPs, product knowledge, and company docs into structured mobile training â automatically. The AI course builder does the work. You hit publish. Every team, every location, instantly up to date â delivered via the app or straight to WhatsApp. Smart reminders keep people on track without your managers lifting a finger.</div></div><div class="flex flex-wrap gap-1.5 mt-3"><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><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>AI course builder</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Delivered via app + WhatsApp</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-bell h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg>Smart reminders that chase for you</span></div><div class="mt-3 overflow-hidden mx-auto" style="height:312px;max-width:300px"><div style="transform:scale(0.6);transform-origin:top center"><div class="relative w-full" style="max-width:480px;height:520px;margin:0 auto" data-sentry-component="BuildMockup" data-sentry-source-file="BuildMockup.tsx"><div class="absolute left-0 top-1/2 -translate-y-1/2 w-[170px] bg-card rounded-[14px] p-3.5 shadow-lg border border-border z-[2]"><div class="flex items-center gap-2 mb-3"><div class="w-7 h-[34px] bg-muted rounded-[5px] flex items-center justify-center text-xs relative">ð</div><div><div class="text-[9px] font-bold text-foreground leading-tight">New Menu Rollout<br/>SOP v3</div>
14<div class="text-[8px] text-muted-foreground font-medium mt-0.5">Last updated Jan 2026</div></div></div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[60%]"></div></div><div class="mt-2"><div class="text-[7px] font-bold text-primary uppercase tracking-wide mb-1">Section 2</div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-full"></div><div class="h-1 bg-muted rounded-full w-[60%]"></div></div></div><div class="mt-2"><div class="text-[7px] font-bold text-primary uppercase tracking-wide mb-1">Section 3</div><div class="flex flex-col gap-1"><div class="h-1 bg-muted rounded-full w-[80%]"></div><div class="h-1 bg-muted rounded-full w-full"></div></div></div></div><div class="absolute left-[160px] top-1/2 -translate-y-1/2 flex flex-col items-center gap-1.5 z-[5] w-20"><div class="bg-foreground text-background text-[8px] font-bold px-2 py-1 rounded-full flex items-center gap-1 whitespace-nowrap"><span class="text-primary">â¦</span> Beeline AI</div><div class="flex items-center w-[70px]"><div class="flex-1 h-[2px] bg-gradient-to-r from-muted-foreground/40 to-primary"></div><div class="text-primary text-sm -ml-0.5">â¶</div></div></div><div class="absolute right-[10px] top-1/2 -translate-y-1/2 w-[200px] h-[400px] bg-background rounded-[32px] overflow-hidden z-[3]" style="box-shadow:0 0 0 8px hsl(var(--foreground)), 0 0 0 10px hsl(var(--foreground) / 0.6), 0 28px 56px rgba(0,0,0,0.3)"><div class="h-7 flex items-end justify-between px-4 pb-1"><span class="text-[10px] font-bold text-foreground">9:41</span><div class="w-4 h-2 border-[1.5px] border-muted-foreground/30 rounded-sm relative"><div class="absolute left-[1.5px] top-[1px] bottom-[1px] right-[3px] bg-foreground rounded-[1px]"></div></div></div><div class="px-3.5 pt-1.5 pb-2"><div class="w-5 h-5 bg-primary rounded-[5px] flex items-center justify-center mb-1.5"><div class="w-2.5 h-2.5 bg-background" style="clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)"></div></div><div class="text-[7px] font-bold text-muted-foreground uppercase tracking-wider mb-1">Today's Training</div><div class="text-[15px] font-extrabold text-foreground tracking-tight leading-tight">New Menu<br/>Rollout</div></div><div class="mx-3.5 mb-1.5"><div class="flex justify-between items-center mb-1"><span class="text-[8px] font-semibold text-muted-foreground">Module 2 of 4</span><span class="text-[8px] font-extrabold text-primary">50%</span></div><div class="h-[5px] bg-muted rounded-full overflow-hidden"><div class="h-full w-1/2 bg-primary rounded-full"></div></div></div><div class="px-3.5 flex flex-col gap-1"><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-green-50 flex items-center justify-center text-[11px]">â
</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Menu Overview</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Completed</div></div><div class="text-[8px] font-semibold text-muted-foreground">3 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-amber-50 rounded-[9px] border border-primary/25"><div class="w-[22px] h-[22px] rounded-md bg-amber-100 flex items-center justify-center text-[11px]">â¶</div><div class="flex-1"><div class="text-[9px] font-bold text-primary">Prep Standards</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">In progress</div></div><div class="text-[8px] font-semibold text-muted-foreground">4 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-muted flex items-center justify-center text-[11px]">ð</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Allergen Info</div>
14<div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Up next</div></div><div class="text-[8px] font-semibold text-muted-foreground">3 min</div></div><div class="flex items-center gap-2 px-2.5 py-[7px] bg-card rounded-[9px] shadow-sm"><div class="w-[22px] h-[22px] rounded-md bg-muted flex items-center justify-center text-[11px]">ð</div><div class="flex-1"><div class="text-[9px] font-bold text-foreground">Quiz: Knowledge Check</div><div class="text-[7px] text-muted-foreground font-medium mt-[1px]">Locked</div></div><div class="text-[8px] font-semibold text-muted-foreground">5 min</div></div></div></div><div class="absolute left-3.5 bottom-[80px] bg-card rounded-xl px-2.5 py-2 shadow-lg flex items-center gap-[7px] z-10 min-w-[155px]"><div class="w-[26px] h-[26px] bg-green-500 rounded-full flex items-center justify-center text-[13px] shrink-0">ð¬</div><div><div class="text-[9px] font-bold text-foreground">Delivered via WhatsApp</div><div class="text-[8px] text-muted-foreground font-medium mt-[1px]">847 learners notified</div></div></div><div class="absolute right-2 top-[62px] bg-foreground rounded-xl px-2.5 py-2 shadow-xl flex items-center gap-[7px] z-10 max-w-[160px]"><div class="w-6 h-6 bg-primary/20 rounded-md flex items-center justify-center text-xs shrink-0">ð</div><div><div class="text-[9px] font-bold text-background leading-tight">Published to 5 locations instantly</div><div class="text-[8px] text-background/40 font-medium mt-[1px]">just now · AI Builder</div></div></div></div></div></div></div></div><div><div class="hidden md:flex flex-col lg:flex-row-reverse items-center gap-8 md:gap-12 lg:gap-20" data-sentry-component="CapabilityBlockDesktop" data-sentry-source-file="HowItWorksSection.tsx"><div class="flex-1 text-center lg:text-left transition-all duration-700 opacity-0 translate-y-12"><h3 class="text-xl md:text-2xl lg:text-3xl font-bold text-foreground mb-3 md:mb-6">Completion is a checkbox.<br/>This tells you what they <span class="text-primary">know â and what they can do</span>.</h3><p class="text-base md:text-lg text-muted-foreground leading-relaxed mb-3 md:mb-4">Completion tracking tells you someone clicked through. Beeline measures whether they understood it â with quizzes, scenario questions, and spaced repetition that resurfaces material before itâs forgotten. Retention over time, not a one-off score.</p><div class="flex flex-wrap gap-2 justify-center lg:justify-start"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg>Scored knowledge assessments</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-down h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg>Knowledge gap reports</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-refresh-cw h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>Spaced repetition</span></div></div><div class="flex-1 w-full max-w-md lg:max-w-none group transition-all duration-700 delay-200 opacity-0 -translate-x-12"><div class="transform group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-500"><div class="relative w-full" style="max-width:520px;height:480px;margin:0 auto" data-sentry-component="TheoryMockupNew" data-sentry-source-file="TheoryMockupNew.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2]" style="width:100%;max-width:460px;margin:0 auto"><div class="px-5 py-3.5 bg-muted border-b border-border flex items-center gap-2"><span class="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Knowledge Retention</span></div><div class="flex"><div class="flex-1 p-[18px] border-r border-border"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-3.5">What you see now</div><div class="flex items-baseline gap-1 mb-1.5"><span class="text-4xl font-extrabold text-foreground tracking-tight">95</span><span class="text-base font-bold text-muted-foreground">%</span></div><div class="text-[11px] font-semibold text-muted-foreground mb-3.5">Course completion</div><div class="flex items-center gap-[7px] bg-green-50 border border-green-500/20 rounded-[10px] px-3 py-2.5"><span class="text-base">â
</span><div><div class="text-[11px] font-semibold text-green-600">Looks like everything<br/>is fine</div>
14<div class="text-[9px] text-muted-foreground font-medium mt-[1px]">No issues detected</div></div></div></div><div class="flex-[1.3] p-[18px]"><div class="text-[9px] font-bold text-primary uppercase tracking-wider mb-3.5">What Beeline shows</div><div class="flex flex-col gap-2.5"><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Product features</span><span class="text-[10px] font-extrabold text-foreground">82<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-green-500" style="width:82%"></div></div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Pricing & objection handling</span><span class="text-[10px] font-extrabold text-foreground">67<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-amber-500" style="width:67%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-amber-600">â Below target threshold</div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Compliance procedures</span><span class="text-[10px] font-extrabold text-foreground">43<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-red-500" style="width:43%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-red-600">ð´ Critical â action required</div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">New product launches</span><span class="text-[10px] font-extrabold text-foreground">28<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-red-500" style="width:28%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-red-600">ð´ Critical â action required</div></div></div><div class="mt-3 pt-2.5 border-t border-dashed border-border text-[9px] font-bold text-muted-foreground italic">The reality behind 95% completion</div></div></div></div><div class="absolute bottom-[22px] right-[14px] bg-card rounded-[14px] px-3 py-[11px] shadow-lg border border-border z-[5]" style="width:190px"><div class="text-[8px] font-bold text-muted-foreground uppercase tracking-wider mb-2">Spaced Repetition</div><div class="flex items-end gap-[3px] mb-1.5"><div class="w-1.5 rounded-sm bg-primary" style="height:10px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:6px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:14px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:6px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:18px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:8px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:22px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:28px"></div></div>
14<svg class="w-full h-7 mb-1" viewBox="0 0 170 28" fill="none" data-sentry-element="svg" data-sentry-source-file="TheoryMockupNew.tsx"><path d="M0 24 C20 22 40 20 60 15 C80 10 100 8 120 6 C140 4 155 3 170 2" stroke="hsl(var(--primary))" stroke-width="2" stroke-linecap="round" fill="none" data-sentry-element="path" data-sentry-source-file="TheoryMockupNew.tsx"></path><path d="M0 24 C20 22 40 20 60 15 C80 10 100 8 120 6 C140 4 155 3 170 2 L170 28 L0 28Z" fill="hsl(var(--primary) / 0.08)" data-sentry-element="path" data-sentry-source-file="TheoryMockupNew.tsx"></path></svg><div class="text-[9px] font-semibold text-foreground">Material resurfaced <span class="text-primary">before it's forgotten</span></div></div></div></div></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="CapabilityBlockMobile" data-sentry-source-file="HowItWorksSection.tsx"><button class="w-full text-left flex items-start gap-2"><div class="flex-1"><h3 class="text-base font-bold text-foreground leading-snug">Completion is a checkbox.<br/>This tells you what they <span class="text-primary">know â and what they can do</span>.</h3></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-0.5 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="HowItWorksSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="text-sm text-muted-foreground leading-relaxed">Completion tracking tells you someone clicked through. Beeline measures whether they understood it â with quizzes, scenario questions, and spaced repetition that resurfaces material before itâs forgotten. Retention over time, not a one-off score.</div></div><div class="flex flex-wrap gap-1.5 mt-3"><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg>Scored knowledge assessments</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-down h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg>Knowledge gap reports</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-refresh-cw h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>Spaced repetition</span></div><div class="mt-3 overflow-hidden mx-auto" style="height:288px;max-width:300px"><div style="transform:scale(0.6);transform-origin:top center"><div class="relative w-full" style="max-width:520px;height:480px;margin:0 auto" data-sentry-component="TheoryMockupNew" data-sentry-source-file="TheoryMockupNew.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2]" style="width:100%;max-width:460px;margin:0 auto"><div class="px-5 py-3.5 bg-muted border-b border-border flex items-center gap-2"><span class="text-[10px] font-bold text-muted-foreground uppercase tracking-wider">Knowledge Retention</span></div><div class="flex"><div class="flex-1 p-[18px] border-r border-border"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-3.5">What you see now</div><div class="flex items-baseline gap-1 mb-1.5"><span class="text-4xl font-extrabold text-foreground tracking-tight">95</span><span class="text-base font-bold text-muted-foreground">%</span></div><div class="text-[11px] font-semibold text-muted-foreground mb-3.5">Course completion</div><div class="flex items-center gap-[7px] bg-green-50 border border-green-500/20 rounded-[10px] px-3 py-2.5"><span class="text-base">â
</span><div><div class="text-[11px] font-semibold text-green-600">Looks like everything<br/>is fine</div>
14<div class="text-[9px] text-muted-foreground font-medium mt-[1px]">No issues detected</div></div></div></div><div class="flex-[1.3] p-[18px]"><div class="text-[9px] font-bold text-primary uppercase tracking-wider mb-3.5">What Beeline shows</div><div class="flex flex-col gap-2.5"><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Product features</span><span class="text-[10px] font-extrabold text-foreground">82<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-green-500" style="width:82%"></div></div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Pricing & objection handling</span><span class="text-[10px] font-extrabold text-foreground">67<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-amber-500" style="width:67%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-amber-600">â Below target threshold</div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">Compliance procedures</span><span class="text-[10px] font-extrabold text-foreground">43<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-red-500" style="width:43%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-red-600">ð´ Critical â action required</div></div><div class="flex flex-col gap-1" data-sentry-component="KnowledgeRow" data-sentry-source-file="TheoryMockupNew.tsx"><div class="flex justify-between items-center"><span class="text-[10px] font-semibold text-foreground/80">New product launches</span><span class="text-[10px] font-extrabold text-foreground">28<!-- -->%</span></div><div class="h-1.5 bg-muted rounded-full overflow-hidden"><div class="h-full rounded-full bg-red-500" style="width:28%"></div></div><div class="text-[8px] font-semibold flex items-center gap-[3px] mt-[1px] text-red-600">ð´ Critical â action required</div></div></div><div class="mt-3 pt-2.5 border-t border-dashed border-border text-[9px] font-bold text-muted-foreground italic">The reality behind 95% completion</div></div></div></div><div class="absolute bottom-[22px] right-[14px] bg-card rounded-[14px] px-3 py-[11px] shadow-lg border border-border z-[5]" style="width:190px"><div class="text-[8px] font-bold text-muted-foreground uppercase tracking-wider mb-2">Spaced Repetition</div><div class="flex items-end gap-[3px] mb-1.5"><div class="w-1.5 rounded-sm bg-primary" style="height:10px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:6px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:14px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:6px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:18px"></div><div class="w-1.5 rounded-sm bg-muted" style="height:8px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:22px"></div><div class="w-1.5 rounded-sm bg-primary" style="height:28px"></div></div>
14<svg class="w-full h-7 mb-1" viewBox="0 0 170 28" fill="none" data-sentry-element="svg" data-sentry-source-file="TheoryMockupNew.tsx"><path d="M0 24 C20 22 40 20 60 15 C80 10 100 8 120 6 C140 4 155 3 170 2" stroke="hsl(var(--primary))" stroke-width="2" stroke-linecap="round" fill="none" data-sentry-element="path" data-sentry-source-file="TheoryMockupNew.tsx"></path><path d="M0 24 C20 22 40 20 60 15 C80 10 100 8 120 6 C140 4 155 3 170 2 L170 28 L0 28Z" fill="hsl(var(--primary) / 0.08)" data-sentry-element="path" data-sentry-source-file="TheoryMockupNew.tsx"></path></svg><div class="text-[9px] font-semibold text-foreground">Material resurfaced <span class="text-primary">before it's forgotten</span></div></div></div></div></div></div></div><div><div class="hidden md:flex flex-col lg:flex-row items-center gap-8 md:gap-12 lg:gap-20" data-sentry-component="CapabilityBlockDesktop" data-sentry-source-file="HowItWorksSection.tsx"><div class="flex-1 text-center lg:text-left transition-all duration-700 opacity-0 translate-y-12"><h3 class="text-xl md:text-2xl lg:text-3xl font-bold text-foreground mb-3 md:mb-6">They passed the quiz.<br/>Can they <span class="text-primary">do the job</span>?</h3><p class="text-base md:text-lg text-muted-foreground leading-relaxed mb-3 md:mb-4">Knowing the theory doesnât mean they can apply it. Manager observations scored against rubrics. Photo and video evidence from a phone. Interactive simulations that test real scenarios. Practical sign-offs that prove someone can do the work â not just answer questions about it.</p><div class="flex flex-wrap gap-2 justify-center lg:justify-start"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-clipboard-check h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg>Rubric-based practical assessments</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-camera h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>Photo and video evidence</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg>Interactive simulations</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-user-check h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><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><polyline points="16 11 18 13 22 9"></polyline></svg>Manager sign-offs</span></div></div><div class="flex-1 w-full max-w-md lg:max-w-none group transition-all duration-700 delay-200 opacity-0 translate-x-12"><div class="transform group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-500"><div class="relative w-full" style="max-width:460px;height:520px;margin:0 auto" data-sentry-component="PracticeMockup" data-sentry-source-file="PracticeMockup.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2] mx-auto" style="max-width:380px"><div class="px-[18px] py-4 border-b border-border flex items-start justify-between"><div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-[3px]">Practical Assessment</div><div class="text-[15px] font-extrabold text-foreground tracking-tight">Barista â Coffee Preparation</div>
14<div class="text-[10px] text-muted-foreground font-medium mt-[2px] flex items-center gap-[5px]"><div class="w-[5px] h-[5px] bg-green-500 rounded-full"></div>Assessed by Store Manager · live</div></div><span class="px-2.5 py-1 rounded-full text-[10px] font-bold bg-amber-100 text-amber-600 shrink-0">In Progress</span></div><div class="px-[18px] py-3.5 flex flex-col gap-2"><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Correct grind size and tamping pressure</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Milk steamed to correct temperature</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-red-50 text-red-600">â</div><span class="text-[11px] font-semibold flex-1 text-muted-foreground">Latte art meets brand standard</span><span class="text-[9px] font-semibold text-red-600 bg-red-50 px-[7px] py-[2px] rounded-full">Redo</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Workspace cleaned after service</span></div></div><div class="px-[18px] pt-2.5 pb-3 border-t border-border"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-2">Photo Evidence</div><div class="flex items-center gap-2"><div class="w-[58px] h-[50px] rounded-[9px] overflow-hidden shrink-0 relative border-[1.5px] border-border" style="background:linear-gradient(135deg, #c8a882 0%, #a07850 40%, #6b4c2a 100%)"><svg class="absolute inset-0 z-[1]" width="58" height="50" viewBox="0 0 58 50" fill="none" data-sentry-element="svg" data-sentry-source-file="PracticeMockup.tsx"><ellipse cx="29" cy="25" rx="18" ry="14" fill="rgba(255,255,255,0.12)" data-sentry-element="ellipse" data-sentry-source-file="PracticeMockup.tsx"></ellipse><ellipse cx="29" cy="25" rx="12" ry="9" fill="rgba(255,255,255,0.18)" data-sentry-element="ellipse" data-sentry-source-file="PracticeMockup.tsx"></ellipse><path d="M29 18 C25 18 23 21 23 23 C23 26 26 28 29 30 C32 28 35 26 35 23 C35 21 33 18 29 18Z" fill="rgba(255,255,255,0.55)" data-sentry-element="path" data-sentry-source-file="PracticeMockup.tsx"></path><circle cx="25" cy="21" r="3" fill="rgba(255,255,255,0.4)" data-sentry-element="circle" data-sentry-source-file="PracticeMockup.tsx"></circle><circle cx="33" cy="21" r="3" fill="rgba(255,255,255,0.4)" data-sentry-element="circle" data-sentry-source-file="PracticeMockup.tsx"></circle><path d="M0 38 Q29 32 58 38 L58 50 L0 50Z" fill="rgba(0,0,0,0.25)" data-sentry-element="path" data-sentry-source-file="PracticeMockup.tsx"></path></svg><div class="absolute bottom-[3px] left-0 right-0 text-center text-[7px] font-bold text-white z-[2]">Photo 1</div></div><div class="flex-1 h-[50px] border-[1.5px] border-dashed border-muted-foreground/30 rounded-[9px] flex items-center justify-center gap-[5px] text-[9px] font-bold text-muted-foreground bg-muted/50"><span class="text-xs">ð</span>Attach evidence</div></div></div><div class="px-[18px] py-2.5 border-t border-border flex items-center justify-between"><div><span class="text-[22px] font-extrabold text-foreground tracking-tight">3/4</span><span class="text-[10px] font-semibold text-muted-foreground ml-1">criteria met</span></div>
14<span class="px-[11px] py-[5px] bg-red-50 text-red-600 text-[10px] font-bold rounded-lg">Needs follow-up</span></div></div><div class="absolute left-0 top-[56px] bg-card rounded-[14px] px-3 py-2.5 shadow-lg flex items-center gap-[9px] z-10 min-w-[168px]"><div class="w-[30px] h-[30px] rounded-full bg-gradient-to-br from-foreground to-foreground/70 flex items-center justify-center text-xs font-extrabold text-background shrink-0">JK</div><div><div class="text-[9px] font-bold text-foreground">James K · Store Manager</div><div class="text-[8px] text-muted-foreground font-medium mt-[1px]">Observing now · Downtown</div></div></div><div class="absolute right-1 bottom-[68px] bg-foreground rounded-[14px] px-3 py-2.5 shadow-xl z-10 max-w-[170px]"><div class="text-[8px] font-bold text-background/40 uppercase tracking-wider mb-1.5">Chat simulation</div><div class="bg-background/10 rounded-lg rounded-bl-sm px-2 py-1.5 mb-1"><div class="text-[9px] text-background font-medium">"Customer upset about wait time. How do you handle it?"</div></div><div class="bg-primary/25 rounded-lg rounded-br-sm px-2 py-1.5"><div class="text-[9px] text-background font-medium">"Apologise, offer a solution, follow up."</div></div></div></div></div></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="CapabilityBlockMobile" data-sentry-source-file="HowItWorksSection.tsx"><button class="w-full text-left flex items-start gap-2"><div class="flex-1"><h3 class="text-base font-bold text-foreground leading-snug">They passed the quiz.<br/>Can they <span class="text-primary">do the job</span>?</h3></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-0.5 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="HowItWorksSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="text-sm text-muted-foreground leading-relaxed">Knowing the theory doesnât mean they can apply it. Manager observations scored against rubrics. Photo and video evidence from a phone. Interactive simulations that test real scenarios. Practical sign-offs that prove someone can do the work â not just answer questions about it.</div></div><div class="flex flex-wrap gap-1.5 mt-3"><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-clipboard-check h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg>Rubric-based practical assessments</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-camera h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>Photo and video evidence</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg>Interactive simulations</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-user-check h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><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><polyline points="16 11 18 13 22 9"></polyline></svg>Manager sign-offs</span></div><div class="mt-3 overflow-hidden mx-auto" style="height:312px;max-width:300px"><div style="transform:scale(0.6);transform-origin:top center"><div class="relative w-full" style="max-width:460px;height:520px;margin:0 auto" data-sentry-component="PracticeMockup" data-sentry-source-file="PracticeMockup.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2] mx-auto" style="max-width:380px"><div class="px-[18px] py-4 border-b border-border flex items-start justify-between"><div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-[3px]">Practical Assessment</div><div class="text-[15px] font-extrabold text-foreground tracking-tight">Barista â Coffee Preparation</div>
14<div class="text-[10px] text-muted-foreground font-medium mt-[2px] flex items-center gap-[5px]"><div class="w-[5px] h-[5px] bg-green-500 rounded-full"></div>Assessed by Store Manager · live</div></div><span class="px-2.5 py-1 rounded-full text-[10px] font-bold bg-amber-100 text-amber-600 shrink-0">In Progress</span></div><div class="px-[18px] py-3.5 flex flex-col gap-2"><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Correct grind size and tamping pressure</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Milk steamed to correct temperature</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-red-50 text-red-600">â</div><span class="text-[11px] font-semibold flex-1 text-muted-foreground">Latte art meets brand standard</span><span class="text-[9px] font-semibold text-red-600 bg-red-50 px-[7px] py-[2px] rounded-full">Redo</span></div><div class="flex items-center gap-2.5" data-sentry-component="CheckRow" data-sentry-source-file="PracticeMockup.tsx"><div class="w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 bg-green-50 text-green-600">â</div><span class="text-[11px] font-semibold flex-1 text-foreground/80">Workspace cleaned after service</span></div></div><div class="px-[18px] pt-2.5 pb-3 border-t border-border"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-2">Photo Evidence</div><div class="flex items-center gap-2"><div class="w-[58px] h-[50px] rounded-[9px] overflow-hidden shrink-0 relative border-[1.5px] border-border" style="background:linear-gradient(135deg, #c8a882 0%, #a07850 40%, #6b4c2a 100%)"><svg class="absolute inset-0 z-[1]" width="58" height="50" viewBox="0 0 58 50" fill="none" data-sentry-element="svg" data-sentry-source-file="PracticeMockup.tsx"><ellipse cx="29" cy="25" rx="18" ry="14" fill="rgba(255,255,255,0.12)" data-sentry-element="ellipse" data-sentry-source-file="PracticeMockup.tsx"></ellipse><ellipse cx="29" cy="25" rx="12" ry="9" fill="rgba(255,255,255,0.18)" data-sentry-element="ellipse" data-sentry-source-file="PracticeMockup.tsx"></ellipse><path d="M29 18 C25 18 23 21 23 23 C23 26 26 28 29 30 C32 28 35 26 35 23 C35 21 33 18 29 18Z" fill="rgba(255,255,255,0.55)" data-sentry-element="path" data-sentry-source-file="PracticeMockup.tsx"></path><circle cx="25" cy="21" r="3" fill="rgba(255,255,255,0.4)" data-sentry-element="circle" data-sentry-source-file="PracticeMockup.tsx"></circle><circle cx="33" cy="21" r="3" fill="rgba(255,255,255,0.4)" data-sentry-element="circle" data-sentry-source-file="PracticeMockup.tsx"></circle><path d="M0 38 Q29 32 58 38 L58 50 L0 50Z" fill="rgba(0,0,0,0.25)" data-sentry-element="path" data-sentry-source-file="PracticeMockup.tsx"></path></svg><div class="absolute bottom-[3px] left-0 right-0 text-center text-[7px] font-bold text-white z-[2]">Photo 1</div></div><div class="flex-1 h-[50px] border-[1.5px] border-dashed border-muted-foreground/30 rounded-[9px] flex items-center justify-center gap-[5px] text-[9px] font-bold text-muted-foreground bg-muted/50"><span class="text-xs">ð</span>Attach evidence</div></div></div><div class="px-[18px] py-2.5 border-t border-border flex items-center justify-between"><div><span class="text-[22px] font-extrabold text-foreground tracking-tight">3/4</span><span class="text-[10px] font-semibold text-muted-foreground ml-1">criteria met</span></div>
14<span class="px-[11px] py-[5px] bg-red-50 text-red-600 text-[10px] font-bold rounded-lg">Needs follow-up</span></div></div><div class="absolute left-0 top-[56px] bg-card rounded-[14px] px-3 py-2.5 shadow-lg flex items-center gap-[9px] z-10 min-w-[168px]"><div class="w-[30px] h-[30px] rounded-full bg-gradient-to-br from-foreground to-foreground/70 flex items-center justify-center text-xs font-extrabold text-background shrink-0">JK</div><div><div class="text-[9px] font-bold text-foreground">James K · Store Manager</div><div class="text-[8px] text-muted-foreground font-medium mt-[1px]">Observing now · Downtown</div></div></div><div class="absolute right-1 bottom-[68px] bg-foreground rounded-[14px] px-3 py-2.5 shadow-xl z-10 max-w-[170px]"><div class="text-[8px] font-bold text-background/40 uppercase tracking-wider mb-1.5">Chat simulation</div><div class="bg-background/10 rounded-lg rounded-bl-sm px-2 py-1.5 mb-1"><div class="text-[9px] text-background font-medium">"Customer upset about wait time. How do you handle it?"</div></div><div class="bg-primary/25 rounded-lg rounded-br-sm px-2 py-1.5"><div class="text-[9px] text-background font-medium">"Apologise, offer a solution, follow up."</div></div></div></div></div></div></div></div><div><div class="hidden md:flex flex-col lg:flex-row-reverse items-center gap-8 md:gap-12 lg:gap-20" data-sentry-component="CapabilityBlockDesktop" data-sentry-source-file="HowItWorksSection.tsx"><div class="flex-1 text-center lg:text-left transition-all duration-700 opacity-0 translate-y-12"><h3 class="text-xl md:text-2xl lg:text-3xl font-bold text-foreground mb-3 md:mb-6">See performance across your entire organisation.<br/><span class="text-primary">Act where it matters</span>.</h3><p class="text-base md:text-lg text-muted-foreground leading-relaxed mb-3 md:mb-4">Two things change when you have real data. <strong class="text-foreground">Performance reviews</strong> stop being guesswork â every conversation backed by training data, assessment scores, and practical evidence, not two weeks of memory. And <strong class="text-foreground">dashboards</strong> show capability across every role, location, and team â so you see where to focus before gaps become problems.</p><div class="flex flex-wrap gap-2 justify-center lg:justify-start"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-chart-column h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>Evidence-backed performance reviews</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-map h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"></path><path d="M15 5.764v15"></path><path d="M9 3.236v15"></path></svg>Team and location dashboards</span><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-secondary text-sm text-muted-foreground border border-border" data-sentry-component="Chip" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-triangle-alert h-3.5 w-3.5 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Intervention alerts</span></div></div><div class="flex-1 w-full max-w-md lg:max-w-none group transition-all duration-700 delay-200 opacity-0 -translate-x-12"><div class="transform group-hover:scale-[1.02] group-hover:-translate-y-2 transition-all duration-500"><div class="relative w-full" style="max-width:520px;height:540px;margin:0 auto" data-sentry-component="PerformMockup" data-sentry-source-file="PerformMockup.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[3]" style="max-width:440px;margin:0 auto"><div class="bg-foreground px-5 pt-[18px] pb-4 flex items-start justify-between"><div><div class="text-[9px] font-semibold text-background/40 uppercase tracking-wider mb-[3px]">Performance Review â Q1 2026</div><div class="text-base font-extrabold text-background tracking-tight">Sarah Chen</div>
14<div class="text-[10px] text-background/45 font-medium mt-[2px]">Store Manager · Downtown</div></div><span class="px-[11px] py-1 rounded-full text-[10px] font-bold bg-green-500/20 text-green-400 border border-green-500/25 shrink-0">On Track</span></div><div class="flex px-5 py-4 border-b border-border"><div class="flex-1 text-center px-2 " data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">94%</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Training</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +3%</div></div><div class="flex-1 text-center px-2 border-l border-border" data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">87%</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Knowledge</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +6%</div></div><div class="flex-1 text-center px-2 border-l border-border" data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">4/5</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Practicals</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +1</div></div></div><div class="px-5 py-3.5"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-[9px]">Backed by 12 months of evidence</div><div class="flex flex-col gap-1.5"><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-green-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">18 training modules completed across the year</span><span class="text-[11px] text-green-500">â</span></div><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-green-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">4 practical sign-offs by line manager</span><span class="text-[11px] text-green-500">â</span></div><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-amber-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">Coffee latte art â re-assessment pending</span><span class="text-[11px] text-amber-500">â³</span></div></div></div></div><div class="absolute bottom-[10px] left-1/2 -translate-x-1/2 bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2]" style="width:100%;max-width:440px"><div class="px-[18px] py-3.5 border-b border-border flex items-center justify-between"><div class="text-[13px] font-extrabold text-foreground tracking-tight">Workforce Intelligence</div><div class="flex items-center gap-1.5"><span class="text-xl font-extrabold text-primary tracking-tight">84%</span><span class="text-[9px] font-semibold text-muted-foreground">Overall Capability</span></div></div><div class="px-[18px] py-2.5"><div class="flex pb-[7px] border-b border-border mb-1.5"><span class="flex-[2] text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Location</span><span class="flex-1 text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Knowledge</span><span class="flex-1 text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Practical</span><span class="w-[70px] text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Status</span></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>Downtown</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">92%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">88%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-amber-500"></div>Westside</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">78%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">72%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-amber-100 text-amber-600">Review</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>North Hub</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">95%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">93%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-red-500"></div>East Branch</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">85%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">42%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-red-50 text-red-600">Critical</span></div></div><div class="flex items-center py-1.5 " data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>Central</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">88%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">86%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div></div><div class="mx-[18px] mb-3 bg-amber-50 border-l-[3px] border-primary rounded-lg px-3 py-[9px] flex items-start gap-2"><span class="text-xs shrink-0 mt-[1px]">â¡</span><div><div class="text-[10px] font-bold text-foreground">East Branch: Knowledge high, Practical low</div>
14<div class="text-[9px] text-muted-foreground font-medium mt-[2px]">Team knows the theory but can't execute · 18 learners affected</div></div></div></div></div></div></div></div><div class="md:hidden transition-all duration-700 opacity-0 translate-y-12" data-sentry-component="CapabilityBlockMobile" data-sentry-source-file="HowItWorksSection.tsx"><button class="w-full text-left flex items-start gap-2"><div class="flex-1"><h3 class="text-base font-bold text-foreground leading-snug">See performance across your entire organisation.<br/><span class="text-primary">Act where it matters</span>.</h3></div><svg xmlns="http://www.w3.org/2000/svg" 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-5 w-5 text-muted-foreground shrink-0 mt-0.5 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="HowItWorksSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="text-sm text-muted-foreground leading-relaxed">Two things change when you have real data. <strong class="text-foreground">Performance reviews</strong> stop being guesswork â every conversation backed by training data, assessment scores, and practical evidence, not two weeks of memory. And <strong class="text-foreground">dashboards</strong> show capability across every role, location, and team â so you see where to focus before gaps become problems.</div></div><div class="flex flex-wrap gap-1.5 mt-3"><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-chart-column h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>Evidence-backed performance reviews</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-map h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"></path><path d="M15 5.764v15"></path><path d="M9 3.236v15"></path></svg>Team and location dashboards</span><span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-secondary text-xs text-muted-foreground border border-border" data-sentry-component="ChipSmall" data-sentry-source-file="HowItWorksSection.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-triangle-alert h-3 w-3 text-primary" data-sentry-element="Icon" data-sentry-source-file="HowItWorksSection.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Intervention alerts</span></div><div class="mt-3 overflow-hidden mx-auto" style="height:324px;max-width:300px"><div style="transform:scale(0.6);transform-origin:top center"><div class="relative w-full" style="max-width:520px;height:540px;margin:0 auto" data-sentry-component="PerformMockup" data-sentry-source-file="PerformMockup.tsx"><div class="relative bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[3]" style="max-width:440px;margin:0 auto"><div class="bg-foreground px-5 pt-[18px] pb-4 flex items-start justify-between"><div><div class="text-[9px] font-semibold text-background/40 uppercase tracking-wider mb-[3px]">Performance Review â Q1 2026</div><div class="text-base font-extrabold text-background tracking-tight">Sarah Chen</div>
14<div class="text-[10px] text-background/45 font-medium mt-[2px]">Store Manager · Downtown</div></div><span class="px-[11px] py-1 rounded-full text-[10px] font-bold bg-green-500/20 text-green-400 border border-green-500/25 shrink-0">On Track</span></div><div class="flex px-5 py-4 border-b border-border"><div class="flex-1 text-center px-2 " data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">94%</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Training</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +3%</div></div><div class="flex-1 text-center px-2 border-l border-border" data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">87%</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Knowledge</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +6%</div></div><div class="flex-1 text-center px-2 border-l border-border" data-sentry-component="Metric" data-sentry-source-file="PerformMockup.tsx"><div class="text-[28px] font-extrabold text-foreground tracking-tight leading-none">4/5</div><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mt-[3px]">Practicals</div><div class="text-[10px] font-bold text-green-500 mt-[2px]">â +1</div></div></div><div class="px-5 py-3.5"><div class="text-[9px] font-bold text-muted-foreground uppercase tracking-wider mb-[9px]">Backed by 12 months of evidence</div><div class="flex flex-col gap-1.5"><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-green-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">18 training modules completed across the year</span><span class="text-[11px] text-green-500">â</span></div><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-green-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">4 practical sign-offs by line manager</span><span class="text-[11px] text-green-500">â</span></div><div class="flex items-center gap-2" data-sentry-component="EvidenceRow" data-sentry-source-file="PerformMockup.tsx"><div class="w-1.5 h-1.5 rounded-full shrink-0 bg-amber-500"></div><span class="text-[11px] text-muted-foreground font-medium flex-1">Coffee latte art â re-assessment pending</span><span class="text-[11px] text-amber-500">â³</span></div></div></div></div><div class="absolute bottom-[10px] left-1/2 -translate-x-1/2 bg-card rounded-[20px] overflow-hidden shadow-lg border border-border z-[2]" style="width:100%;max-width:440px"><div class="px-[18px] py-3.5 border-b border-border flex items-center justify-between"><div class="text-[13px] font-extrabold text-foreground tracking-tight">Workforce Intelligence</div><div class="flex items-center gap-1.5"><span class="text-xl font-extrabold text-primary tracking-tight">84%</span><span class="text-[9px] font-semibold text-muted-foreground">Overall Capability</span></div></div><div class="px-[18px] py-2.5"><div class="flex pb-[7px] border-b border-border mb-1.5"><span class="flex-[2] text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Location</span><span class="flex-1 text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Knowledge</span><span class="flex-1 text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Practical</span><span class="w-[70px] text-right text-[9px] font-bold text-muted-foreground uppercase tracking-wider">Status</span></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>Downtown</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">92%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">88%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-amber-500"></div>Westside</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">78%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">72%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-amber-100 text-amber-600">Review</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>North Hub</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">95%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">93%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div><div class="flex items-center py-1.5 border-b border-border/10" data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-red-500"></div>East Branch</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">85%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">42%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-red-50 text-red-600">Critical</span></div></div><div class="flex items-center py-1.5 " data-sentry-component="LocationRow" data-sentry-source-file="PerformMockup.tsx"><div class="flex-[2] flex items-center gap-[7px] text-[11px] font-semibold text-foreground"><div class="w-[7px] h-[7px] rounded-full shrink-0 bg-green-500"></div>Central</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">88%</div><div class="flex-1 text-right text-[11px] font-bold text-foreground">86%</div><div class="w-[70px] text-right"><span class="text-[8px] font-bold px-[7px] py-[2px] rounded-full bg-green-50 text-green-600">On Track</span></div></div></div><div class="mx-[18px] mb-3 bg-amber-50 border-l-[3px] border-primary rounded-lg px-3 py-[9px] flex items-start gap-2"><span class="text-xs shrink-0 mt-[1px]">â¡</span><div><div class="text-[10px] font-bold text-foreground">East Branch: Knowledge high, Practical low</div>
14<div class="text-[9px] text-muted-foreground font-medium mt-[2px]">Team knows the theory but can't execute · 18 learners affected</div></div></div></div></div></div></div></div></div></div><div class="text-center mt-10 md:mt-16 transition-all duration-700 opacity-0 translate-y-8"><p class="text-sm md:text-lg text-muted-foreground mb-2">Build it. Prove they know it. Prove they can do it. See the results.</p><p class="text-sm md:text-lg text-muted-foreground font-bold">That's the loop â and it's what makes Beeline a Performance Enablement Platform, not just a performance LMS.</p></div></div></section><section id="use-cases" class="py-10 md:py-16 lg:py-20 bg-background scroll-mt-20" data-sentry-component="TwoPathsSection" data-sentry-source-file="TwoPathsSection.tsx"><div class="container"><div class="text-center mb-8 md:mb-16 transition-all duration-700 opacity-0 translate-y-8"><h2 class="text-xl md:text-4xl lg:text-display-sm font-bold text-foreground"><span class="text-primary">One platform.</span> Three ways it changes your business.</h2></div><div class="hidden md:grid md:grid-cols-3 gap-8 max-w-6xl mx-auto"><div class="rounded-xl text-card-foreground shadow hidden md:flex flex-col group relative overflow-hidden border-2 border-border hover:border-primary/30 transition-all duration-500 hover:shadow-card-hover hover:-translate-y-2 bg-card opacity-0 translate-y-12" style="transition-delay:200ms" data-sentry-element="Card" data-sentry-component="PathCard" data-sentry-source-file="TwoPathsSection.tsx"><div class="flex flex-col space-y-1.5 p-6 pb-4" data-sentry-element="CardHeader" data-sentry-source-file="TwoPathsSection.tsx"><div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" 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 h-7 w-7 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><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="tracking-tight text-xl md:text-2xl font-bold text-foreground group-hover:text-primary transition-colors duration-300" data-sentry-element="CardTitle" data-sentry-source-file="TwoPathsSection.tsx">Scale your operations without losing control</div></div><div class="p-6 pt-0 space-y-6" data-sentry-element="CardContent" data-sentry-source-file="TwoPathsSection.tsx"><p class="text-muted-foreground leading-relaxed">For franchise networks, multi-location teams, and distributed operations. One standard, everywhere â and the evidence to prove it.</p><ul class="space-y-4"><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 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><span class="text-foreground">Consistent onboarding and training across every site</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-eye h-4 w-4 text-primary"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><span class="text-foreground">See whoâs capable and whoâs falling behind â before it hits the customer</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-triangle-alert h-4 w-4 text-primary"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><span class="text-foreground">Evidence-backed performance reviews, not gut feel</span></li></ul><button class="flex items-center gap-2 text-primary font-semibold group-hover:gap-4 transition-all duration-300">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="rounded-xl text-card-foreground shadow hidden md:flex flex-col group relative overflow-hidden border-2 border-border hover:border-primary/30 transition-all duration-500 hover:shadow-card-hover hover:-translate-y-2 bg-card o
14pacity-0 translate-y-12" style="transition-delay:400ms" data-sentry-element="Card" data-sentry-component="PathCard" data-sentry-source-file="TwoPathsSection.tsx"><div class="flex flex-col space-y-1.5 p-6 pb-4" data-sentry-element="CardHeader" data-sentry-source-file="TwoPathsSection.tsx"><div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" 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 h-7 w-7 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><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 class="tracking-tight text-xl md:text-2xl font-bold text-foreground group-hover:text-primary transition-colors duration-300" data-sentry-element="CardTitle" data-sentry-source-file="TwoPathsSection.tsx">Get your sales teams selling the right thing, faster</div></div><div class="p-6 pt-0 space-y-6" data-sentry-element="CardContent" data-sentry-source-file="TwoPathsSection.tsx"><p class="text-muted-foreground leading-relaxed">For distributed sales teams, channel partners, and reseller networks. Product knowledge that sticks â tied directly to sales results.</p><ul class="space-y-4"><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 text-primary"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><span class="text-foreground">Product knowledge that sticks, not just gets completed</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 text-primary"><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><span class="text-foreground">New reps ramped faster on new products and new markets</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-chart-column h-4 w-4 text-primary"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><span class="text-foreground">See which training is moving the needle on revenue</span></li></ul><button class="flex items-center gap-2 text-primary font-semibold group-hover:gap-4 transition-all duration-300">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="rounded-xl text-card-foreground shadow hidden md:flex flex-col group relative overflow-hidden border-2 border-border hover:border-primary/30 transition-all duration-500 hover:shadow-card-hover hover:-translate-y-2 bg-card o
14pacity-0 translate-y-12" style="transition-delay:600ms" data-sentry-element="Card" data-sentry-component="PathCard" data-sentry-source-file="TwoPathsSection.tsx"><div class="flex flex-col space-y-1.5 p-6 pb-4" data-sentry-element="CardHeader" data-sentry-source-file="TwoPathsSection.tsx"><div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" 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-graduation-cap h-7 w-7 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div class="tracking-tight text-xl md:text-2xl font-bold text-foreground group-hover:text-primary transition-colors duration-300" data-sentry-element="CardTitle" data-sentry-source-file="TwoPathsSection.tsx">Finally prove that your training is working</div></div><div class="p-6 pt-0 space-y-6" data-sentry-element="CardContent" data-sentry-source-file="TwoPathsSection.tsx"><p class="text-muted-foreground leading-relaxed">For Training Managers who know what good looks like but canât prove it to leadership. Move beyond completion and show real impact.</p><ul class="space-y-4"><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-4 w-4 text-primary"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><span class="text-foreground">Know whoâs learned the theory AND who can do it in practice</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-file-spreadsheet h-4 w-4 text-primary"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M8 13h2"></path><path d="M14 13h2"></path><path d="M8 17h2"></path><path d="M14 17h2"></path></svg></div><span class="text-foreground">Real-time gap reporting that replaces your spreadsheets</span></li><li class="flex items-start gap-3 group/item"><div class="w-8 h-8 rounded-lg bg-secondary flex items-center justify-center flex-shrink-0 mt-0.5 group-hover/item:bg-primary/10 group-hover/item:scale-110 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" 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-clipboard-check h-4 w-4 text-primary"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg></div><span class="text-foreground">Give leadership the evidence they need â without manual reporting</span></li></ul><button class="flex items-center gap-2 text-primary font-semibold group-hover:gap-4 transition-all duration-300">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div><div class="md:hidden space-y-3 max-w-6xl mx-auto"><div class="md:hidden border border-border rounded-xl bg-card p-4 transition-all duration-500 opacity-0 translate-y-12" style="transition-delay:200ms" data-sentry-component="PathCardMobile" data-sentry-source-file="TwoPathsSection.tsx"><button class="w-full flex items-center gap-3 text-left"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-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-building2 h-5 w-5 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><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><h3 class="flex-1 text-sm font-bold text-foreground leading-snug">Scale your operations without losing control</h3><svg xmlns="http://www.w3.org/2000/svg" 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 text-muted-foreground shrink-0 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="TwoPathsSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><p class="text-sm text-muted-foreground leading-relaxed mb-3">For franchise networks, multi-location teams, and distributed operations. One standard, everywhere â and the evidence to prove it.</p><ul class="space-y-2 mb-3"><li class="flex items-start 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-users h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><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><span class="text-sm text-foreground">Consistent onboarding and training across every site</span></li><li class="flex items-start 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-eye h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="text-sm text-foreground">See whoâs capable and whoâs falling behind â before it hits the customer</span></li><li class="flex items-start 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-triangle-alert h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><span class="text-sm text-foreground">Evidence-backed performance reviews, not gut feel</span></li></ul><button class="flex items-center gap-1.5 text-primary text-sm font-semibold">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-3.5 w-3.5" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="md:hidden border border-border rounded-xl bg-card p-4 transition-all duration-500 opacity-0 translate-y-12" style="transition-delay:400ms" data-sentry-component="PathCardMobile" data-sentry-source-file="TwoPathsSection.tsx"><button class="w-full flex items-center gap-3 text-left"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-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-trending-up h-5 w-5 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><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><h3 class="flex-1 text-sm font-bold text-foreground leading-snug">Get your sales teams selling the right thing, faster</h3><svg xmlns="http://www.w3.org/2000/svg" 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 text-muted-foreground shrink-0 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="TwoPathsSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><p class="text-sm text-muted-foreground leading-relaxed mb-3">For distributed sales teams, channel partners, and reseller networks. Product knowledge that sticks â tied directly to sales results.</p><ul class="space-y-2 mb-3"><li class="flex items-start 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-smartphone h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><span class="text-sm text-foreground">Product knowledge that sticks, not just gets completed</span></li><li class="flex items-start 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-zap h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-sm text-foreground">New reps ramped faster on new products and new markets</span></li><li class="flex items-start 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-chart-column h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg><span class="text-sm text-foreground">
14See which training is moving the needle on revenue</span></li></ul><button class="flex items-center gap-1.5 text-primary text-sm font-semibold">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-3.5 w-3.5" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="md:hidden border border-border rounded-xl bg-card p-4 transition-all duration-500 opacity-0 translate-y-12" style="transition-delay:600ms" data-sentry-component="PathCardMobile" data-sentry-source-file="TwoPathsSection.tsx"><button class="w-full flex items-center gap-3 text-left"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-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-graduation-cap h-5 w-5 text-primary" data-sentry-element="Icon" data-sentry-source-file="TwoPathsSection.tsx"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="flex-1 text-sm font-bold text-foreground leading-snug">Finally prove that your training is working</h3><svg xmlns="http://www.w3.org/2000/svg" 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 text-muted-foreground shrink-0 transition-transform duration-300" data-sentry-element="ChevronDown" data-sentry-source-file="TwoPathsSection.tsx"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><p class="text-sm text-muted-foreground leading-relaxed mb-3">For Training Managers who know what good looks like but canât prove it to leadership. Move beyond completion and show real impact.</p><ul class="space-y-2 mb-3"><li class="flex items-start 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-brain h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg><span class="text-sm text-foreground">Know whoâs learned the theory AND who can do it in practice</span></li><li class="flex items-start 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-file-spreadsheet h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M8 13h2"></path><path d="M14 13h2"></path><path d="M8 17h2"></path><path d="M14 17h2"></path></svg><span class="text-sm text-foreground">Real-time gap reporting that replaces your spreadsheets</span></li><li class="flex items-start 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-clipboard-check h-3.5 w-3.5 text-primary mt-0.5 shrink-0"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg><span class="text-sm text-foreground">Give leadership the evidence they need â without manual reporting</span></li></ul><button class="flex items-center gap-1.5 text-primary text-sm font-semibold">Learn more<svg xmlns="http://www.w3.org/2000/svg" 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 h-3.5 w-3.5" data-sentry-element="ArrowRight" data-sentry-source-file="TwoPathsSection.tsx"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div><p class="text-center text-muted-foreground mt-8 md:mt-12 text-sm md:text-lg transition-all duration-700 opacity-0" style="transition-delay:800ms">Most of our clients fit more than one of these. That's fine â<!-- --> <span class="text-foreground font-medium">Beeline handles it from one platform.</span></p></div></section><section class="py-10 md:py-14 lg:py-16 bg-beeline-navy" data-sentry-component="ProofSection" data-sentry-source-file="ProofSection.tsx"><div class="container"><div class="max-w-4xl mx-auto"><h2 class="text-xl md:text-3xl lg:text-display-sm font-bold text-center mb-3 md:mb-4 transition-all duration-700 opacity-0 translate-y-8"><span class="text-primary">Used by thousands of learners.</span><br/><span class="text-beeline-cream">Trusted by the teams that manage them.</span></h2><p class="text-xs md:text-base text-white/60 text-center mb-6 md:mb-8 max-w-2xl mx-auto transition-all duration-700 delay-100 opacity-0 translate-y-8">Beeline is used by operations-led businesses across franchise, retail, facilities, medical devices, and telecoms â anywhere distributed teams need to perform consistently.</p><div class="grid grid-cols-3 gap-4 md:gap-6 mb-6 md:mb-8 max-w-2xl mx-auto"><div class="text-center transition-all duration-500 opacity-0 translate-y-8" style="transition-delay:300ms"><p class="text-xl md:text-3xl font-bold text-primary mb-0.5">20,000+</p><p class="text-white/60 text-[10px] md:text-xs leading-snug">learners across multiple countries</p></div><div class="text-center transition-all duration-500 opacity-0 translate-y-8" style="transition-delay:450ms"><p class="text-xl md:text-3xl font-bold text-primary mb-0.5">300+</p><p class="text-white/60 text-[10px] md:text-xs leading-snug">locations managed from one platform</p></div><div class="text-center transition-all duration-500 opacity-0 translate-y-8" style="transition-delay:600ms"><p class="text-xl md:text-3xl font-bold text-primary mb-0.5">5+</p><p class="text-white/60 text-[10px] md:text-xs leading-snug">industries including franchise, retail, medical devices, and telecoms</p></div></div><div class="text-center transition-all duration-700 opacity-0 translate-y-8" style="transition-delay:600ms"><p class="text-white/60 text-sm leading-relaxed"><button class="text-primary font-medium hover:underline">Ask us to connect you with what our clients are doing</button> <!-- -->â and how it's working.</p></div></div></div></section><section id="features" class="py-10 md:py-16 lg:py-20 bg-background scroll-mt-20" data-sentry-component="PlatformFeatures" data-sentry-source-file="PlatformFeatures.tsx"><div class="container"><div class="text-center mb-10 md:mb-16 max-w-3xl mx-auto"><h2 class="text-xl md:text-4xl lg:text-display-sm font-bold text-foreground" style="font-family:var(--font-display), system-ui, sans-serif">Everything you need, <span class="text-primary">in one platform</span>.</h2><p class="mt-3 md:mt-4 text-sm md:text-lg text-muted-foreground">Seven capabilities that work together â so you can stop stitching tools and start shipping outcomes.</p></div><div class="space-y-14 md:space-y-20 max-w-6xl mx-auto"><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class=""><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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-brain h-6 w-6 text-primary" aria-hidden="true"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"></path><path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"></path><path d="M17.599 6.5a3 3 0 0 0 .399-1.375"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M19.938 10.5a4 4 0 0 1 .585.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M19.967 17.484A4 4 0 0 1 18 18"></path></svg></div><span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-semibold bg-primary/10 border border-primary/20 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-star h-3 w-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Most popular</span><span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-semibold bg-accent/10 border border-accent/20 text-accent">Beta</span></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">AI-Powered Rapid Course Builder</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">Turn 40 hours of course design into 40 minutes. AI builds structured training from your SOPs, docs, or voice notes.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">A multi-provider engine (OpenAI, Anthropic, Gemini) drafts micro-lessons, assessments, and interactive exercises â you review and ship.</p></div><div class=""><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="AI-Powered Rapid Course Builder" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class="lg:order-2"><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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 h-6 w-6 text-primary" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-semibold bg-primary/10 border border-primary/20 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-star h-3 w-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Recently launched</span></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Multi-Channel Delivery (WhatsApp & Mobile)</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">Meet learners where they work. Deliver training through WhatsApp, mobile app, or web â no friction, no excuses.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">Offline-capable mobile app, smart notifications, and streaks. Cross-channel delivery on WhatsApp, Slack, and email.</p></div><div class="lg:order-1"><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Multi-channel training delivery" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class=""><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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-book-open h-6
14w-6 text-primary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Knowledge Hub & Content Libraries</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">A searchable home for every policy, playbook, and training program.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">AI-powered search, organised libraries, and self-service learning â full mobile and web access for the whole team.</p></div><div class=""><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Knowledge hub and content libraries" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class="lg:order-2"><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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 h-6 w-6 text-primary" aria-hidden="true"><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><span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-semibold bg-primary/10 border border-primary/20 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-star h-3 w-3" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>Recently launched</span></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Continuous Performance & Development</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">Reviews that actually drive development. Replace annual reviews with ongoing, evidence-backed conversations.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">Smart templates adapt by job role, capture real evidence, and generate AI-assisted development plans.</p></div><div class="lg:order-1"><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Continuous performance and development" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class=""><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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-workflow h-6 w-6 text-primary" aria-hidden="true"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg></div></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Seamless Integration Ecosystem</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">Connect to your HR, CRM, or anything else. Sync in minutes, not weeks.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">Pre-built Make.com modules, a secure REST API, and real-time webhooks
14support 1,000+ apps out of the box.</p></div><div class=""><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Seamless integration ecosystem" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class="lg:order-2"><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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-chart-column h-6 w-6 text-primary" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><span class="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-semibold bg-secondary border border-border text-muted-foreground">Continuously improving</span></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Capability & ROI Analytics</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">See progress, spot gaps, track capability. Dashboards for admins and managers.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">Track learning progress, identify skill gaps, and measure training ROI with drill-down analytics.</p></div><div class="lg:order-1"><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Capability and ROI analytics dashboard" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&w=3840&q=75"/></div></div></div><div class="grid gap-8 md:gap-12 lg:grid-cols-2 items-center"><div class=""><div class="flex flex-wrap items-center gap-2 mb-5"><div class="w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" 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 h-6 w-6 text-primary" aria-hidden="true"><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></div><h3 class="text-xl md:text-2xl font-bold text-foreground mb-3" style="font-family:var(--font-display), system-ui, sans-serif">Communication & Engagement</h3><p class="text-base md:text-lg text-foreground mb-3 leading-relaxed">Keep everyone aligned with a single source of truth.</p><p class="text-sm md:text-base text-muted-foreground leading-relaxed">Share updates, celebrate wins, and require confirmation on critical messages. Know exactly who has seen what.</p></div><div class=""><div class="relative aspect-video overflow-hidden rounded-2xl border border-border bg-card shadow-card"><img alt="Communication and engagement platform" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 600px, 100vw" srcSet="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=640&q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=750&q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=828&q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&w=3840&q=75"/></div></div></div></div></div></section><section class="py-8 md:py-12 bg-white"><div class="container"><div class="text-center " data-sentry-component="LogoBar" data-sentry-source-file="LogoBar.tsx"><p class="text-xs md:text-sm uppercase tracking-wider text-muted-foreground mb-3 md:mb-4">Trusted by operations-led businesses</p><div class="flex flex-wrap items-center justify-center gap-4 md:gap-11 px-3 md:px-7"><img src="/img/revamp/logos/Faro.png" alt="Faro" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:14px"/><img src="/img/revamp/logos/Fibertime.png" alt="Fibertime" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:15px"/><img src="/img/revamp/logos/Alpha-Pharm.png" alt="Alpha Pharm" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:16px"/><img src="/img/revamp/logos/Bootlegger.png" alt="Bootlegger" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:18px"/><img src="/img/revamp/logos/Lasec.png" alt="Lasec" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:18px"/><img src="/img/revamp/logos/Waxit.png" alt="Waxit" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:18px"/><img src="/img/revamp/logos/Bidvest-Steiner.png" alt="Bidvest Steiner" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:20px"/><img src="/img/revamp/logos/Solar-Africa.png" alt="Solar Africa" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:20px"/><img src="/img/revamp/logos/Melon.png" alt="Melon" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:22px"/><img src="/img/revamp/logos/Herholdts-Group.png" alt="Herholdts Group" class="w-auto object-contain transition-all duration-300" style="filter:grayscale(100%) opacity(0.5);max-height:24px"/></div>
14<p class="text-[11px] md:text-xs text-muted-foreground/60 mt-3 md:mt-4 italic">and other industry leaders</p><style> 15 @media (min-width: 768px) { 16 img[alt="Faro"] { max-height: 28px !important; } 17 img[alt="Fibertime"] { max-height: 30px !important; } 18 img[alt="Alpha Pharm"] { max-height: 32px !important; } 19 img[alt="Bootlegger"] { max-height: 34px !important; } 20 img[alt="Lasec"] { max-height: 34px !important; } 21 img[alt="Waxit"] { max-height: 34px !important; } 22 img[alt="Bidvest Steiner"] { max-height: 36px !important; } 23 img[alt="Solar Africa"] { max-height: 36px !important; } 24 img[alt="Melon"] { max-height: 42px !important; } 25 img[alt="Herholdts Group"] { max-height: 44px !important; } 26 } 27 </style></div></div></section><section class="py-10 md:py-14 bg-background"><div class="container"><div class="text-center mb-8"><h2 class="text-lg md:text-2xl font-bold text-foreground">Success Stories</h2></div><div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-5xl mx-auto"><div class="bg-card rounded-xl border border-border overflow-hidden animate-pulse"><div class="h-36 bg-muted"></div><div class="p-4 space-y-2"><div class="h-4 bg-muted rounded w-2/3"></div><div class="h-3 bg-muted rounded w-full"></div><div class="h-3 bg-muted rounded w-3/4"></div></div></div><div class="bg-card rounded-xl border border-border overflow-hidden animate-pulse"><div class="h-36 bg-muted"></div><div class="p-4 space-y-2"><div class="h-4 bg-muted rounded w-2/3"></div><div class="h-3 bg-muted rounded w-full"></div><div class="h-3 bg-muted rounded w-3/4"></div></div></div><div class="bg-card rounded-xl border border-border overflow-hidden animate-pulse"><div class="h-36 bg-muted"></div><div class="p-4 space-y-2"><div class="h-4 bg-muted rounded w-2/3"></div><div class="h-3 bg-muted rounded w-full"></div><div class="h-3 bg-muted rounded w-3/4"></div></div></div></div></div></section><section class="py-8 md:py-10 bg-secondary" data-sentry-component="ForTeamMembers" data-sentry-source-file="ForTeamMembers.tsx"><div class="container"><div class="max-w-3xl mx-auto text-center"><h2 class="text-lg md:text-2xl font-bold text-foreground mb-2">Your team members will <span class="text-primary italic">want</span> to use this.</h2><p class="text-xs md:text-sm text-muted-foreground mb-5 max-w-xl mx-auto">The biggest risk with any training platform is adoption. Beeline is built for the people who have to do the training â not just the people who buy it.</p><div class="grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-3 mb-4">
27<div class="flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50"><div class="p-1.5 rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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></div><span class="text-xs font-semibold text-foreground text-center leading-snug">See what you need to learn</span><span class="text-[10px] md:text-xs text-muted-foreground text-center leading-snug">A clear path for your role.</span></div><div class="flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50"><div class="p-1.5 rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-clipboard-check w-4 h-4"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg></div><span class="text-xs font-semibold text-foreground text-center leading-snug">Prove you can do it</span><span class="text-[10px] md:text-xs text-muted-foreground text-center leading-snug">Practical evidence of capability.</span></div>
27<div class="flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50"><div class="p-1.5 rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-4 h-4"><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><span class="text-xs font-semibold text-foreground text-center leading-snug">Watch yourself improve</span><span class="text-[10px] md:text-xs text-muted-foreground text-center leading-snug">Real progress, not just ticks.</span></div><div class="flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50"><div class="p-1.5 rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" 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-4 h-4"><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><span class="text-xs font-semibold text-foreground text-center leading-snug">Get recognised</span><span class="text-[10px] md:text-xs text-muted-foreground text-center leading-snug">Evidence-based reviews.</span></div></div><p class="text-muted-foreground italic text-xs md:text-sm">"When your company invests in Beeline, they're investing in <span class="text-primary font-medium">your</span> growth."</p></div></div></section><section class="py-8 md:py-10 bg-background" data-sentry-component="CapabilityAddOn" data-sentry-source-file="CapabilityAddOn.tsx"><div class="container"><div class="max-w-3xl mx-auto text-center"><div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-semibold mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" data-sentry-element="Sparkles" data-sentry-source-file="CapabilityAddOn.tsx"><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>Coming next</div><h2 class="text-lg md:text-2xl font-bold text-foreground mb-2" style="font-family:var(--font-display), system-ui, sans-serif">From tracking performance to <span class="text-primary italic">driving it</span>.</h2><p class="text-xs md:text-sm text-muted-foreground mb-4 max-w-xl mx-auto">Stop guessing which training bets to make. Start seeing which ones pay off.</p><div class="flex flex-wrap justify-center gap-2 mb-4"><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-secondary border border-border text-xs font-medium text-foreground"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3 w-3 text-primary" data-sentry-element="Target" data-sentry-source-file="CapabilityAddOn.tsx"><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> Find the gaps</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-secondary border border-border text-xs font-medium text-foreground"><svg xmlns="http://www.w3.org/2000/svg" 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-lightbulb h-3 w-3 text-primary" data-sentry-element="Lightbulb" data-sentry-source-file="CapabilityAddOn.tsx"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg> Act on what works</span><span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-secondary border border-border text-xs font-medium text-foreground"><svg xmlns="http://www.w3.org/2000/svg" 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 h-3 w-3 text-primary" data-sentry-element="TrendingUp" data-sentry-source-file="CapabilityAddOn.tsx"><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> Prove the ROI</span></div><p class="text-[11px] md:text-xs text-muted-foreground mb-4">We're developing this with early clients.<!-- --> <span class="text-foreground font-medium">Mention it when you talk to our team.</span></p><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-8 rounded-md px-3 text-sm" data-sentry-element="Button" data-sentry-source-file="CapabilityAddOn.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-circle mr-1.5 h-3.5 w-3.5" data-sentry-element="MessageCircle" data-sentry-source-file="CapabilityAddOn.tsx"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Talk to Our Team</button></div></div></section><section class="py-16 lg:py-20 bg-beeline-navy" data-sentry-component="FinalCTA" data-sentry-source-file="FinalCTA.tsx"><div class="container"><div class="max-w-3xl mx-auto text-center"><h2 class="text-xl sm:text-2xl lg:text-display-sm font-bold text-beeline-cream mb-6">Ready to see what your people can <span class="text-primary">really do</span>?</h2><p class="text-sm sm:text-lg text-white/60 mb-10 leading-relaxed">We'll show you how Beeline works for your industry, your team size, and your specific challenges. No commitment. Just a conversation.</p><div class="flex justify-center"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focu
27s-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 rounded-md bg-primary hover:bg-primary/90 text-primary-foreground px-10 py-6 text-lg font-bold shadow-lg hover:shadow-xl transition-all" data-sentry-element="Button" data-sentry-source-file="FinalCTA.tsx"><svg xmlns="http://www.w3.org/2000/svg" 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-circle mr-2 h-5 w-5" data-sentry-element="MessageCircle" data-sentry-source-file="FinalCTA.tsx"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Talk to Our Team</button></div></div></div></section><section class="py-8 md:py-12 lg:py-16 bg-secondary" data-sentry-component="AdditionalServices" data-sentry-source-file="AdditionalServices.tsx"><div class="container"><div class="max-w-5xl mx-auto"><div class="text-center mb-6 md:mb-10"><h2 class="text-lg md:text-2xl font-semibold text-foreground mb-2 md:mb-3">Need help beyond the platform? Our team can support you there too.</h2><p class="text-muted-foreground max-w-2xl mx-auto text-xs md:text-sm leading-relaxed">Beeline is built to work out of the box. But if you need hands-on support getting started, or expertise in areas your team hasn't covered yet, we've got people who've done this before.</p></div>
27<div class="hidden md:grid md:grid-cols-2 lg:grid-cols-4 gap-5 mb-8"><div class="p-5 rounded-xl bg-background border border-border text-center"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-5 w-5 text-primary"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><p class="font-semibold text-foreground text-sm mb-1.5">Implementation & rollout</p><p class="text-xs text-muted-foreground leading-relaxed">Setup, configuration, change management, adoption planning</p></div><div class="p-5 rounded-xl bg-background border border-border text-center"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-5 w-5 text-primary"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><p class="font-semibold text-foreground text-sm mb-1.5">L&D advisory</p><p class="text-xs text-muted-foreground leading-relaxed">Capability frameworks, development culture, strategic L&D guidance</p></div><div class="p-5 rounded-xl bg-background border border-border text-center"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5 text-primary"><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></div><p class="font-semibold text-foreground text-sm mb-1.5">AI & automation advisory</p><p class="text-xs text-muted-foreground leading-relaxed">Using AI to scale training, reduce admin, improve existing systems</p></div><div class="p-5 rounded-xl bg-background border border-border text-center"><div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool h-5 w-5 text-primary"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div><p class="font-semibold text-foreground text-sm mb-1.5">Course design & instructional design</p><p class="text-xs text-muted-foreground leading-relaxed">Structuring learning paths, building engaging courses</p></div></div><div class="md:hidden grid grid-cols-2 gap-2 mb-6"><div class="flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center"><svg xmlns="http://www.w3.org/2000/svg" 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-settings h-4 w-4 text-primary"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><p class="font-semibold text-foreground text-xs leading-snug">Implementation & rollout</p></div><div class="flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center"><svg xmlns="http://www.w3.org/2000/svg" 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-book-open h-4 w-4 text-primary"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><p class="font-semibold text-foreground text-xs leading-snug">L&D advisory</p></div><div class="flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center"><svg xmlns="http://www.w3.org/2000/svg" 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 h-4 w-4 text-primary"><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><p class="font-semibold text-foreground text-xs leading-snug">AI & automation advisory</p></div><div class="flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center"><svg xmlns="http://www.w3.org/2000/svg" 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-pen-tool h-4 w-4 text-primary"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg><p class="font-semibold text-foreground text-xs leading-snug">Course design & instructional design</p></div></div><p class="text-center text-sm text-muted-foreground">These services are available alongside your Beeline subscription. Mention what you need when you talk to our team.</p></div></div></section></div><!--$--><!--/$--></main><footer class="bg-background text-foreground py-12 border-t border-border" data-sentry-component="NewFooter" data-sentry-source-file="NewFooter.tsx"><div class="container"><div class="flex flex-wrap justify-center gap-3 mb-10"><a href="https://play.google.com/store/apps/details?id=life.beeline.app&hl=en_ZA" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-5 py-2.5 bg-foreground text-background rounded-full text-sm font-medium hover:opacity-90 transition-opacity"><svg viewBox="0 0 24 24" class="h-4 w-4 fill-current" data-sentry-element="svg" data-sentry-source-file="NewFooter.tsx"><path d="M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 0 1-.61-.92V2.734a1 1 0 0 1 .609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.199l2.302 2.302-2.302 2.302L15.395 12l2.303-2.492zM5.864 2.658L16.8 8.991l-2.302 2.302-8.635-8.635z" data-sentry-element="path" data-sentry-source-file="NewFooter.tsx"></path></svg><div class="text-left leading-tight"><span class="text-xs opacity-70 block">Get it on</span><span class="text-xs font-semibold">Google Play</span></div></a><a href="https://apps.apple.com/za/app/beeline-learn/id1618800466" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-5 py-2.5 bg-foreground text-background rounded-full text-sm font-medium hover:opacity-90 transition-opacity"><svg viewBox="0 0 24 24" class="h-4 w-4 fill-current" data-sentry-element="svg" data-sentry-source-file="NewFooter.tsx">
27<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" data-sentry-element="path" data-sentry-source-file="NewFooter.tsx"></path></svg><div class="text-left leading-tight"><span class="text-xs opacity-70 block">Download on</span><span class="text-xs font-semibold">App Store</span></div></a></div><p class="text-sm text-muted-foreground mb-10 max-w-2xl">The Performance Enablement Platform for distributed teams. Theory. Practice. Performance.</p><div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-10 mb-10"><div><h4 class="font-semibold text-foreground mb-4 text-sm" style="font-family:var(--font-display), system-ui, sans-serif">Platform</h4><ul class="space-y-2.5"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/#how-it-works">See How It Works</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/external-api-docs">API Documentation</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/external-api-docs/make-integration">Make.com Integration</a></li></ul></div><div><h4 class="font-semibold text-foreground mb-4 text-sm" style="font-family:var(--font-display), system-ui, sans-serif">Resources</h4><ul class="space-y-2.5"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/buzz">Blog</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/buzz/studies">Case Studies</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/roi-calculator">ROI Calculator</a></li><li><a href="https://beelinelearn.notion.site/d20e2178f04e4cd2b7b10215a71f6b56?v=9258641c0fda4fc094dff85dca607f80" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">Help Center</a></li></ul></div><div><h4 class="font-semibold text-foreground mb-4 text-sm" style="font-family:var(--font-display), system-ui, sans-serif">Company</h4><ul class="space-y-2.5"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/careers">Careers</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/contact-beeline?msg=Hi%2C%20I%27d%20like%20to%20book%20a%20demo%20with%20the%20Beeline%20team%21">Contact Us</a></li><li><button class="text-sm text-muted-foreground hover:text-foreground transition-colors">Talk to Our Team</button></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/support">Support & Help</a></li><li><a href="mailto:[email protected]" class="text-sm text-muted-foreground hover:text-foreground transition-colors">[email protected]</a></li><li><span class="text-sm text-muted-foreground">Cape Town, South Africa</span></li></ul></div><div><h4 class="font-semibold text-foreground mb-4 text-sm" style="font-family:var(--font-display), system-ui, sans-serif">Legal & Compliance</h4><ul class="space-y-2.5"><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/privacy-policy">Privacy Policy</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/terms-of-service">Terms of Service</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/data-processing-agreement">Data Processing Agreement</a></li><li><a class="text-sm text-muted-foreground hover:text-foreground transition-colors" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/rules">Rules</a></li><li><a href="https://beeline-web-media-prod.ams3.cdn.digitaloceanspaces.com/POPIA%20Compliance%20Policy%20(Beeline%20Learn%20(Pty)%20Ltd)%20(3)%20(1).pdf" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">POPIA Compliance</a></li><li><a href="https://beeline-web-media-prod.ams3.cdn.digitaloceanspaces.com/PAIA-Manual-Private-Body%20-%20Beeline%20Learn%20-%20Unsigned.docx%20(1).pdf" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-foreground transition-colors">PAIA Manual</a></li></ul></div></div><div data-orientation="horizontal" role="none" class="shrink-0 h-[1px] w-full bg-border mb-6" data-sentry-element="Separator" data-sentry-source-file="NewFooter.tsx"></div><div class="flex flex-col sm:flex-row justify-between items-center gap-4"><div class="flex items-center gap-4"><a class="hover:opacity-80 transition-opacity" data-sentry-element="Link" data-sentry-source-file="NewFooter.tsx" href="/"><img src="/img/revamp/beeline-logo-banner.png" alt="Beeline" class="h-6 w-auto"/></a><p class="text-xs text-muted-foreground">© <!-- -->2026<!-- --> Beeline Learn Pty Ltd</p><div class="flex items-center gap-2"><a href="https://www.linkedin.com/company/beelinelearn/" target="_blank" rel="noopener noreferrer" class="text-muted-foreground hover:text-foreground transition-colors" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" 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" data-sentry-element="Linkedin" data-sentry-source-file="NewFooter.tsx"><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://medium.com/beeline-learning" target="_blank" rel="noopener noreferrer" class="text-muted-foreground hover:text-foreground transition-colors" aria-label="Medium"><svg viewBox="0 0 24 24" class="h-4 w-4 fill-current" data-sentry-element="svg" data-sentry-source-file="NewFooter.tsx"><path d="M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zm7.42 0c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z" data-sentry-element="path" data-sentry-source-file="NewFooter.tsx"></path></svg></a></div></div><a href="https://theopenletter.io/p/employee-training-sa" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 opacity-60 hover:opacity-100 transition-opacity" aria-label="Featured in The Open Letter"><img src="https://media.beehiiv.com/cdn-cgi/image/format=auto,fit=scale-down,onerror=redirect/uploads/asset/file/b713cb2c-65d8-4f6a-866c-e576326dbbcb/1_1.png" alt="Featured in The Open Letter" style="height:40px"/></a></div></div></footer></div><button type="button" aria-label="Book a consultation" class="fixed bottom-6 right-6 z-40 flex items-center justify-center bg-white rounded-full w-16 h-16 shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 transition-all duration-200" data-sentry-component="FloatingCTA" data-sentry-source-file="FloatingCTA.tsx"><img alt="Beeline" data-sentry-element="Image" data-sentry-source-file="FloatingCTA.tsx" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Fbrand%2Fprimary-logo-orange.png&w=48&q=75 1x, /_next/image?url=%2Fimg%2Fbrand%2Fprimary-logo-orange.png&w=96&q=75 2x" src="/_next/image?url=%2Fimg%2Fbrand%2Fprimary-logo-orange.png&w=96&q=75"/></button><div class="h-screen fixed inset-0 z-50 overflow-hidden pointer-events-none" data-sentry-component="C
27allToActionModal" data-sentry-source-file="CallToActionModal.tsx"><div class="h-screen fixed inset-0 transition-opacity opacity-0 bg-black bg-opacity-50"></div><div class="h-screen fixed inset-y-0 right-0 max-w-full flex transition-transform transform 28 translate-x-full"><div class="w-screen max-w-xl"><div class="h-full flex flex-col bg-white shadow-xl overflow-y-auto rounded-t-lg"><button class="z-50 absolute top-3 right-3 md:top-4 md:right-6 w-10 h-10 md:w-auto md:h-auto flex items-center justify-center rounded-full bg-white/90 md:bg-transparent shadow-lg md:shadow-none text-gray-700 hover:text-gray-900 hover:bg-gray-100 transition duration-300" aria-label="Close"><i class="fas fa-times text-lg md:text-2xl"></i></button><div class="flex-1 overflow-y-auto"><div class="flex justify-center items-center w-full h-full bg-white rounded-t-lg" data-sentry-component="ZCalEmbed" data-sentry-source-file="ZCalEmbed.tsx"><iframe src="https://zcal.co/i/kOY0xBwS?embed=1&embedType=iframe" loading="lazy" class="border-none h-full w-full rounded-lg" id="zcal-invite" title="zcal-invite"></iframe></div></div><div class="mt-auto px-4 py-5 bg-muted border-t border-border flex justify-center items-center"><a class="text-base md:text-lg font-semibold text-foreground text-center hover:text-primary transition-colors underline underline-offset-4 decoration-2" data-sentry-element="Link" data-sentry-source-file="CallToActionModal.tsx" href="/contact-beeline?msg=Hi%2C%20I%27d%20like%20to%20book%20a%20demo%20with%20the%20Beeline%20team%21">or Just Contact Us</a></div></div></div></div></div><div class="Toastify"></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div id="modal-root"></div><div id="menu-root"></div>
28<script src="/_next/static/chunks/webpack-7c81a51b28c51f71.js" id="_R_" async=""></script>
28<script>(self.__next_f=self.__next_f||[]).push([0])</script>
28<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n"])</script>
28<script>self.__next_f.push([1,"2:I[842593,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"\"]\n"])</script>
28<script>self.__next_f.push([1,"3:I[573665,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"4:I[368248,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"5:I[792284,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"6:I[783245,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"7:I[265944,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"8:\"$Sreact.suspense\"\n"])</script>
28<script>self.__next_f.push([1,"9:I[940563,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"default\"]\n"])</script>
28<script>self.__next_f.push([1,"a:I[957121,[],\"\"]\nb:I[157560,[\"18039\",\"static/chunks/app/error-68187b168b38a191.js\"],\"default\"]\nc:I[974581,[],\"\"]\nd:I[598500,[\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"24345\",\"static/chunks/app/not-found-3b27bb51ef96a0c1.js\"],\"\"]\n"])</script>
28<script>self.__next_f.push([1,"e:I[109010,[\"89933\",\"static/chunks/c857e369-a6bd44d1c67d6429.js\",\"94935\",\"static/chunks/e37a0b60-723ded722af46af3.js\",\"71913\",\"static/chunks/bdfe9574-02dc889eb9023cfd.js\",\"91965\",\"static/chunks/f67032f2-84e78ba1e44b33fa.js\",\"97926\",\"static/chunks/ccd63cfe-367bab2ca55113dd.js\",\"97564\",\"static/chunks/8ace8c09-ea5dc0a20100bf55.js\",\"63524\",\"static/chunks/2170a4aa-a2476f8c94feef0b.js\",\"60234\",\"static/chunks/76567b6f-4e975f8d037c2255.js\",\"58568\",\"static/chunks/b1644e8c-5274257667403a69.js\",\"23915\",\"static/chunks/e8686b1f-258f361a160129b5.js\",\"94758\",\"static/chunks/c0e397d0-218325c8bc3363e9.js\",\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"44855\",\"static/chunks/44855-64d566742a835e71.js\",\"58077\",\"static/chunks/58077-38590d65c0692f71.js\",\"486\",\"static/chunks/486-c4125edef8f16a99.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"67884\",\"static/chunks/67884-b1992221e043a9f6.js\",\"91798\",\"static/chunks/91798-305f51c37329bd11.js\",\"17888\",\"static/chunks/17888-58473d804866e50e.js\",\"99003\",\"static/chunks/99003-2902c84073826776.js\",\"2719\",\"static/chunks/2719-894d58f5a79f2b61.js\",\"49339\",\"static/chunks/49339-ccd93756b70e7f62.js\",\"41995\",\"static/chunks/41995-630d0e466af482ef.js\",\"357\",\"static/chunks/357-783a1627ae93a73c.js\",\"1184\",\"static/chunks/1184-f93e3fcd4ee3eac3.js\",\"7029\",\"static/chunks/7029-9b7448a6606c0458.js\",\"15210\",\"static/chunks/15210-5c6b02fccaeb86fb.js\",\"59185\",\"static/chunks/59185-d0fa9bab65cd55e1.js\",\"39300\",\"static/chunks/39300-3b4777c84e34b52b.js\",\"98863\",\"static/chunks/98863-4fb0eb45a3bdfd32.js\",\"911\",\"static/chunks/911-6e6d649caa0db70b.js\",\"37366\",\"static/chunks/37366-0c999973dc78a8b5.js\",\"44054\",\"static/chunks/44054-b2d282a99c94f48a.js\",\"5198\",\"static/chunks/5198-ba0756e9ace479ac.js\",\"76276\",\"static/chunks/76276-25f941ea0cd08dec.js\",\"15914\",\"static/chunks/15914-8ebe12964d8ab192.js\",\"44923\",\"static/chunks/44923-f17367a469742f64.js\",\"28292\",\"static/chunks/28292-7941531a59daa02a.js\",\"32169\",\"static/chunks/32169-23c3372513b8a95d.js\",\"72491\",\"static/chunks/72491-06e4db7e437cd305.js\",\"19119\",\"static/chunks/19119-20153c7365a6db9c.js\",\"31594\",\"static/chunks/31594-c845cdbd3a613562.js\",\"3313\",\"static/chunks/3313-a542acdb664d6a37.js\",\"41373\",\"static/chunks/41373-377bb68e2c5260f4.js\",\"45652\",\"static/chunks/45652-50585a98a326a9be.js\",\"30556\",\"static/chunks/30556-ee1f7f1c703d6ab8.js\",\"66709\",\"static/chunks/66709-cd991055b2bb14ed.js\",\"12746\",\"static/chunks/12746-d7d9ebda3fff9f78.js\",\"21190\",\"static/chunks/21190-49a5276e781d7584.js\",\"1528\",\"static/chunks/1528-93eae8bb1feeb346.js\",\"72037\",\"static/chunks/72037-998af88406e812a4.js\",\"40804\",\"static/chunks/40804-bb0797b32529c472.js\",\"26573\",\"static/chunks/26573-f07867863cfb741b.js\",\"81555\",\"static/chunks/81555-72b6b2a37f1c9368.js\",\"24718\",\"static/chunks/24718-b84deb582cdc049e.js\",\"15861\",\"static/chunks/15861-b857afec64351661.js\",\"62374\",\"static/chunks/62374-f5b282a7ba84ed07.js\",\"54822\",\"static/chunks/54822-44b3dd72aec5477f.js\",\"83496\",\"static/chunks/83496-b028a5f6d565f76f.js\",\"23741\",\"static/chunks/23741-4db1c0aa93fa71ca.js\",\"84046\",\"static/chunks/84046-b8b6106d9dbcec1a.js\",\"80260\",\"static/chunks/80260-4ea68206ac7ce5f9.js\",\"61419\",\"static/chunks/61419-6b22fe85c557a6ef.js\",\"7177\",\"static/chunks/app/layout-f46265b8a65a81ad.js\"],\"Toaster\"]\n"])</script>
28<script>self.__next_f.push([1,"f:I[578616,[],\"ClientSegmentRoot\"]\n10:I[434591,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"74963\",\"static/chunks/74963-80a116e6240d21c5.js\",\"35850\",\"static/chunks/35850-a303d5920c0ef85c.js\",\"29181\",\"static/chunks/app/(marketing)/layout-89bdb8286949f198.js\"],\"default\"]\n15:I[643590,[\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"34219\",\"static/chunks/app/global-error-e13b042fbb5ce665.js\"],\"default\"]\n:HL[\"/_next/static/media/3be83a346553616c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/504f699ce71abd8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/636a5ac981f94f8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ee40bb094c99a29a-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/55ceb5445cb97687.css\",\"style\"]\n:HL[\"/_next/static/css/47b71017b6d7c15a.css\",\"style\"]\n:HL[\"/_next/static/css/32381ded3efb0401.css\",\"style\"]\n:HL[\"/_next/static/css/1957ba01e9a4c84c.css\",\"style\"]\n:HL[\"/_next/static/css/e8849d241ce30682.css\",\"style\"]\n:HL[\"/_next/static/css/a4119e7e0588d132.css\",\"style\"]\n:HL[\"/_next/static/css/9c422a5e52f441f0.css\",\"style\"]\n:HL[\"/_next/static/css/5f7629b33b8a75fd.css\",\"style\"]\n:HL[\"/_next/static/css/e94df413dd40d45f.css\",\"style\"]\n:HL[\"/_next/static/css/8b9066f5b38a1361.css\",\"style\"]\n"])</script>
28<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"6N2ejU8li6zQCJfggtr-I\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/55ceb5445cb97687.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/47b71017b6d7c15a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/32381ded3efb0401.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1957ba01e9a4c84c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e8849d241ce30682.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a4119e7e0588d132.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9c422a5e52f441f0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5f7629b33b8a75fd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e94df413dd40d45f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_51eafd __className_51eafd __variable_13d7ab __variable_7c98a1 __variable_8b3a0b\",\"data-sentry-component\":\"RootLayout\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[[\"$\",\"head\",null,{}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-Y62HB28QSY\",\"strategy\":\"afterInteractive\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-Y62HB28QSY', { send_page_view: false });\\n \"}]],[\"$\",\"$L3\",null,{\"data-sentry-element\":\"Providers\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[[\"$\",\"$L4\",null,{\"data-sentry-element\":\"MaintenanceAwareGlobals\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[[\"$\",\"$L5\",null,{\"data-sentry-element\":\"DatadogRum\",\"data-sentry-source-file\":\"layout.tsx\"}
28],[\"$\",\"$L6\",null,{\"data-sentry-element\":\"SupportBot\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"$L7\",null,{\"data-sentry-element\":\"MaintenancePoller\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[\"$\",\"$L9\",null,{}]}]]}],[\"$\",\"$La\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$b\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"style\":{\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"height\":\"100vh\",\"backgroundColor\":\"#f3f4f6\",\"textAlign\":\"center\"},\"className\":\"__className_45e8e4\",\"data-sentry-component\":\"Error404\",\"data-sentry-source-file\":\"not-found.tsx\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"h1\",null,{\"style\":{\"fontSize\":\"6rem\",\"fontWeight\":\"bold\",\"color\":\"#1f2937\",\"marginBottom\":\"1rem\"},\"children\":\"404\"}],[\"$\",\"p\",null,{\"style\":{\"color\":\"#4b5563\",\"marginBottom\":\"2rem\",\"fontSize\":\"1.5rem\"},\"children\":\"Oops! The page you're looking for doesn't exist.\"}],[\"$\",\"$Ld\",null,{\"href\":\"/\",\"data-sentry-element\":\"Link\",\"data-sentry-source-file\":\"not-found.tsx\",\"children\":[\"$\",\"span\",null,{\"style\":{\"display\":\"inline-block\",\"marginTop\":\"1rem\",\"color\":\"#FF914D\",\"textDecoration\":\"none\",\"fontSize\":\"1.25rem\",\"fontWeight\":\"500\",\"transition\":\"color 0.3s ease\"},\"children\":\"Go to Homepage\"}]}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/17d3373ebf805d71.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],[\"$\",\"$Le\",null,{\"richColors\":true,\"position\":\"bottom-right\",\"data-sentry-element\":\"SonnerToaster\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"div\",null,{\"id\":\"modal-root\"}],[\"$\",\"div\",null,{\"id\":\"menu-root\"}]]}]]}]]}],{\"children\":[\"(marketing)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8b9066f5b38a1361.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"Component\":\"$10\",\"slots\":{\"children\":\"$L11\"},\"params\":{},\"promise\":\"$@12\"}]]}],{\"children\":[\"__PAGE__\",\"$L13\",{},null,false]},null,false]},null,false],\"$L14\",false]],\"m\":\"$undefined\",\"G\":[\"$15\",[\"$L16\"]],\"s\":false,\"S\":true}\n"])</script>
28<script>self.__next_f.push([1,"18:I[778954,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"Hero\"]\n19:I[742780,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"LogoBar\"]\n1a:I[742780,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"heroLogos\"]\n1b:I[62102,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"ProblemSection\"]\n1c:I[294097,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chun"])</script>
28<script>self.__next_f.push([1,"ks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"NarrativeBridge\"]\n1d:I[258054,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"HowItWorksSection\"]\n1e:I[270315,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"TwoPathsSection\"]\n1f:I[878955,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"ProofSection\"]\n20:I[755040,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"PlatformFeatures\"]\n21:I[742780,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951"])</script>
28<script>self.__next_f.push([1,"-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"allLogos\"]\n22:I[780274,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"CaseStudiesCompact\"]\n2e:I[990484,[],\"ViewportBoundary\"]\n30:I[990484,[],\"MetadataBoundary\"]\n11:[\"$\",\"$La\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n17:T508,"])</script>
28<script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"@id\":\"https://www.beeline.life/#organization\",\"name\":\"Beeline\",\"legalName\":\"Beeline Learn (Pty) Ltd\",\"url\":\"https://www.beeline.life\",\"logo\":\"https://www.beeline.life/favicons/android-chrome-512x512.png\",\"description\":\"Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role.\",\"areaServed\":\"ZA\",\"email\":\"[email protected]\",\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"email\":\"[email protected]\",\"url\":\"https://www.beeline.life/contact-beeline\"},\"sameAs\":[\"https://www.linkedin.com/company/beelinelearn/\",\"https://medium.com/beeline-learning\",\"https://apps.apple.com/za/app/beeline-learn/id1618800466\",\"https://play.google.com/store/apps/details?id=life.beeline.app\"]},{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"Beeline\",\"applicationCategory\":\"BusinessApplication\",\"applicationSubCategory\":\"Performance Enablement Platform\",\"operatingSystem\":\"Web, iOS, Android\",\"url\":\"https://www.beeline.life\",\"description\":\"Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role.\",\"publisher\":{\"@id\":\"https://www.beeline.life/#organization\"}}]"])</script>
28<script>self.__next_f.push([1,"13:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen\",\"data-sentry-component\":\"NewHomePage\",\"data-sentry-source-file\":\"page.tsx\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}],[\"$\",\"$L18\",null,{\"data-sentry-element\":\"Hero\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"section\",null,{\"className\":\"py-2 md:py-4 bg-white -mt-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"$L19\",null,{\"logos\":\"$1a\",\"label\":\"Trusted by\",\"subtitle\":\"and other industry leaders\",\"data-sentry-element\":\"LogoBar\",\"data-sentry-source-file\":\"page.tsx\"}]}]}],[\"$\",\"$L1b\",null,{\"data-sentry-element\":\"ProblemSection\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"$L1c\",null,{\"data-sentry-element\":\"NarrativeBridge\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"$L1d\",null,{\"data-sentry-element\":\"HowItWorksSection\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"$L1e\",null,{\"data-sentry-element\":\"TwoPathsSection\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"$L1f\",null,{\"data-sentry-element\":\"ProofSection\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"$L20\",null,{\"data-sentry-element\":\"PlatformFeatures\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"section\",null,{\"className\":\"py-8 md:py-12 bg-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"$L19\",null,{\"logos\":\"$21\",\"label\":\"Trusted by operations-led businesses\",\"subtitle\":\"and other industry leaders\",\"data-sentry-element\":\"LogoBar\",\"data-sentry-source-file\":\"page.tsx\"}]}]}],[\"$\",\"$L22\",null,{\"data-sentry-element\":\"CaseStudiesCompact\",\"data-sentry-source-file\":\"page.tsx\"}],[\"$\",\"section\",null,{\"className\":\"py-8 md:py-10 bg-secondary\",\"data-sentry-component\":\"ForTeamMembers\",\"data-sentry-source-file\":\"ForTeamMembers.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg md:text-2xl font-bold text-foreground mb-2\",\"children\":[\"Your team members will \",[\"$\",\"span\",null,{\"className\":\"text-primary italic\",\"children\":\"want\"}],\" to use this.\"]}],[\"$\",\"p\",null,{\"className\":\"text-xs md:text-sm text-muted-foreground mb-5 max-w-xl mx-auto\",\"children\":\"The biggest risk with any training platform is adoption. Beeline is built for the people who have to do the training â not just the people who buy it.\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-3 mb-4\",\"children\":[[\"$\",\"div\",\"See what you need to learn\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 md:p-4 roun
28ded-lg bg-card/50 border border-border/50\",\"children\":[\"$L23\",\"$L24\",\"$L25\"]}],\"$L26\",\"$L27\",\"$L28\"]}],\"$L29\"]}]}]}],\"$L2a\",\"$L2b\",\"$L2c\"]}],null,\"$L2d\"]}]\n"])</script>
28<script>self.__next_f.push([1,"14:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L2e\",null,{\"children\":\"$L2f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L30\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$8\",null,{\"fallback\":null,\"children\":\"$L31\"}]}]}]]}]\n16:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/17d3373ebf805d71.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
28<script>self.__next_f.push([1,"32:I[643120,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"CapabilityAddOn\"]\n33:I[172974,[\"92619\",\"static/chunks/92619-aa7ecd91447b4270.js\",\"21951\",\"static/chunks/21951-ca1f81a76712e08e.js\",\"44845\",\"static/chunks/44845-119164ba939751b9.js\",\"38437\",\"static/chunks/38437-5639f1287d68665c.js\",\"98500\",\"static/chunks/98500-719c73a1e3f4c0ea.js\",\"67215\",\"static/chunks/67215-298f747e66a57874.js\",\"66364\",\"static/chunks/66364-21648219e8c58777.js\",\"65522\",\"static/chunks/app/(marketing)/page-28ac7edb1ed3d15f.js\"],\"FinalCTA\"]\n3e:I[990484,[],\"OutletBoundary\"]\n40:I[117837,[],\"AsyncMetadataOutlet\"]\n23:[\"$\",\"div\",null,{\"className\":\"p-1.5 rounded-md bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-target w-4 h-4\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"circle\",\"1vlfrh\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"6\"}],[\"$\",\"circle\",\"1c9p78\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],\"$undefined\"]}]}]\n24:[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-foreground text-center leading-snug\",\"children\":\"See what you need to learn\"}]\n25:[\"$\",\"span\",null,{\"className\":\"text-[10px] md:text-xs text-muted-foreground text-center leading-snug\",\"children\":\"A clear path for your role.\"}]\n"])</script>
28<script>self.__next_f.push([1,"26:[\"$\",\"div\",\"Prove you can do it\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-1.5 rounded-md bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-clipboard-check w-4 h-4\",\"children\":[[\"$\",\"rect\",\"tgr4d6\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"8\",\"y\":\"2\",\"rx\":\"1\",\"ry\":\"1\"}],[\"$\",\"path\",\"116196\",{\"d\":\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"}],[\"$\",\"path\",\"df797q\",{\"d\":\"m9 14 2 2 4-4\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-foreground text-center leading-snug\",\"children\":\"Prove you can do it\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] md:text-xs text-muted-foreground text-center leading-snug\",\"children\":\"Practical evidence of capability.\"}]]}]\n"])</script>
28<script>self.__next_f.push([1,"27:[\"$\",\"div\",\"Watch yourself improve\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-1.5 rounded-md bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-trending-up w-4 h-4\",\"children\":[[\"$\",\"polyline\",\"126l90\",{\"points\":\"22 7 13.5 15.5 8.5 10.5 2 17\"}],[\"$\",\"polyline\",\"kwv8wd\",{\"points\":\"16 7 22 7 22 13\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-foreground text-center leading-snug\",\"children\":\"Watch yourself improve\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] md:text-xs text-muted-foreground text-center leading-snug\",\"children\":\"Real progress, not just ticks.\"}]]}]\n"])</script>
28<script>self.__next_f.push([1,"28:[\"$\",\"div\",\"Get recognised\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 md:p-4 rounded-lg bg-card/50 border border-border/50\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-1.5 rounded-md bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-award w-4 h-4\",\"children\":[[\"$\",\"path\",\"1yiouv\",{\"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\"}],[\"$\",\"circle\",\"1vp47v\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"6\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-foreground text-center leading-snug\",\"children\":\"Get recognised\"}],[\"$\",\"span\",null,{\"className\":\"text-[10px] md:text-xs text-muted-foreground text-center leading-snug\",\"children\":\"Evidence-based reviews.\"}]]}]\n"])</script>
28<script>self.__next_f.push([1,"29:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground italic text-xs md:text-sm\",\"children\":[\"\\\"When your company invests in Beeline, they're investing in \",[\"$\",\"span\",null,{\"className\":\"text-primary font-medium\",\"children\":\"your\"}],\" growth.\\\"\"]}]\n2a:[\"$\",\"$L32\",null,{\"data-sentry-element\":\"CapabilityAddOn\",\"data-sentry-source-file\":\"page.tsx\"}]\n2b:[\"$\",\"$L33\",null,{\"data-sentry-element\":\"FinalCTA\",\"data-sentry-source-file\":\"page.tsx\"}]\n"])</script>
28<script>self.__next_f.push([1,"2c:[\"$\",\"section\",null,{\"className\":\"py-8 md:py-12 lg:py-16 bg-secondary\",\"data-sentry-component\":\"AdditionalServices\",\"data-sentry-source-file\":\"AdditionalServices.tsx\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-6 md:mb-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg md:text-2xl font-semibold text-foreground mb-2 md:mb-3\",\"children\":\"Need help beyond the platform? Our team can support you there too.\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground max-w-2xl mx-auto text-xs md:text-sm leading-relaxed\",\"children\":\"Beeline is built to work out of the box. But if you need hands-on support getting started, or expertise in areas your team hasn't covered yet, we've got people who've done this before.\"}]]}],[\"$\",\"div\",null,{\"className\":\"hidden md:grid md:grid-cols-2 lg:grid-cols-4 gap-5 mb-8\",\"children\":[[\"$\",\"div\",\"Implementation \u0026 rollout\",{\"className\":\"p-5 rounded-xl bg-background border border-border text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-settings h-5 w-5 text-primary\",\"children\":[[\"$\",\"path\",\"1qme2f\",{\"d\":\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"}],[\"$\",\"circle\",\"1v7zrd\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}],\"$undefined\"]}]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-sm mb-1.5\",\"children\":\"Implementation \u0026 rollout\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground leading-relaxed\",\"children\":\"Setup, configuration, change management, adoption planning\"}]]}],[\"$\",\"div\",\"L\u0026D advisory\",{\"className\":\"p-5 rounded-xl bg-background border border-border text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-5 w-5 text-primary\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-sm mb-1.5\",\"children\":\"L\u0026D advisory\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground leading-relaxed\",\"children\":\"Capability frameworks, development culture, strategic L\u0026D guidance\"}]]}],[\"$\",\"div\",\"AI \u0026 automation advisory\",{\"className\":\"p-5 rounded-xl bg-background border border-border text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
28:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-5 w-5 text-primary\",\"children\":[\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$undefined\"]}]}],\"$L39\",\"$L3a\"]}],\"$L3b\"]}],\"$L3c\",\"$L3d\"]}]}]}]\n"])</script>
28<script>self.__next_f.push([1,"2d:[\"$\",\"$L3e\",null,{\"children\":[\"$L3f\",[\"$\",\"$L40\",null,{\"promise\":\"$@41\"}]]}]\n12:\"$0:f:0:1:2:children:1:props:children:1:props:params\"\n"])</script>
28<script>self.__next_f.push([1,"34:[\"$\",\"path\",\"4pj2yx\",{\"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\"}]\n35:[\"$\",\"path\",\"1olli1\",{\"d\":\"M20 3v4\"}]\n36:[\"$\",\"path\",\"1gvqau\",{\"d\":\"M22 5h-4\"}]\n37:[\"$\",\"path\",\"vumght\",{\"d\":\"M4 17v2\"}]\n38:[\"$\",\"path\",\"zchphs\",{\"d\":\"M5 18H3\"}]\n39:[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-sm mb-1.5\",\"children\":\"AI \u0026 automation advisory\"}]\n3a:[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground leading-relaxed\",\"children\":\"Using AI to scale training, reduce admin, improve existing systems\"}]\n"])</script>
28<script>self.__next_f.push([1,"3b:[\"$\",\"div\",\"Course design \u0026 instructional design\",{\"className\":\"p-5 rounded-xl bg-background border border-border text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center mx-auto mb-3\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-pen-tool h-5 w-5 text-primary\",\"children\":[[\"$\",\"path\",\"nt11vn\",{\"d\":\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"}],[\"$\",\"path\",\"15qc1e\",{\"d\":\"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18\"}],[\"$\",\"path\",\"1wuzzi\",{\"d\":\"m2.3 2.3 7.286 7.286\"}],[\"$\",\"circle\",\"xmgehs\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-sm mb-1.5\",\"children\":\"Course design \u0026 instructional design\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-muted-foreground leading-relaxed\",\"children\":\"Structuring learning paths, building engaging courses\"}]]}]\n"])</script>
28<script>self.__next_f.push([1,"3c:[\"$\",\"div\",null,{\"className\":\"md:hidden grid grid-cols-2 gap-2 mb-6\",\"children\":[[\"$\",\"div\",\"Implementation \u0026 rollout\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-settings h-4 w-4 text-primary\",\"children\":[[\"$\",\"path\",\"1qme2f\",{\"d\":\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"}],[\"$\",\"circle\",\"1v7zrd\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-xs leading-snug\",\"children\":\"Implementation \u0026 rollout\"}]]}],[\"$\",\"div\",\"L\u0026D advisory\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-4 w-4 text-primary\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-xs leading-snug\",\"children\":\"L\u0026D advisory\"}]]}],[\"$\",\"div\",\"AI \u0026 automation advisory\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-4 w-4 text-primary\",\"children\":[[\"$\",\"path\",\"4pj2yx\",{\"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\",\"1olli1\",{\"d\":\"M20 3v4\"}],[\"$\",\"path\",\"1gvqau\",{\"d\":\"M22 5h-4\"}],[\"$\",\"path\",\"vumght\",{\"d\":\"M4 17v2\"}],[\"$\",\"path\",\"zchphs\",{\"d\":\"M5 18H3\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-xs leading-snug\",\"children\":\"AI \u0026 automation advisory\"}]]}],[\"$\",\"div\",\"Course design \u0026 instructional design\",{\"className\":\"flex flex-col items-center gap-1.5 p-3 rounded-lg bg-background border border-border text-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-pen-tool h-4 w-4 text-primary\",\"children\":[[\"$\",\"path\",\"nt11vn\",{\"d\":\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"}],[\"$\",\"path\",\"15qc1e\",{\"d\":\"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18\"}],[\"$\",\"path\",\"1wuzzi\",{\"d\":\"m2.3 2.3 7.286 7.286\"}],[\"$\",\"circle\",\"xmgehs\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"2\"}],\"$undefined\"]}],\"$L42\"]}]]}]\n"])</script>
28<script>self.__next_f.push([1,"3d:[\"$\",\"p\",null,{\"className\":\"text-center text-sm text-muted-foreground\",\"children\":\"These services are available alongside your Beeline subscription. Mention what you need when you talk to our team.\"}]\n"])</script>
28<script>self.__next_f.push([1,"42:[\"$\",\"p\",null,{\"className\":\"font-semibold text-foreground text-xs leading-snug\",\"children\":\"Course design \u0026 instructional design\"}]\n"])</script>
28<script>self.__next_f.push([1,"2f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"}]]\n"])</script>
28<script>self.__next_f.push([1,"3f:null\n"])</script>
28<script>self.__next_f.push([1,"43:I[686869,[],\"IconMark\"]\n"])</script>
28<script>self.__next_f.push([1,"41:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Performance Enablement Platform for Distributed Teams | Beeline\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Beeline is the Performance Enablement Platform that connects training to what people can do â across every location, every role. More than a performance LMS: theory, practice and performance, proven for distributed teams.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"Beeline,Beeline Learn,workforce training,AI learning platform,performance enablement platform,performance LMS,distributed teams,microlearning,South Africa,employee development,frontline workforce,LXP,LMS\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.beeline.life/\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Performance Enablement Platform for Distributed Teams | Beeline\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"The Performance Enablement Platform that connects training to what people can do â across every location, every role.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.beeline.life\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Beeline Learn\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en_ZA\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://www.beeline.life/favicons/og-image.jpg\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Beeline â the Performance Enablement Platform\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Performance Enablement Platform for Distributed Teams | Beeline\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"The Performance Enablement Platform that connects training to what people can do â across every location, every role.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://www.beeline.life/favicons/og-image.jpg\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicons/favicon.ico\"}],[\"$\",\"$L43\",\"19\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
28<script>self.__next_f.push([1,"31:\"$41:metadata\"\n"])</script>
28</body></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.