streetmix/streetmix

import React from "react";
import clsx from "clsx";
import Link from "@docusaurus/Link";

import styles from "./HomepageFeatures.module.css";

export default function HomepageFeatures() {
  return (
    <div className="row margin-vert--lg">
      <div className="col col--4 col--offset-2" style={{ marginBottom: "1em" }}>
        <div
          className="text--center padding-horiz--md"
          style={{ height: "100%" }}
        >
          <Link to="/contributing/intro" className={clsx(styles.featureLink)}>
            <div className={clsx("card", styles.featureCard)}>
              <div className="card__header">
                <h3>Programmers and designers</h3>
              </div>
              <div className="card__body">
                <p>
                  Help us build Streetmix! Contribute code, content,
                  illustrations, or translations.
                </p>
              </div>
            </div>
          </Link>
        </div>
      </div>
      <div className="col col--4" style={{ marginBottom: "1em" }}>
        <div
          className="text--center padding-horiz--md"
          style={{ height: "100%" }}
        >
          <Link to="/user-guide/intro" className={clsx(styles.featureLink)}>
            <div className={clsx("card", styles.featureCard)}>
              <div className="card__header">
                <h3>Planners and urbanists</h3>
              </div>
              <div className="card__body">
                <p>
                  Are you using Streetmix for civic engagement? Find hints,
                  tips, and examples here.
                </p>
              </div>
            </div>
          </Link>
        </div>
      </div>
    </div>
  );
}