function CampaignHeader()

in website/src/pages/Build-IA/Free-Services.js [11:35]

• 24 lines of code
• 2 McCabe index (conditional complexity)

function CampaignHeader() {
    return (
      <header className={clsx("hero hero--primary heroAzureHome")} style={{ backgroundImage: 'url(/Cloud-Native/img/cloud-native-hero-bg.webp)', padding: '8rem 0rem' }}>
        <div className="container">
          <div className="row" style={{ alignItems: 'center' }}>
            <div className="col col--6">
              <h1 className="hero__title">Free services for AI apps</h1>
              <p style={{ fontSize: '1.125rem', marginBottom: '1rem' }}>
              Learn which services offer free monthly amounts <a href="#disclaimer" style={{color:"white"}}>*</a>
              </p>
              <p>Are you ready to experiment with cutting-edge technologies? You can start building AI apps and agents with free Azure app, data, and AI services to minimize upfront costs.</p>
              <div className={`${styles.buttonsFFIA} hero-buttons`}>
                    <Link className="button button--primary button--lg" to="https://azure.microsoft.com/pricing/purchase-options/azure-account?ocid=cmm2sprg51l" data-bi-area="Hero" data-bi-name="#FreeServices">
                    Get started
                    </Link>
              </div>
            </div>
            <div className="col col--6 hide-on-mobile">

            </div>
            </div>
          </div>
      </header>
    );
}