routes = [
    {
      path: '/',
      url: './index.html',
    },
    {
      path: '/boards/',
      url: './pages/boards.html',
    },
    {
      path: '/about/',
      url: './pages/about.html',
    },
    {
      path: '/snowboards/',
      componentUrl: './pages/snowboards.html',
    },
    {
      path: '/surfboards/',
      componentUrl: './pages/surfboards.html',
    },  
    {
      path: '/snowboard/:id/',
      componentUrl: './pages/snowboard.html',
    },
    {
      path: '/snowform/:id/',
      componentUrl: './pages/snowform.html',
    },
    {
      path: '/surfboard/:id/',
      componentUrl: './pages/surfboard.html',
    },
    {
      path: '/surfform/:id/',
      componentUrl: './pages/surfform.html',
    },
    {
      path: '/pictures/:id/',
      componentUrl: './pages/pictures.html',
    },
    // Default route (404 page). MUST BE THE LAST
    {
      path: '(.*)',
      url: './pages/404.html',
    },
  ];