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

# Aspect Professional Services: Bazel Support and Consulting

> Add trusted vendor support for Bazel. Fast track Bazel development with expert Bazel consulting from the Aspect Build team.

export const MarketingPage = () => <div className="marketing-page-marker" style={{
  display: "none"
}} />;

export const CTA = ({title, subtitle, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#"}) => <section className="w-full flex justify-center px-4 py-16 md:py-20">
    <div className="w-full rounded-2xl text-white flex flex-col md:flex-row items-center justify-center gap-10 md:gap-16 p-8 md:p-12 text-center md:text-left" style={{
  maxWidth: "1140px",
  background: "linear-gradient(135deg, #1a3a5c 0%, #176ACC 100%)"
}}>
      <div>
        <h2 className="text-2xl md:text-3xl font-semibold tracking-tight">{title}</h2>
        {subtitle && <div className="mt-3 text-blue-100 text-base">{subtitle}</div>}
      </div>
      <div className="flex flex-wrap gap-3 shrink-0 justify-center">
        {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-white text-blue-700 font-semibold hover:bg-blue-50 transition whitespace-nowrap shadow-sm">
            {primaryCta}
          </a>}
        {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-blue-300/50 text-white font-semibold hover:bg-blue-700/30 transition whitespace-nowrap ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
            {secondaryCta}
          </a>}
      </div>
    </div>
  </section>;

export const CustomerLogos = ({title = "TRUSTED BY LEADING ENGINEERING TEAMS", children}) => <section className="w-full flex justify-center px-4 py-10">
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {title && <div className="block text-center text-xs font-semibold tracking-widest text-zinc-400 dark:text-zinc-500 uppercase mb-12">
          {title}
        </div>}
      <div className="customer-logos-grid flex flex-wrap justify-center items-center gap-x-10 gap-y-8 md:gap-x-14">
        {children}
      </div>
    </div>
  </section>;

export const TestimonialCard = ({quote, author, role, company, companyLogo, imageType = "company", children}) => <div className="flex flex-col p-6 md:p-8 rounded-xl bg-white dark:bg-zinc-800/50 border border-zinc-200 dark:border-zinc-700 shadow-sm">
    {children && imageType === "company" && <div className="testimonial-card-company-logo mb-5">{children}</div>}
    {companyLogo && imageType === "author" && <div className="testimonial-card-company-logo mb-5">
        <img noZoom src={companyLogo} alt={company || ""} />
      </div>}
    <p className="text-zinc-700 dark:text-zinc-200 leading-relaxed text-base flex-1">"{quote}"</p>
    <div className="mt-6 pt-5 border-t border-zinc-100 dark:border-zinc-700 flex items-center gap-4">
      {children && imageType === "author" && <div className="testimonial-card-author-image">{children}</div>}
      <div>
        <div className="text-base font-semibold text-zinc-900 dark:text-white" style={{
  display: "block"
}}>{author}</div>
        {role && <div className="author-role-gap text-sm text-zinc-500 dark:text-zinc-400" style={{
  display: "block",
  marginTop: "0.625rem"
}}>{role}{(imageType !== "company" || !children) && company ? `, ${company}` : ""}</div>}
      </div>
    </div>
  </div>;

export const TestimonialGrid = ({children, columns = 2}) => <div className="relative">
    <svg className="absolute -top-4 -left-2 md:-top-8 md:-left-6 w-16 h-16 md:w-24 md:h-24 text-blue-500/10 dark:text-blue-400/15 pointer-events-none" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
      <path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983z" />
    </svg>
    <div className={`relative grid gap-6 ${columns === 3 ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2"}`}>{children}</div>
  </div>;

export const Testimonial = ({quote, author, role, company, caseStudyHref, children}) => <div className="relative flex flex-col p-8 md:p-12 rounded-2xl bg-zinc-50 dark:bg-zinc-800/40 border border-zinc-200 dark:border-zinc-700 overflow-hidden">
    <svg className="absolute top-8 left-8 w-12 h-12 text-zinc-200 dark:text-zinc-700 opacity-80" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
      <path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983z" />
    </svg>
    <div className="relative flex flex-col md:flex-row items-start gap-8">
      <div className="flex-1">
        <p className="text-xl md:text-2xl text-zinc-800 dark:text-zinc-100 leading-relaxed font-medium">
          "{quote}"
        </p>
        <div className="mt-8 flex items-center gap-4">
          <div>
            <div className="font-semibold text-zinc-900 dark:text-white text-base" style={{
  display: "block"
}}>{author}</div>
            {role && <div className="author-role-gap text-sm text-zinc-400 dark:text-zinc-500" style={{
  display: "block",
  marginTop: "0.625rem"
}}>{role}{company ? `, ${company}` : ""}</div>}
          </div>
        </div>
      </div>
      <div className="flex flex-col items-center gap-5 md:min-w-44 shrink-0">
        {children && <div className="testimonial-company-logo">{children}</div>}
        {caseStudyHref && <a href={caseStudyHref} className="inline-flex items-center px-4 py-2 rounded-lg bg-blue-600 text-white text-sm font-semibold hover:bg-blue-700 transition shadow-sm whitespace-nowrap">
            Read Case Study
          </a>}
      </div>
    </div>
  </div>;

export const FeatureShowcase = ({title, description, href, linkText = "Learn more", flipped = false, label, children}) => <div className={`flex flex-col ${flipped ? "md:flex-row-reverse" : "md:flex-row"} items-center gap-10 md:gap-16 py-10`}>
    <div className="flex-1 min-w-0">
      {label && <p className="text-xs font-semibold tracking-widest text-blue-600 dark:text-blue-400 uppercase mb-3">{label}</p>}
      <h3 className="text-2xl md:text-3xl font-bold text-zinc-900 dark:text-white tracking-tight">{title}</h3>
      <p className="mt-4 text-zinc-500 dark:text-zinc-300 leading-relaxed text-base">{description}</p>
      {href && <div className="mt-6">
          <a href={href} className="inline-flex items-center text-blue-600 dark:text-blue-400 font-semibold text-sm hover:underline underline-offset-2">
            {linkText} →
          </a>
        </div>}
    </div>
    <div className="flex-1 min-w-0 feature-showcase-image">
      {children}
    </div>
  </div>;

export const FeatureCard = ({title, description, href, children}) => {
  const Tag = href ? "a" : "div";
  const tagProps = href ? {
    href
  } : {};
  return <Tag {...tagProps} className={`group flex flex-col p-6 rounded-xl border border-zinc-200 dark:border-zinc-700/60 bg-white dark:bg-zinc-800/50 ${href ? "hover:shadow-md hover:border-blue-200 dark:hover:border-blue-700 transition-all duration-200" : ""}`}>
      {children && <div className="feature-card-icon mb-5 flex items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-900/20 border border-blue-100 dark:border-blue-800/30" style={{
    width: "4rem",
    height: "4rem"
  }}>
          {children}
        </div>}
      <h3 className={`text-lg font-semibold text-zinc-900 dark:text-white ${href ? "group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors" : ""}`}>
        {title}
      </h3>
      {description && <p className="feature-card-desc text-sm text-zinc-500 dark:text-zinc-400 leading-relaxed">{description}</p>}
    </Tag>;
};

export const FeatureGrid3 = ({children}) => <div className="marketing-grid-3">{children}</div>;

export const SectionHeader = ({title, subtitle, centered = true, label}) => <div className={`mb-12 ${centered ? "text-center" : ""}`}>
    {label && <p className="text-xs font-semibold tracking-widest text-blue-600 dark:text-blue-400 uppercase mb-3">
        {label}
      </p>}
    <h2 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white tracking-tight">{title}</h2>
    {subtitle && <div className={`subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed ${centered ? "mx-auto" : ""}`} style={{
  marginTop: "1rem",
  maxWidth: centered ? "700px" : "none"
}}>
        {subtitle}
      </div>}
  </div>;

export const Section = ({children, className = "", gray = false, dark = false, id}) => <section id={id} className={`w-full flex justify-center px-4 py-16 md:py-24 ${gray ? "bg-gray-50 dark:bg-zinc-900" : dark ? "bg-zinc-900 dark:bg-zinc-950" : ""} ${className}`}>
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {children}
    </div>
  </section>;

export const Hero = ({title, subtitle, badge, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#", centered = true, children}) => <section className="w-full flex justify-center px-4 pt-16 pb-16 md:pt-24 md:pb-24" style={{
  background: "linear-gradient(180deg, var(--hero-gradient-start, #f8fafc) 0%, var(--hero-gradient-end, #ffffff) 100%)"
}}>
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {centered && !children ? <div className="flex flex-col items-center text-center">
          {badge && <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 text-blue-700 dark:text-blue-300 text-sm font-medium mb-6">
              {badge}
            </div>}
          <h1 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white leading-tight tracking-tight" style={{
  maxWidth: "820px"
}}>
            {String(title).split(/\\n|\n/).map((line, i) => i ? [<br key={i} />, line] : line)}
          </h1>
          {subtitle && <div className="subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed" style={{
  marginTop: "1rem",
  maxWidth: "600px"
}}>
              {subtitle}
            </div>}
          <div className="flex flex-wrap gap-3 mt-10 justify-center">
            {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 transition shadow-sm">
                {primaryCta}
              </a>}
            {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
                {secondaryCta}
              </a>}
          </div>
        </div> : <div className="flex flex-col md:flex-row items-center gap-10 md:gap-16">
          <div className="flex-1 min-w-0">
            {badge && <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 text-blue-700 dark:text-blue-300 text-sm font-medium mb-6">
                {badge}
              </div>}
            <h1 className="text-4xl md:text-5xl font-semibold text-zinc-900 dark:text-white leading-tight tracking-tight">
            {String(title).split(/\\n|\n/).map((line, i) => i ? [<br key={i} />, line] : line)}
          </h1>
            {subtitle && <div className="subtitle-gap text-lg md:text-xl text-zinc-500 dark:text-zinc-300 leading-relaxed" style={{
  marginTop: "1rem"
}}>
                {subtitle}
              </div>}
            <div className="flex flex-wrap gap-3 mt-8">
              {primaryCta && <a href={primaryHref} className="inline-flex items-center px-6 py-3 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 transition shadow-sm">
                  {primaryCta}
                </a>}
              {secondaryCta && <a href={secondaryHref} className={`inline-flex items-center px-6 py-3 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold hover:bg-zinc-50 dark:hover:bg-zinc-800 transition ${secondaryHref === "/request-demo" ? "demo-gradient-btn" : ""}`}>
                  {secondaryCta}
                </a>}
            </div>
          </div>
          {children && <div className="flex-1 min-w-0 hero-image">
              {children}
            </div>}
        </div>}
    </div>
  </section>;

<MarketingPage />

<Hero title="Aspect Professional Services" subtitle="Your guided journey by experts in the Bazel community." primaryCta="Talk with Us" primaryHref="/contact" centered />

<Section id="support">
  <FeatureShowcase label="Support" title="Bazel Support" description="Aspect's Bazel support is the missing commercial support option for Bazel Open Source Software and its ecosystem of rules. Our experts remove blockers by answering questions, pointing to relevant documentation and issues, and recommending best practices we've seen succeed." href="/pricing" linkText="See support plans">
    <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/product/support-img.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=ff1e1bd39cecf6bbea3f1ea63cc0a6d0" alt="Aspect support" width="1104" height="744" data-path="images/marketing/product/support-img.avif" />
  </FeatureShowcase>

  <div className="mt-8 max-w-3xl space-y-4 text-zinc-600 dark:text-zinc-300">
    <p>Our Standard plan includes a dedicated Slack channel for ongoing communications, with a 24-hour service level agreement on responses. Bazel leads can offload colleague questions to Aspect Build support to focus time on higher value contributions.</p>
  </div>
</Section>

<Section gray>
  <SectionHeader label="Support Plans" title="Free and Standard plans" subtitle="Pick the plan that matches the speed and scale of your Bazel adoption." />

  <div className="grid gap-6 md:grid-cols-2 max-w-4xl mx-auto">
    {/* Free */}

    <div className="flex flex-col p-6 rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800/40">
      <h3 className="text-lg font-bold text-zinc-900 dark:text-white">Free</h3>

      <ul className="mt-4 space-y-2.5 text-sm text-zinc-600 dark:text-zinc-300 flex-1">
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Community Support on Aspect Community Slack</li>
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Self-led Bazel Courses</li>
      </ul>

      <a href="/learning" className="inline-flex items-center justify-center mt-6 px-4 py-2.5 rounded-lg border border-zinc-300 dark:border-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold text-sm hover:bg-zinc-50 dark:hover:bg-zinc-800 transition">
        Get Started
      </a>
    </div>

    {/* Standard */}

    <div className="flex flex-col p-6 rounded-xl border-2 border-blue-500 bg-white dark:bg-zinc-800/40 relative">
      <span className="absolute -top-3 left-6 inline-flex items-center px-2.5 py-0.5 rounded-full bg-blue-600 text-white text-xs font-semibold">Most popular</span>
      <h3 className="text-lg font-bold text-zinc-900 dark:text-white">Standard</h3>

      <ul className="mt-4 space-y-2.5 text-sm text-zinc-600 dark:text-zinc-300 flex-1">
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Community Support on Aspect Community Slack</li>
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Self-led Bazel Courses</li>
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Dedicated Slack Channel for Bazel Support</li>
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> Unlimited Slack Questions</li>
        <li className="flex items-start gap-2"><span className="text-green-500">✓</span> 24-Hour SLA</li>
      </ul>

      <a href="/contact" className="inline-flex items-center justify-center mt-6 px-4 py-2.5 rounded-lg bg-blue-600 text-white font-semibold text-sm hover:bg-blue-700 transition shadow-sm">
        Talk with Us
      </a>
    </div>
  </div>

  <p className="mt-8 text-center text-sm text-zinc-500 dark:text-zinc-400">
    Full feature comparison on the <a href="/pricing" className="text-blue-600 dark:text-blue-400 font-semibold hover:underline">pricing page</a>.
  </p>
</Section>

<CustomerLogos title="Trusted by engineering teams worldwide">
  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/BostonDynamics.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=6b33262c301f50ec5ec68721d3ec4288" alt="Boston Dynamics" className="customer-logo" width="120" height="28" data-path="images/marketing/customers/BostonDynamics.svg" />

  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/Google.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=65f9bb4611f92a8978eba7f33f0b755d" alt="Google" className="customer-logo" width="66" height="28" data-path="images/marketing/customers/Google.svg" />

  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/Robinhood.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=7c056e03beb7eb7656ae9bd7bc2fe483" alt="Robinhood" className="customer-logo" width="103" height="28" data-path="images/marketing/customers/Robinhood.svg" />

  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/AssemblyAI_2.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=344cedab08161a3f4639e086988f5e6a" alt="AssemblyAI" className="customer-logo" width="116" height="28" data-path="images/marketing/customers/AssemblyAI_2.svg" />

  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/Physical-Intelligence_1.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=0f1e23aad17d4665f5e27a1a27497388" alt="Physical Intelligence" className="customer-logo" width="191" height="28" data-path="images/marketing/customers/Physical-Intelligence_1.svg" />

  <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/customers/superhuman.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=6622b36a88301f73a2eae2ede19db903" alt="Superhuman" className="customer-logo" width="189" height="40" data-path="images/marketing/customers/superhuman.svg" />
</CustomerLogos>

<Section id="consulting">
  <FeatureShowcase label="Consulting" title="Consulting" description="We provide hands-on keyboard technical assistance for specific Bazel projects, whether open source or closed-source. Compared to other consulting providers, we transfer more Bazel expertise, are more accessible to customer organizations of all sizes, and offer better consulting service level agreements." href="/contact" linkText="Contact us" flipped>
    <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/product/consulting-img.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=2a7c076a6864bb880345542c37dd4bce" alt="Aspect consulting" width="930" height="800" data-path="images/marketing/product/consulting-img.avif" />
  </FeatureShowcase>

  <p className="mt-8 max-w-3xl text-zinc-600 dark:text-zinc-300">
    For organizations new to Bazel, maximize Bazel's value to your organization with a robust migration plan. Our experts will chart an optimal path tailored to your resources and goals. We can also augment your team with the expert staff to accelerate your transition.
  </p>
</Section>

<Section gray>
  <SectionHeader label="Customer Stories" title="Why Teams Choose Aspect Services" />

  <TestimonialGrid>
    <TestimonialCard quote="Aspect seamlessly steered our build system transition from a jumble of various technologies to solely Bazel. The efficiency with which they completed a task that would have otherwise taken us many months is a testament to their unparalleled expertise." author="Mirko Mikulic" role="CTO, audienzz AG" companyLogo="/images/marketing/customers/audienzz.svg" imageType="author">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/team/Mirko-Mikulic.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=50c8438118add0aec7c43661e8d33293" alt="Mirko Mikulic" width="112" height="112" data-path="images/marketing/team/Mirko-Mikulic.avif" />
    </TestimonialCard>

    <TestimonialCard quote="As a Bazel monorepo, our frontend builds have always been difficult to understand and reason about. With Aspect's congenial, guided assistance, we've brought our production and local development build pipelines closer to each other." author="Vasilios Pantazopoulos" role="FullStory" companyLogo="/images/marketing/customers/fullstory.svg" imageType="author">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/team/Vasilios-Pantazopoulos.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=3939d01ed46445c659d2c6879a44bdf6" alt="Vasilios Pantazopoulos" width="112" height="112" data-path="images/marketing/team/Vasilios-Pantazopoulos.avif" />
    </TestimonialCard>

    <TestimonialCard quote="I cannot imagine building and testing Angular without Bazel. It's been a life-changer for us and enabled us to scale and iterate in ways we couldn't have accomplished otherwise." author="Igor Minar" role="TL of Angular" companyLogo="/images/marketing/customers/angular.svg" imageType="author">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/team/Igor-Minar.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=1d28cf0c185ac8153e30ccd67afaac7c" alt="Igor Minar" width="112" height="112" data-path="images/marketing/team/Igor-Minar.avif" />
    </TestimonialCard>

    <TestimonialCard quote="We felt intimidated by Bazel at first, but Aspect accompanied us in implementing it in our TypeScript monorepo. We've drastically reduced our overall CI pipeline time from an hour to 7 minutes." author="Tristan Foureur" role="CTO, WeMaintain" companyLogo="/images/marketing/customers/wemaintain.svg" imageType="author">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/team/Tristan-Foureur.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=ee6c9f833000064961c5562d43904769" alt="Tristan Foureur" width="112" height="112" data-path="images/marketing/team/Tristan-Foureur.avif" />
    </TestimonialCard>

    <TestimonialCard quote="The team helped us to make improvements to local development: no more random bash scripts that you forget to run, incremental builds reduced to seconds from minutes." author="Lewis Hemens" role="Dataform" companyLogo="/images/marketing/customers/dataform.svg" imageType="author">
      <img noZoom src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/team/Lewis-Hemens.avif?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=8a48ad9e74c2f3c29b4cbe18d5b8f622" alt="Lewis Hemens" width="112" height="112" data-path="images/marketing/team/Lewis-Hemens.avif" />
    </TestimonialCard>
  </TestimonialGrid>
</Section>

<CTA title="Put Bazel experts behind your team" subtitle="Support and consulting from the engineers who build the platform and the rules." primaryCta="Talk with Us" primaryHref="/contact" />