function Home()

in antlir/website/src/pages/index.js [66:118]

• 53 lines of code
• 3 McCabe index (conditional complexity)

function Home() {
  const context = useDocusaurusContext();
  const {siteConfig = {}} = context;
  return (
    <Layout
      title={`${siteConfig.title}`}
      description="A filesystem image builder">
      <header className={clsx('hero hero--primary', styles.heroBanner)}>
        <div className="container">
          {/* Left */}
          <div className={styles.heroLeft}>
            <div className={styles.imageLogo}>
              <img src="img/logo.svg" alt="antlers" />
            </div>
          </div>
          {/* Right */}
          <div className={styles.heroRight}>
            <h1 className="hero__title">{siteConfig.title}</h1>
            <p className="hero__subtitle">{siteConfig.tagline}</p>
            <div className={styles.buttons}>
              <Link
                className={clsx(
                  'button button--outline button--secondary button--lg',
                  styles.getStartedButton,
                )}
                to={useBaseUrl('docs/')}>
                Read the docs
              </Link>
            </div>
          </div>
        </div>
      </header>
      <main>
        {features && features.length > 0 && (
          <section className={styles.features}>
            <div className="container">
              <div className="row">
                {features.map(({title, imageUrl, description}) => (
                  <Feature
                    key={title}
                    title={title}
                    imageUrl={imageUrl}
                    description={description}
                  />
                ))}
              </div>
            </div>
          </section>
        )}
      </main>
    </Layout>
  );
}