function SectionHeader()

in website/src/pages/Build-IA/LearnLive.js [11:33]


function SectionHeader({title, description}) {
    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 text--left">
                    <h1 className="hero__title">
                        {title}
                    </h1>
                    <p>{description}</p>
                    <div className={styles.buttonsFFIA}>
                    <Link className="button button--primary button--lg" to="https://aka.ms/BIA/LearnLive/OnDemand" data-bi-area="Hero" data-bi-name="#LearnLive">
                    Watch on demand
                    </Link>
                    </div>
                </div>
                <div className="col col--6 hide-on-mobile">
                </div>
            </div>
        </div>
      </header>
    );
}