      const Heading = small ? H2 : H1
      return (
          <div className={classes.banner} style={style}>
              <Grid cols={small ? null : 3} narrow className={contentClassNames}>
                  <Heading Component="h3" className={classes.bannerTitle}>
                      {label && (
                          <div className={classes.bannerLabel}>
                              <span className={classes.label}>{label}</span>
                          </div>
                      )}
                      <Link to={to} hidden>
                          {title}
                      </Link>
                  </Heading>
                  <div className={textClassNames}>
                      <p>{children}</p>
  
                      {button && (
                          <LandingBannerButton to={to} small={small}>
 
</s> remove             <Link to="/" aria-label={title} hidden>
 </s> add             <Link
                to="/"
                aria-label={title}
                hidden
                className={classNames({ [classes.hasAlert]: !!alert })}
            > </s> remove import irlBackground from '../images/spacy-irl.jpg'
 </s> add  </s> remove const YouTube = ({ id, ratio = '16x9' }) => {
    const embedClassNames = classNames(classes.root, classes.responsive, {
 </s> add const YouTube = ({ id, ratio = '16x9', className }) => {
    const embedClassNames = classNames(classes.root, classes.responsive, className, {
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
      const Heading = small ? H2 : H1
      return (
          <div className={classes.banner} style={style}>
              <Grid cols={small ? null : 3} narrow className={contentClassNames}>
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                {(title || label) && (
                    <Heading Component="h3" className={classes.bannerTitle}>
                        {label && (
                            <div className={classes.bannerLabel}>
                                <span className={classes.label}>{label}</span>
                            </div>
                        )}
                        <Link to={to} hidden>
                            {title}
                        </Link>
                    </Heading>
                )}
                  <div className={textClassNames}>
                      <p>{children}</p>
  
                      {button && (
                          <LandingBannerButton to={to} small={small}>
keep keep keep keep replace replace replace replace replace replace replace replace replace replace keep keep keep keep keep
 Update website for v3 launch 
website/src/components/landing.js