index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory, IndexRoute } from 'react-router';
import './index.css';
//import App from './App';
import App from './pages/App';
import registerServiceWorker from './registerServiceWorker';
import firebase from 'firebase';

// Static Pages
import Home from './pages/Home';
import Services from './pages/Services';
import Appointments from './pages/Appointments';
import Page404 from './pages/Page404';

// Sign Up
import Signup1 from './signup/Step1';
import Signup2 from './signup/Step2';
import Signup3 from './signup/Step3';

// Page Title Logic
let pageMeta = { /* browser title, page header */
  '/services': { title: 'Services', header: 'Services' },
  '/appointments': { title: 'Appointments', header: 'Appointments' },
  '/welcome': { title: 'Welcome', header: 'Welcome' },
  '/welcome/2': { title: 'Welcome', header: 'Welcome' },
  '/welcome/3': { title: 'Welcome', header: 'Welcome' },
  default: { title: 'Welcome!', header: 'Welcome!' },
};

function updateTitle() {
  let path = window.location.pathname;
  // console.log(path);

  if (!pageMeta[path]) {
    // try to find a similar path that has a title and use it
    for (path in pageMeta) {
      if (window.location.pathname.indexOf(path) === 0) {
        break;
      }
    }

    if (!pageMeta[path]) { path = 'default'; }
  }

  document.getElementsByTagName('title')[0].innerText =  'On & On Wellness Spa - ' + pageMeta[path].header;
}

ReactDOM.render(
  <Router onUpdate={() => window.scrollTo(0, 0)} history={browserHistory}>
		<Route path='/' component={App}>
			<IndexRoute component={Home} />

			<Route path='/services' component={Services}  onEnter={updateTitle} />
			<Route path='/appointments' component={Appointments} onEnter={updateTitle} />
			<Route path='/welcome' component={Signup1} onEnter={updateTitle} />
      <Route path='/welcome/2' component={Signup2} onEnter={updateTitle} />
      <Route path='/welcome/3' component={Signup3} onEnter={updateTitle} />
			<Route path='*' component={Page404} onEnter={updateTitle} />

		</Route>
	</Router>
  , document.getElementById('root'));
registerServiceWorker();