> ## Documentation Index
> Fetch the complete documentation index at: https://university.gumloop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Gumloop University

> Learn to become a Gumloop and AI pro. No prior knowledge required.

export const previousWebinar = {
  slug: '/webinar/using-agents-for-enterprise-seo',
  title: 'Using Agents for Enterprise SEO',
  description: 'SEO/AEO · Content Strategy · Traffic Growth',
  date: 'June 11, 2026 · 10:00 AM PST',
  status: 'upcoming'
};

export const latestWebinar = {
  slug: '/webinar/reduce-your-ai-bill',
  title: 'Reduce Your AI Bill',
  description: 'Model Selection · Skills · Usage Controls',
  date: 'June 25, 2026 · 10:00 AM PST',
  status: 'upcoming'
};

export const previousFeatureVideo = {
  slug: '/video/teams',
  title: 'Teams',
  description: 'Add Gumloop agents to your Microsoft Teams channels so your team can chat with them without switching tools.',
  eyebrow: 'Feature video',
  duration: '2:25',
  published: '2026-06-08'
};

export const latestFeatureVideo = {
  slug: '/video/human-in-the-loop',
  title: 'Human-in-the-Loop',
  description: 'Control when your agents pause for approval with human-in-the-loop settings at the app, action, and rule level.',
  eyebrow: 'Feature video',
  duration: '2:34',
  published: '2026-06-15'
};

<div className="landing-page">
  <div className="flex flex-col items-center text-center pt-12 pb-6 px-4 sm:pt-20">
    <h1 className="text-4xl sm:text-5xl font-bold mb-3 text-gray-900 dark:text-white tracking-tight">
      Gumloop University
    </h1>

    <p className="text-lg text-gray-500 dark:text-gray-400 max-w-xl leading-relaxed">
      Learn to become a Gumloop and AI pro. No prior knowledge required.
    </p>
  </div>

  <div className="landing-grid">
    <a href="/getting-started-with-gumloop/what-is-gumloop" className="landing-card landing-card-gradient">
      <div className="landing-card-content">
        <span className="landing-card-badge">6 lessons</span>
        <h3 className="landing-card-title">Getting Started<br />with Gumloop</h3>
        <p className="landing-card-desc">Learn how to automate your work with Gumloop, step by step.</p>
      </div>

      <div className="landing-card-floaters">
        <div className="landing-gummie-scene">
          <div className="landing-badge" style={{left: 'calc(50% - 80px)', top: '50%', '--badge-dur': '4.25s', '--badge-del': '0s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/slack.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=3f437735f6bc9f17053717f0e240b43d" alt="" width="1500" height="1500" data-path="images/logos/slack.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% - 57px)', top: 'calc(50% - 57px)', '--badge-dur': '4.65s', '--badge-del': '0.3s'}}>
            <svg fill="#181717" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: '50%', top: 'calc(50% - 80px)', '--badge-dur': '5.05s', '--badge-del': '0.6s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/gmail.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=32b41d36a5b826f73848358401bac2cc" alt="" width="4000" height="4000" data-path="images/logos/gmail.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 57px)', top: 'calc(50% - 57px)', '--badge-dur': '5.45s', '--badge-del': '0.9s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/linear.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=e839bdc9fdb7ba8bd6dd01d55e56eb0b" alt="" width="800" height="800" data-path="images/logos/linear.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 80px)', top: '50%', '--badge-dur': '5.85s', '--badge-del': '1.2s'}}>
            <svg fill="#635BFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z" />
            </svg>
          </div>

          <div className="landing-gummie">
            <svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
              <path d="M438.68 192.204C438.68 279.025 368.297 349.408 281.476 349.408C194.654 349.408 124.272 279.025 124.272 192.204C124.272 105.383 194.654 35 281.476 35C368.297 35 438.68 105.383 438.68 192.204Z" fill="#c9c2d6" />

              <path d="M628.816 244.398C628.816 331.219 558.433 401.602 471.612 401.602C384.79 401.602 314.408 331.219 314.408 244.398C314.408 157.577 384.79 87.1942 471.612 87.1942C558.433 87.1942 628.816 157.577 628.816 244.398Z" fill="#c9c2d6" />

              <path d="M314.408 321.447C314.408 408.268 244.025 478.65 157.204 478.65C70.3826 478.65 0 408.268 0 321.447C0 234.625 70.3826 164.243 157.204 164.243C244.025 164.243 314.408 234.625 314.408 321.447Z" fill="#c9c2d6" />

              <path d="M451.107 448.204C451.107 535.025 380.724 605.408 293.903 605.408C207.082 605.408 136.699 535.025 136.699 448.204C136.699 361.383 207.082 291 293.903 291C380.724 291 451.107 361.383 451.107 448.204Z" fill="#c9c2d6" />

              <path d="M640 402.223C640 489.045 569.617 559.427 482.796 559.427C395.975 559.427 325.592 489.045 325.592 402.223C325.592 315.402 395.975 245.019 482.796 245.019C569.617 245.019 640 315.402 640 402.223Z" fill="#c9c2d6" />

              <path d="M354.175 256.825C354.175 312.762 334.145 358.107 309.437 358.107C284.729 358.107 264.699 312.762 264.699 256.825C264.699 200.889 284.729 155.544 309.437 155.544C334.145 155.544 354.175 200.889 354.175 256.825Z" fill="white" />

              <path d="M502.058 279.194C502.058 335.13 482.028 380.476 457.32 380.476C432.612 380.476 412.583 335.13 412.583 279.194C412.583 223.258 432.612 177.913 457.32 177.913C482.028 177.913 502.058 223.258 502.058 279.194Z" fill="white" />
            </svg>
          </div>

          <div className="landing-cursor" style={{bottom: '16px', right: '10px', '--cursor-color': '#E14B8A', '--cursor-del': '0s'}}>
            <div className="landing-cursor-icon">
              <svg viewBox="0 0 80 90" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
                <path fill="#E14B8A" stroke="#fff" strokeLinejoin="bevel" strokeWidth="5.2" d="M37.1 6.8a7.1 7.1 0 0 1 13 0l34.6 77c.8 1.7-1 3.6-2.8 3l-39-13.3q-2-.8-4.2 0l-33 12.7a2.3 2.3 0 0 1-2.9-3z" />
              </svg>
            </div>

            <span className="landing-cursor-label">Katherine</span>
          </div>
        </div>
      </div>
    </a>

    <a href="/use-case/data-analyst-agent" className="landing-card landing-card-outline">
      <div className="landing-card-content">
        <span className="landing-card-badge">5 use cases</span>
        <h3 className="landing-card-title">Use Case<br />Walkthroughs</h3>
        <p className="landing-card-desc">Guided tutorials to build an agent for your team in minutes.</p>
      </div>

      <div className="landing-card-floaters">
        <div className="landing-gummie-scene">
          <div className="landing-badge" style={{left: 'calc(50% - 80px)', top: '50%', '--badge-dur': '4.25s', '--badge-del': '0.2s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/salesforce.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=2de4eaa25cc5a4ea79c9739e4fb223bd" alt="" width="256" height="256" data-path="images/logos/salesforce.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% - 57px)', top: 'calc(50% - 57px)', '--badge-dur': '4.65s', '--badge-del': '0.5s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/hubspot.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=d4f05f7bbe826fb1e19dfa60e84880d9" alt="" width="627" height="654" data-path="images/logos/hubspot.png" />
          </div>

          <div className="landing-badge" style={{left: '50%', top: 'calc(50% - 80px)', '--badge-dur': '5.05s', '--badge-del': '0.8s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/bigquery.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=fd530bfe8341aab27221af37472e9d15" alt="" width="512" height="512" data-path="images/logos/bigquery.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 57px)', top: 'calc(50% - 57px)', '--badge-dur': '5.45s', '--badge-del': '1.1s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/slack.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=3f437735f6bc9f17053717f0e240b43d" alt="" width="1500" height="1500" data-path="images/logos/slack.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 80px)', top: '50%', '--badge-dur': '5.85s', '--badge-del': '1.4s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/asana.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=bbf601f6e0065a5e27e42c95792bff42" alt="" width="512" height="512" data-path="images/logos/asana.png" />
          </div>

          <div className="landing-gummie">
            <svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
              <path d="M320 25C272.752 25 234.45 63.302 234.45 110.55V113.464L232.39 111.404C198.98 77.9942 144.813 77.9942 111.404 111.404C77.9942 144.813 77.9942 198.98 111.404 232.389L113.464 234.45H110.55C63.302 234.45 25 272.752 25 320C25 367.248 63.302 405.55 110.55 405.55H113.464L111.404 407.61C77.9942 441.02 77.9942 495.187 111.404 528.596C144.813 562.006 198.98 562.006 232.389 528.596L234.45 526.536V529.45C234.45 576.698 272.752 615 320 615C367.248 615 405.55 576.698 405.55 529.45V526.536L407.611 528.597C441.02 562.006 495.187 562.006 528.597 528.597C562.006 495.187 562.006 441.02 528.597 407.611L526.536 405.55H529.45C576.698 405.55 615 367.248 615 320C615 272.752 576.698 234.45 529.45 234.45H526.536L528.597 232.389C562.006 198.98 562.006 144.813 528.597 111.403C495.187 77.9941 441.02 77.9941 407.611 111.403L405.55 113.464V110.55C405.55 63.302 367.248 25 320 25Z" fill="#c9c2d6" />

              <path d="M205 296A45.5 101 0 1 0 296 296A45.5 101 0 1 0 205 296Z" fill="white" />

              <path d="M344 296A45.5 101 0 1 0 435 296A45.5 101 0 1 0 344 296Z" fill="white" />
            </svg>
          </div>

          <div className="landing-cursor" style={{bottom: '12px', right: '14px', '--cursor-color': '#22c55e', '--cursor-del': '-3.2s'}}>
            <div className="landing-cursor-icon">
              <svg viewBox="0 0 80 90" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
                <path fill="#22c55e" stroke="#fff" strokeLinejoin="bevel" strokeWidth="5.2" d="M37.1 6.8a7.1 7.1 0 0 1 13 0l34.6 77c.8 1.7-1 3.6-2.8 3l-39-13.3q-2-.8-4.2 0l-33 12.7a2.3 2.3 0 0 1-2.9-3z" />
              </svg>
            </div>

            <span className="landing-cursor-label">Max</span>
          </div>
        </div>
      </div>
    </a>

    <a href="/ai-fundamentals/what-is-an-ai-model" className="landing-card landing-card-outline">
      <div className="landing-card-content">
        <span className="landing-card-badge">7 lessons</span>
        <h3 className="landing-card-title">AI<br />Fundamentals</h3>
        <p className="landing-card-desc">Understand the core building blocks of AI: models, tokens, context, tools, and instructions.</p>
      </div>

      <div className="landing-card-floaters">
        <div className="landing-gummie-scene">
          <div className="landing-badge" style={{left: 'calc(50% - 80px)', top: '50%', '--badge-dur': '4.25s', '--badge-del': '0.4s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/gsheets.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=2af2d24a8cd0cd55efdd439f08e3b0fa" alt="" width="512" height="512" data-path="images/logos/gsheets.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% - 57px)', top: 'calc(50% - 57px)', '--badge-dur': '4.65s', '--badge-del': '0.7s'}}>
            <svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: '50%', top: 'calc(50% - 80px)', '--badge-dur': '5.05s', '--badge-del': '1.0s'}}>
            <svg fill="#5865F2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 57px)', top: 'calc(50% - 57px)', '--badge-dur': '5.45s', '--badge-del': '1.3s'}}>
            <svg fill="#F24E1E" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 80px)', top: '50%', '--badge-dur': '5.85s', '--badge-del': '1.6s'}}>
            <svg fill="#181717" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
            </svg>
          </div>

          <div className="landing-gummie">
            <svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
              <path d="M40 156.64C40 114.957 40 94.1151 48.3689 78.3091C55.1225 65.5537 65.5537 55.1225 78.3091 48.3689C94.1151 40 114.957 40 156.64 40H483.36C525.043 40 545.885 40 561.691 48.3689C574.446 55.1225 584.878 65.5537 591.631 78.3091C600 94.1151 600 114.957 600 156.64V483.36C600 525.043 600 545.885 591.631 561.691C584.878 574.446 574.446 584.878 561.691 591.631C545.885 600 525.043 600 483.36 600H156.64C114.957 600 94.1151 600 78.3091 591.631C65.5537 584.878 55.1225 574.446 48.3689 561.691C40 545.885 40 525.043 40 483.36V156.64Z" fill="#c9c2d6" />

              <path d="M205 290A45.5 101 0 1 0 296 290A45.5 101 0 1 0 205 290Z" fill="white" />

              <path d="M344 290A45.5 101 0 1 0 435 290A45.5 101 0 1 0 344 290Z" fill="white" />
            </svg>
          </div>

          <div className="landing-cursor" style={{bottom: '8px', left: '10px', '--cursor-color': '#8b5cf6', '--cursor-del': '-1.6s'}}>
            <div className="landing-cursor-icon">
              <svg viewBox="0 0 80 90" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
                <path fill="#8b5cf6" stroke="#fff" strokeLinejoin="bevel" strokeWidth="5.2" d="M37.1 6.8a7.1 7.1 0 0 1 13 0l34.6 77c.8 1.7-1 3.6-2.8 3l-39-13.3q-2-.8-4.2 0l-33 12.7a2.3 2.3 0 0 1-2.9-3z" />
              </svg>
            </div>

            <span className="landing-cursor-label">Marcelo</span>
          </div>
        </div>
      </div>
    </a>

    <a href="https://www.gumloop.com/cohorts" className="landing-card landing-card-gradient">
      <span className="landing-credit-pill">Earn 10,000 credits</span>

      <div className="landing-card-content">
        <h3 className="landing-card-title">Learning<br />Cohorts</h3>
        <p className="landing-card-desc">Join a guided 1-week cohort with live sessions, peer projects, and direct access to the Gumloop team.</p>
      </div>

      <div className="landing-card-floaters">
        <div className="landing-gummie-scene">
          <div className="landing-badge" style={{left: 'calc(50% - 80px)', top: '50%', '--badge-dur': '4.25s', '--badge-del': '0.1s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/gmail.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=32b41d36a5b826f73848358401bac2cc" alt="" width="4000" height="4000" data-path="images/logos/gmail.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% - 57px)', top: 'calc(50% - 57px)', '--badge-dur': '4.65s', '--badge-del': '0.4s'}}>
            <svg fill="#0B5CFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: '50%', top: 'calc(50% - 80px)', '--badge-dur': '5.05s', '--badge-del': '0.7s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/slack.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=3f437735f6bc9f17053717f0e240b43d" alt="" width="1500" height="1500" data-path="images/logos/slack.png" />
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 57px)', top: 'calc(50% - 57px)', '--badge-dur': '5.45s', '--badge-del': '1.0s'}}>
            <svg fill="#0052CC" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M11.571 11.513H0a5.218 5.218 0 0 0 5.232 5.215h2.13v2.057A5.215 5.215 0 0 0 12.575 24V12.518a1.005 1.005 0 0 0-1.005-1.005zm5.723-5.756H5.736a5.215 5.215 0 0 0 5.215 5.214h2.129v2.058a5.218 5.218 0 0 0 5.215 5.214V6.758a1.001 1.001 0 0 0-1.001-1.001zM23.013 0H11.455a5.215 5.215 0 0 0 5.215 5.215h2.129v2.057A5.215 5.215 0 0 0 24 12.483V1.005A1.001 1.001 0 0 0 23.013 0Z" />
            </svg>
          </div>

          <div className="landing-badge" style={{left: 'calc(50% + 80px)', top: '50%', '--badge-dur': '5.85s', '--badge-del': '1.3s'}}>
            <img src="https://mintcdn.com/gumloop_university/C7D4vwrU0ikATMuv/images/logos/linear.png?fit=max&auto=format&n=C7D4vwrU0ikATMuv&q=85&s=e839bdc9fdb7ba8bd6dd01d55e56eb0b" alt="" width="800" height="800" data-path="images/logos/linear.png" />
          </div>

          <div className="landing-gummie">
            <svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
              <path d="M63.7314 260.875C115.623 104.119 238.334 51.5019 291.736 44.0986C600.403 1.30772 662.211 304.136 543.862 460.66C441.808 595.633 262.075 620.78 154.214 585.754C59.2103 554.903 6.44755 433.92 63.7314 260.875Z" fill="#c9c2d6" />

              <path d="M228 282A45.5 101 0 1 0 319 282A45.5 101 0 1 0 228 282Z" fill="white" />

              <path d="M367 282A45.5 101 0 1 0 458 282A45.5 101 0 1 0 367 282Z" fill="white" />
            </svg>
          </div>

          <div className="landing-cursor" style={{bottom: '14px', right: '8px', '--cursor-color': '#f59e0b', '--cursor-del': '-4.5s'}}>
            <div className="landing-cursor-icon">
              <svg viewBox="0 0 80 90" width="22" height="22" xmlns="http://www.w3.org/2000/svg">
                <path fill="#f59e0b" stroke="#fff" strokeLinejoin="bevel" strokeWidth="5.2" d="M37.1 6.8a7.1 7.1 0 0 1 13 0l34.6 77c.8 1.7-1 3.6-2.8 3l-39-13.3q-2-.8-4.2 0l-33 12.7a2.3 2.3 0 0 1-2.9-3z" />
              </svg>
            </div>

            <span className="landing-cursor-label">Aron</span>
          </div>
        </div>
      </div>
    </a>
  </div>

  <section className="landing-latest-section">
    <div className="landing-section-header">
      <h2 className="landing-section-title">Latest videos</h2>
      <a href="/videos" className="landing-section-link">View all videos</a>
    </div>

    <div className="landing-latest-grid">
      <a href={latestFeatureVideo.slug} className="landing-latest-card">
        <div className="landing-latest-thumb-wrap">
          <img className="landing-latest-thumb" src="https://mintcdn.com/gumloop_university/zumdZhdvs6el__1f/images/video-thumbnails/1201661318.png?fit=max&auto=format&n=zumdZhdvs6el__1f&q=85&s=f4d8149d4b935bee54462c03383bb19c" alt="" loading="lazy" decoding="async" width="3840" height="2160" data-path="images/video-thumbnails/1201661318.png" />

          <span className="landing-latest-duration">
            {latestFeatureVideo.duration}
          </span>
        </div>

        <div className="landing-latest-body">
          <span className="landing-latest-eyebrow">
            {latestFeatureVideo.eyebrow}
          </span>

          <div className="landing-latest-title">
            {latestFeatureVideo.title}
          </div>

          <p className="landing-latest-desc">
            {latestFeatureVideo.description}
          </p>
        </div>
      </a>

      <a href={previousFeatureVideo.slug} className="landing-latest-card">
        <div className="landing-latest-thumb-wrap">
          <img className="landing-latest-thumb" src="https://mintcdn.com/gumloop_university/i4gXQrwyUJNyup_2/images/video-thumbnails/1199630125.png?fit=max&auto=format&n=i4gXQrwyUJNyup_2&q=85&s=c7918575083790fa3c1719fd998e4897" alt="" loading="lazy" decoding="async" width="3840" height="2166" data-path="images/video-thumbnails/1199630125.png" />

          <span className="landing-latest-duration">
            {previousFeatureVideo.duration}
          </span>
        </div>

        <div className="landing-latest-body">
          <span className="landing-latest-eyebrow">
            {previousFeatureVideo.eyebrow}
          </span>

          <div className="landing-latest-title">
            {previousFeatureVideo.title}
          </div>

          <p className="landing-latest-desc">
            {previousFeatureVideo.description}
          </p>
        </div>
      </a>
    </div>
  </section>

  <section className="landing-webinars-section">
    <div className="landing-section-header">
      <h2 className="landing-section-title">Webinars</h2>
      <a href="/webinars" className="landing-section-link">View all webinars</a>
    </div>

    <div className="landing-latest-grid">
      <a href={latestWebinar.slug} className="landing-latest-card">
        <div className="landing-latest-thumb-wrap">
          <img className="landing-latest-thumb" src="https://mintcdn.com/gumloop_university/zumdZhdvs6el__1f/images/video-thumbnails/webinar-reduce-ai-bill.png?fit=max&auto=format&n=zumdZhdvs6el__1f&q=85&s=e27bf3821e68381f6e426f02e3e9ff32" alt="" loading="lazy" decoding="async" width="3840" height="2160" data-path="images/video-thumbnails/webinar-reduce-ai-bill.png" />

          <span className="landing-webinar-date-badge">
            {latestWebinar.date}
          </span>
        </div>

        <div className="landing-latest-body">
          <span className="landing-latest-eyebrow">Webinar</span>

          <div className="landing-latest-title">
            {latestWebinar.title}
          </div>

          <p className="landing-latest-desc">
            {latestWebinar.description}
          </p>
        </div>
      </a>

      <a href={previousWebinar.slug} className="landing-latest-card">
        <div className="landing-latest-thumb-wrap">
          <img className="landing-latest-thumb" src="https://mintcdn.com/gumloop_university/g6wBLoKffo4UPA-a/images/video-thumbnails/workshop-enterprise-seo.png?fit=max&auto=format&n=g6wBLoKffo4UPA-a&q=85&s=325c714a0325b4d14daea46cf607543c" alt="" loading="lazy" decoding="async" width="3840" height="2160" data-path="images/video-thumbnails/workshop-enterprise-seo.png" />

          <span className="landing-webinar-date-badge">Recorded</span>
        </div>

        <div className="landing-latest-body">
          <span className="landing-latest-eyebrow">Webinar</span>

          <div className="landing-latest-title">
            {previousWebinar.title}
          </div>

          <p className="landing-latest-desc">
            {previousWebinar.description}
          </p>
        </div>
      </a>
    </div>
  </section>

  <div className="landing-footer">
    <div className="landing-footer-inner">
      <div className="landing-footer-left">
        <a href="https://www.gumloop.com/home" className="landing-footer-logo">
          <svg xmlns="http://www.w3.org/2000/svg" width="105" height="24" viewBox="0 0 105 24" fill="none">
            <path fillRule="evenodd" clipRule="evenodd" d="M98.4 4.98843C99.5575 4.98843 100.608 5.29416 101.553 5.90453C102.496 6.51507 103.244 7.3414 103.797 8.38289C104.349 9.42463 104.625 10.583 104.625 11.8581C104.625 12.8102 104.465 13.6992 104.144 14.5252C103.823 15.3515 103.378 16.0788 102.808 16.7072C102.238 17.336 101.579 17.8252 100.831 18.1755C100.083 18.5255 99.2725 18.7007 98.4 18.7007C97.2246 18.7007 96.2182 18.4226 95.381 17.8655C94.7118 17.4209 94.1701 16.8213 93.7515 16.0721V23.625H90.7858V5.25785H93.7515V7.61498C94.0719 7.04944 94.4593 6.57365 94.9137 6.18728C95.3678 5.80133 95.884 5.50498 96.463 5.2982C97.0417 5.09206 97.6875 4.98843 98.4 4.98843ZM97.7589 7.84411C97.1885 7.84411 96.6588 7.94299 96.1693 8.14043C95.6792 8.33829 95.2562 8.62107 94.9001 8.98899C94.5437 9.35733 94.2633 9.77938 94.0586 10.2552C93.8535 10.7311 93.7515 11.2566 93.7515 11.8311C93.7515 12.5854 93.9292 13.2681 94.2858 13.8785C94.6419 14.4892 95.118 14.9695 95.7149 15.3198C96.3116 15.6701 96.993 15.845 97.7589 15.845C98.489 15.845 99.1522 15.6658 99.7491 15.3064C100.346 14.9472 100.822 14.467 101.178 13.8651C101.535 13.2635 101.713 12.5947 101.713 11.858C101.713 11.1037 101.535 10.4261 101.178 9.82421C100.822 9.22254 100.346 8.7423 99.7491 8.38289C99.1522 8.02367 98.489 7.84411 97.7589 7.84411Z" fill="currentColor" />

            <path d="M18.5456 2.89005H9.27306C8.90408 2.89005 8.53551 2.92192 8.17746 2.98472C7.02264 3.18491 5.94356 3.70383 5.05724 4.48515C4.84175 4.67512 4.63699 4.88171 4.44859 5.09894C3.67311 5.99331 3.15828 7.08135 2.95987 8.24542C2.89759 8.60633 2.86604 8.97806 2.86604 9.35001C2.86604 9.72195 2.89765 10.0937 2.95987 10.4548C3.1584 11.6192 3.67301 12.7073 4.44791 13.6011C4.63701 13.8183 4.84193 14.0249 5.05713 14.2153C5.94356 14.9969 7.02264 15.5157 8.17769 15.716C8.53533 15.7788 8.90397 15.8106 9.27312 15.8106C9.64228 15.8106 10.0103 15.7787 10.3681 15.716C11.5222 15.5165 12.6012 14.9977 13.4883 14.2155C13.7036 14.025 13.9086 13.8183 14.0975 13.6012C14.8725 12.7074 15.3871 11.6193 15.5857 10.4546C15.648 10.0937 15.6796 9.72207 15.6796 9.35001V8.15981H9.33671C8.68626 8.15982 8.15706 8.69371 8.15706 9.35001C8.15706 10.0063 8.68627 10.5401 9.33671 10.5401H13.1437C12.7395 11.8796 11.6701 12.9274 10.3241 13.2914C9.98431 13.3836 9.63071 13.4303 9.27312 13.4303C8.91739 13.4303 8.56357 13.3833 8.2215 13.2907C6.8322 12.915 5.7377 11.8113 5.36512 10.4105C5.27327 10.0657 5.2267 9.70894 5.2267 9.35001C5.2267 8.99107 5.27327 8.63435 5.36512 8.28959C5.7377 6.88868 6.83214 5.78498 8.22144 5.40929C8.56339 5.31666 8.91716 5.26976 9.27312 5.26976H18.5456V9.35001C18.5456 9.70824 18.5254 10.0701 18.4854 10.4255C18.3638 11.4948 18.0628 12.525 17.5905 13.4876C17.2088 14.2673 16.7195 14.991 16.1362 15.6383C15.9345 15.8613 15.7233 16.0743 15.5087 16.2711C14.8666 16.8593 14.149 17.3527 13.3758 17.7376C12.4211 18.2138 11.3994 18.5174 10.339 18.6399C9.98725 18.6802 9.62856 18.7006 9.27312 18.7006C8.91722 18.7006 8.55842 18.6803 8.20657 18.6399C7.14627 18.5174 6.12451 18.2138 5.16989 17.7376C4.39476 17.3511 3.67718 16.8575 3.03702 16.2705C2.82009 16.0715 2.60884 15.8588 2.40933 15.6382C1.82612 14.991 1.33686 14.2674 0.955082 13.4877C0.482841 12.525 0.181745 11.4948 0.0602543 10.4255C0.0202597 10.0701 3.3573e-07 9.7083 0 9.35006C0 8.99183 0.0202607 8.62933 0.0602543 8.27454C0.182671 7.20356 0.483763 6.17327 0.955082 5.21242C1.33755 4.43239 1.82694 3.70902 2.40944 3.06235C2.60918 2.84162 2.82038 2.62887 3.03697 2.43026C3.67712 1.84318 4.39476 1.34961 5.16983 0.963122C6.12445 0.486876 7.14615 0.183322 8.20657 0.060758C8.55825 0.0204292 8.91716 1.35173e-07 9.27306 0H18.5456V2.89005Z" fill="currentColor" />

            <path d="M32.7458 18.4312H29.7535V16.3477C29.3889 16.9954 28.9309 17.5202 28.3777 17.9194C27.6564 18.4402 26.7969 18.7006 25.7997 18.7006C24.6951 18.7006 23.7378 18.4624 22.9276 17.9866C22.117 17.5112 21.4892 16.8242 21.0441 15.9259C20.5987 15.0281 20.3763 13.9685 20.3763 12.7472V5.25785H23.3685V12.3969C23.3685 13.4206 23.6531 14.2468 24.2233 14.8752C24.7932 15.5041 25.5591 15.8183 26.521 15.8183C27.5002 15.8183 28.2842 15.504 28.8719 14.8752C29.4598 14.2468 29.7535 13.4206 29.7535 12.3969V5.25779H32.7458V18.4312Z" fill="currentColor" />

            <path fillRule="evenodd" clipRule="evenodd" d="M68.0519 4.98843C69.3164 4.98843 70.4564 5.28947 71.4717 5.8909C72.4869 6.49275 73.2925 7.31461 73.8895 8.35593C74.4859 9.39767 74.7845 10.5742 74.7845 11.885C74.7845 12.8371 74.6108 13.7303 74.2634 14.5655C73.9162 15.4007 73.4353 16.128 72.8208 16.7475C72.2064 17.3672 71.4891 17.8478 70.6701 18.1888C69.8507 18.5297 68.9692 18.7006 68.0253 18.7006C66.743 18.7006 65.5894 18.4001 64.5655 17.7982C63.541 17.1967 62.7309 16.3751 62.1342 15.3331C61.5374 14.2919 61.2394 13.1335 61.2394 11.858C61.2394 10.8882 61.4085 9.9904 61.7468 9.16414C62.0851 8.3383 62.566 7.61073 63.1896 6.98193C63.8128 6.35352 64.5388 5.86394 65.367 5.51387C66.1951 5.16357 67.0901 4.98843 68.0519 4.98843ZM67.9986 7.84411C67.2859 7.84411 66.636 8.02836 66.0481 8.39629C65.4605 8.76462 64.9972 9.2495 64.659 9.85095C64.3205 10.453 64.1514 11.1213 64.1514 11.858C64.1514 12.5947 64.3205 13.2635 64.659 13.8651C64.9971 14.467 65.4605 14.9472 66.0481 15.3064C66.636 15.6658 67.2859 15.845 67.9986 15.845C68.7466 15.845 69.4098 15.6658 69.9888 15.3064C70.5674 14.9472 71.0308 14.467 71.3782 13.8651C71.7253 13.2635 71.899 12.5854 71.899 11.8311C71.899 11.0948 71.7253 10.4303 71.3782 9.83755C71.0308 9.24482 70.5674 8.76462 69.9888 8.39629C69.4098 8.02842 68.7466 7.84411 67.9986 7.84411Z" fill="currentColor" />

            <path fillRule="evenodd" clipRule="evenodd" d="M82.9326 4.98843C84.1971 4.98843 85.3372 5.28947 86.3524 5.8909C87.3677 6.49275 88.1734 7.3146 88.7703 8.35593C89.3668 9.39767 89.6653 10.5742 89.6653 11.885C89.6653 12.8371 89.4916 13.7303 89.1442 14.5655C88.797 15.4007 88.3161 16.128 87.7016 16.7475C87.0872 17.3672 86.3699 17.8478 85.5509 18.1888C84.7315 18.5297 83.85 18.7006 82.9061 18.7006C81.6237 18.7006 80.4702 18.4001 79.4463 17.7982C78.4218 17.1967 77.6117 16.3751 77.015 15.3331C76.4181 14.2919 76.1202 13.1335 76.1202 11.858C76.1202 10.8882 76.2893 9.9904 76.6276 9.16414C76.9659 8.3383 77.4469 7.61073 78.0705 6.98193C78.6937 6.35352 79.4196 5.86394 80.2479 5.51387C81.0759 5.16358 81.9709 4.98843 82.9326 4.98843ZM82.8794 7.84411C82.1667 7.84411 81.5168 8.02836 80.9289 8.39629C80.3413 8.76462 79.8779 9.24951 79.5398 9.85095C79.2013 10.453 79.0322 11.1213 79.0322 11.858C79.0322 12.5947 79.2013 13.2635 79.5398 13.8651C79.8779 14.467 80.3413 14.9472 80.9289 15.3064C81.5168 15.6658 82.1667 15.845 82.8794 15.845C83.6274 15.845 84.2906 15.6658 84.8696 15.3064C85.4482 14.9472 85.9116 14.467 86.259 13.8651C86.6061 13.2635 86.7798 12.5854 86.7798 11.8311C86.7798 11.0948 86.6061 10.4303 86.259 9.83755C85.9116 9.24481 85.4482 8.76462 84.8696 8.39629C84.2906 8.02842 83.6274 7.84411 82.8794 7.84411Z" fill="currentColor" />

            <path d="M49.8151 4.98843C50.8837 4.98843 51.8142 5.20861 52.607 5.6485C53.3992 6.0888 54.0229 6.70831 54.4771 7.50737C54.9312 8.30667 55.1583 9.2631 55.1583 10.3764V18.4313H52.1394V11.0499C52.1394 10.0625 51.8898 9.28547 51.3913 8.71968C50.8925 8.1539 50.1979 7.87112 49.3075 7.87112C48.8266 7.87113 48.359 7.9834 47.9049 8.2078C47.4507 8.43262 47.0855 8.77828 46.8096 9.2449C46.5333 9.71217 46.3955 10.3136 46.3955 11.0499V18.4313H43.4033V11.0499C43.4033 10.0625 43.1494 9.28547 42.6418 8.71968C42.1342 8.15391 41.435 7.87113 40.5446 7.87112C40.0637 7.87112 39.6004 7.97875 39.1553 8.19446C38.7099 8.40994 38.3448 8.75132 38.06 9.21795C37.7749 9.68521 37.6325 10.2956 37.6325 11.0499V18.4313H34.667V5.25785H37.6325V7.13262C37.8619 6.74585 38.1246 6.41721 38.4206 6.14699C38.8923 5.71579 39.4091 5.4154 39.9702 5.24451C40.5312 5.07403 41.0789 4.98843 41.6133 4.98843C42.539 4.98843 43.3273 5.16358 43.9776 5.51387C44.6275 5.86394 45.1532 6.40747 45.5539 7.14374C45.5837 7.19859 45.6116 7.25725 45.6401 7.31461C45.7606 7.08816 45.9052 6.87397 46.0748 6.67221C46.5198 6.14273 47.0721 5.72937 47.7312 5.433C48.39 5.13663 49.0846 4.98843 49.8151 4.98843Z" fill="currentColor" />

            <path d="M59.864 18.4312H56.8984V0.0640638H59.864V18.4312Z" fill="currentColor" />
          </svg>
        </a>

        <div className="landing-footer-socials">
          <a href="https://twitter.com/gumloop" target="_blank" rel="noreferrer" aria-label="X (Twitter)">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
            </svg>
          </a>

          <a href="https://www.linkedin.com/company/gumloop" target="_blank" rel="noreferrer" aria-label="LinkedIn">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
            </svg>
          </a>

          <a href="https://www.youtube.com/@Gumloop_AI" target="_blank" rel="noreferrer" aria-label="YouTube">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
            </svg>
          </a>
        </div>
      </div>

      <div className="landing-footer-columns">
        <div className="landing-footer-col">
          <p className="landing-footer-heading">Use Cases</p>
          <a href="https://www.gumloop.com/use-cases/data-agent" target="_blank" rel="noreferrer">Data Analysis Agent</a>
          <a href="https://www.gumloop.com/use-cases/support-agent" target="_blank" rel="noreferrer">Support Agent</a>
          <a href="https://www.gumloop.com/use-cases/crm-agent" target="_blank" rel="noreferrer">CRM Agent</a>
          <a href="https://www.gumloop.com/use-cases/meeting-prep-agent" target="_blank" rel="noreferrer">Meeting Prep Agent</a>
          <a href="https://www.gumloop.com/use-cases/call-analysis-agent" target="_blank" rel="noreferrer">Call Analysis Agent</a>
        </div>

        <div className="landing-footer-col">
          <p className="landing-footer-heading">Popular</p>
          <a href="https://www.gumloop.com/changelog" target="_blank" rel="noreferrer">Changelog</a>
          <a href="https://www.gumloop.com/templates" target="_blank" rel="noreferrer">Templates</a>
          <a href="https://www.gumloop.com/blog" target="_blank" rel="noreferrer">Blog</a>
          <a href="https://www.gumloop.com/mcp" target="_blank" rel="noreferrer">guMCP</a>
        </div>

        <div className="landing-footer-col">
          <p className="landing-footer-heading">Company</p>
          <a href="https://www.gumloop.com/careers" target="_blank" rel="noreferrer">Careers</a>
          <a href="https://www.gumloop.com/blog/about" target="_blank" rel="noreferrer">About</a>
          <a href="https://www.gumloop.com/love" target="_blank" rel="noreferrer">Wall of Love</a>
          <a href="https://www.gumloop.com/blog/handbook" target="_blank" rel="noreferrer">Handbook</a>
          <a href="https://www.gumloop.com/tos" target="_blank" rel="noreferrer">Terms</a>
          <a href="https://www.gumloop.com/privacy-policy" target="_blank" rel="noreferrer">Privacy</a>
          <a href="https://trust.gumloop.com" target="_blank" rel="noreferrer">Security</a>
        </div>

        <div className="landing-footer-col">
          <p className="landing-footer-heading">Resources</p>
          <a href="https://docs.gumloop.com/getting-started/introduction" target="_blank" rel="noreferrer">Docs</a>
          <a href="https://www.gumloop.com/category/case-studies" target="_blank" rel="noreferrer">Customer Stories</a>
          <a href="https://university.gumloop.com">University</a>
          <a href="https://www.gumloop.com/cohorts" target="_blank" rel="noreferrer">Learning Cohorts</a>
          <a href="https://www.gumloop.com/webinars" target="_blank" rel="noreferrer">Webinars</a>
          <a href="https://www.gumloop.com/experts" target="_blank" rel="noreferrer">Hire an Expert</a>
          <a href="https://www.gumloop.com/partners/apply-to-be-a-creator" target="_blank" rel="noreferrer">Creators</a>
          <a href="https://forum.gumloop.com/" target="_blank" rel="noreferrer">Forum</a>
        </div>
      </div>
    </div>
  </div>
</div>