import React, { PropTypes } from 'react';
import Header from 'components/header';
import { NfNLogoVertical } from 'components/logos/nfn-logo-vertical';
import { Celebration } from 'components/celebration';


export const Hero = ({ title, subtitle, credit = '' }) =>
  <div className="hero" title={credit}>
    <NfNLogoVertical />
    <Header bgClass={'transparent'} />
    <a><Celebration /></a>
    <h2 className="title">{title}</h2>
    <h4 className="subtitle">{subtitle}</h4>
  </div>;

Hero.propTypes = {
  img: PropTypes.string,
  title: PropTypes.string,
  subtitle: PropTypes.string,
  credit: PropTypes.string,
};

import React, { PropTypes } from 'react';
import Header from 'components/header';
import { NfNLogoVertical } from 'components/logos/nfn-logo-vertical';
import { Celebration } from 'components/celebration';


export const Hero = ({ credit = '' }) =>
  <div className="hero" title={credit}>
    <NfNLogoVertical />
    <Header bgClass={'transparent'} />
    <Celebration />
  </div>;

Hero.propTypes = {
  img: PropTypes.string,
  title: PropTypes.string,
  subtitle: PropTypes.string,
  credit: PropTypes.string,
};

Remove old titles because they overlap with the celebration header
Remove old titles because they overlap with the celebration header
