<commit_before>const React = global.React || require('react');
const BasePane = global.BasePane || require('pui-react-panes').BasePane;
const Button = global.DefaultButton || require('pui-react-buttons').DefaultButton;
const TileLayout = global.TileLayout || require('pui-react-tile-layout');
const TileLayoutItem = global.TileLayout || require('pui-react-tile-layout');

const IntroPage = React.createClass({
  render() {
    return (
      <div>
        <BasePane className="bg-accent-5 styleguide-hero">
          <div className="media">
            <div className="media-left media-middle prxxl">
              <DeathStar />
            </div>
            <div className="media-left media-middle">
              <h1 className="title styleguide-title"> Ship Better UI, Faster</h1>

              <p className="styleguide-subtitle">
                Pivotal UI is a collection of React and CSS components styled for the Pivotal brand.
              </p>
              <Button href="/getting-started.html" className="styleguide-btn-primary" large>Get Started</Button>
            </div>
          </div>
        </BasePane><commit_msg>fix(docs): home page is now including TileLayoutItem and rendering properly<commit_after>const React = global.React || require('react');
const BasePane = global.BasePane || require('pui-react-panes').BasePane;
const Button = global.DefaultButton || require('pui-react-buttons').DefaultButton;
const TileLayout = global.TileLayout || require('pui-react-tile-layout');
const TileLayoutItem = global.TileLayoutItem || require('pui-react-tile-layout');

const IntroPage = React.createClass({
  render() {
    return (
      <div>
        <BasePane className="bg-accent-5 styleguide-hero">
          <div className="media">
            <div className="media-left media-middle prxxl">
              <DeathStar />
            </div>
            <div className="media-left media-middle">
              <h1 className="title styleguide-title"> Ship Better UI, Faster</h1>

              <p className="styleguide-subtitle">
                Pivotal UI is a collection of React and CSS components styled for the Pivotal brand.
              </p>
              <Button href="/getting-started.html" className="styleguide-btn-primary" large>Get Started</Button>
            </div>
          </div>
        </BasePane>
{'fraction_non_alphanumeric': 0.12799657534246575, 'fraction_numerical': 0.0025684931506849314, 'mean_word_length': 2.6977848101265822, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2618617', 'n_tokens_mistral': 648, 'n_tokens_neox': 647, 'n_words': 154}