routes.jsx

export const renderRoutes = (
  <Route path="/" component={AppContainer}>
    <IndexRoute component={HomeContainer} />
    <Route path="work">
      <IndexRoute component={WorkContainer} />
      <Route path=":id" component={WorkDetailContainer} />
    </Route>
    <Route path="about" component={AboutContainer} />
    <Route path="blog">
      <IndexRoute component={BlogContainer} />
      <Route path="page/:page" component={BlogContainer} />
      <Route path=":slug" component={BlogDetailContainer} />
    </Route>
    <Route path="careers">
      <IndexRoute component={CareersContainer} />
      <Route path=":slug" component={CareersDetailContainer} />
    </Route>
    <Route path="contact">
      <IndexRoute component={ContactContainer} />
      <Route path="new-business" component={NewBusinessForm} />
    </Route>
    <Route path="legal">
      <Route path=":slug" component={GenericPage} />
    </Route>
    <Route path="loader" component={LoadingComponent} />
    <Route path="*" component={NotFoundRoute} />
  </Route>
)