<commit_before>import React from 'react';

import wedding from '../../../../../config/wedding.js';

import 'static/vendor/font-awesome/css/font-awesome.min.css';
import glob from 'styles/app';
import { Row, Col } from 'react-bootstrap';
import local from './_styles';
import EucThree from '../../svg/euc-3';
import EucFour from '../../svg/euc-4';

/**
  *
  * The homepage
  *
  * @param  none
  *
  * @return {ReactComponent}
  */

const Home = () => {
  const coupleOne = wedding.couple[0].name.first;
  const coupleTwo = wedding.couple[1].name.first;

  return (
    <div>
      <div className={`${glob.verticalContainer}`}>
        <div className={`${glob.verticallyAligned}`}>
          <div className={`${local.euc} ${local.eucTop}`}>
            <EucThree color="$green" />
          </div>
          <h1 className={`${local.header}`}>{coupleOne}<br />& {coupleTwo}</h1>
          <div className={`${local.euc} ${local.eucBtm}`}>
            <EucFour color="$green" />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Home;<commit_msg>Home - added class<commit_after>import React from 'react';

import wedding from '../../../../../config/wedding.js';

import 'static/vendor/font-awesome/css/font-awesome.min.css';
import glob from 'styles/app';
import { Row, Col } from 'react-bootstrap';
import local from './_styles';
import EucThree from '../../svg/euc-3';
import EucFour from '../../svg/euc-4';

/**
  *
  * The homepage
  *
  * @param  none
  *
  * @return {ReactComponent}
  */

const Home = () => {
  const coupleOne = wedding.couple[0].name.first;
  const coupleTwo = wedding.couple[1].name.first;

  return (
    <div className={local.home}>
      <div className={`${glob.verticalContainer}`}>
        <div className={`${glob.verticallyAligned}`}>
          <div className={`${local.euc} ${local.eucTop}`}>
            <EucThree color="$green" />
          </div>
          <h1 className={`${local.header}`}>{coupleOne}<br />& {coupleTwo}</h1>
          <div className={`${local.euc} ${local.eucBtm}`}>
            <EucFour color="$green" />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Home;
{'fraction_non_alphanumeric': 0.20561177552897883, 'fraction_numerical': 0.005519779208831647, 'mean_word_length': 2.5714285714285716, 'pattern_counts': {'":': 0, '<': 33, '<?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': '2131407', 'n_tokens_mistral': 737, 'n_tokens_neox': 743, 'n_words': 146}