PageSourceSearch

https://www.beeline.life/

html beeline.life collected 2026-10-01 14:59:02 UTC 283,672 bytes, 28 lines download raw bytes

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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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&#x27;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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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&#x27;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&#x27;s what it&#x27;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&#x27;t see what&#x27;s working. Every new location or product rollout makes it worse — and you&#x27;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&#x27;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&#x27;t see what&#x27;s working. Every new location or product rollout makes it worse — and you&#x27;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&#x27;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&#x27;t know — because there&#x27;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 &quot;completed&quot; and &quot;competent&quot; 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&#x27;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&#x27;t know — because there&#x27;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 &quot;completed&quot; and &quot;competent&quot; 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&#x27;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&#x27;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&#x27;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&#x27;t reflect the work they&#x27;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&#x27;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&#x27;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&#x27;t reflect the work they&#x27;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&#x27;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&#x27;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&#x27;t see</p><p class="text-muted-foreground leading-relaxed">You&#x27;re stuck between a training platform that tracks clicks and a review process that tracks nothing. That gap is where you&#x27;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&#x27;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&#x27;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&#x27;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&#x27;re stuck between a training platform that tracks clicks and a review process that tracks nothing. That gap is where you&#x27;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&#x27;t your people. It&#x27;s that there hasn&#x27;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&#x27;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&#x27;t just track what people have completed. It tracks what they know, what they can do, and whether they&#x27;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&#x27;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&#x27;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 &amp; 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&#x27;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 &amp; 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&#x27;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">&quot;Customer upset about wait time. How do you handle it?&quot;</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">&quot;Apologise, offer a solution, follow up.&quot;</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">&quot;Customer upset about wait time. How do you handle it?&quot;</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">&quot;Apologise, offer a solution, follow up.&quot;</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&#x27;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&#x27;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&#x27;s the loop — and it&#x27;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&#x27;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&#x27;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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FAI%20Builder.png&amp;w=3840&amp;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 &amp; 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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2F1-Multi-Channel.png&amp;w=3840&amp;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 &amp; 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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FLibrary_Knowledge%20Hub.png&amp;w=3840&amp;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 &amp; 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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FPerformance.png&amp;w=3840&amp;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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FSeamless%20integration.png&amp;w=3840&amp;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 &amp; 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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FROI.png&amp;w=3840&amp;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 &amp; 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&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2Ffeatures%2FFeaturesPage%2FCommunication.png&amp;w=3840&amp;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">&quot;When your company invests in Beeline, they&#x27;re investing in <span class="text-primary font-medium">your</span> growth.&quot;</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&#x27;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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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&#x27;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 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_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&#x27;t covered yet, we&#x27;ve got people who&#x27;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 &amp; 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&amp;D advisory</p><p class="text-xs text-muted-foreground leading-relaxed">Capability frameworks, development culture, strategic L&amp;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 &amp; 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 &amp; 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 &amp; 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&amp;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 &amp; 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 &amp; 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&amp;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 &amp; 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 &amp; 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&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimg%2Fbrand%2Fprimary-logo-orange.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimg%2Fbrand%2Fprimary-logo-orange.png&amp;w=96&amp;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&amp;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.