components/home.js

home.js

function renderSection(section, index) {
  const content = [(
    <div className={`fcol fg bullet-info ${(index % 2) ? '' : 'bullet-info-reversed'}`}>
      <div className="bullet-point-title">
        {section.title}
      </div>
      <div className="bullet-point-text">
        {section.text}
      </div>
    </div>
  ), (
    <div className="bullet-example">
      {section.component}
    </div>
  )];
  return (
    <div className="bullet-point f">
      {!(index % 2) ? content.reverse() : content}
    </div>
  );
}