function SectionHeader()

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


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 text--center">
            <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} hero-buttons`}>
                    <Link className="button button--primary button--lg" to="https://www.youtube.com/playlist?list=PLmsFUfdnGr3xYBEmLI7AqtWtBc31D20er" data-bi-area="Hero" data-bi-name="#DemoBytes" target="_blank">
                    Watch on demand
                    </Link>
                    </div>
                </div>
                <div className="col col--6 hide-on-mobile">

                </div>

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