diff --git a/src/components/Footer.js b/src/components/Footer.js
index 2b652b82e..25ccf1683 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -33,14 +33,4 @@ Footer.propTypes = {
   pages: PropTypes.arrayOf(link),
 };
 
-Footer.defaultProps = {
-  pages: [
-    { displayName: 'Collect Data', url: '' },
-    { displayName: 'Explore Data', url: 'explore-data' },
-    { displayName: 'Build Apps', url: '' },
-    { displayName: 'Automate Workflows', url: '' },
-    { displayName: 'Developer Docs', url: '' },
-  ],
-};
-
 export default Footer;
diff --git a/src/components/Header.js b/src/components/Header.js
index b8b175582..164881463 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -85,14 +85,4 @@ Header.propTypes = {
   pages: PropTypes.arrayOf(link),
 };
 
-Header.defaultProps = {
-  pages: [
-    { displayName: 'Collect Data', url: '' },
-    { displayName: 'Explore Data', url: 'explore-data' },
-    { displayName: 'Build Apps', url: '' },
-    { displayName: 'Automate Workflow', url: '' },
-    { displayName: 'Developer Docs', url: '' },
-  ],
-};
-
 export default Header;
diff --git a/src/components/Layout.js b/src/components/Layout.js
index b37ca9fc9..6f6f3b83b 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -5,11 +5,19 @@ import Footer from './Footer';
 import Header from './Header';
 import './styles.scss';
 
+const pages = [
+  { displayName: 'Collect Data', url: 'collect-data' },
+  { displayName: 'Explore Data', url: 'explore-data' },
+  { displayName: 'Build Apps', url: 'build-apps' },
+  { displayName: 'Automate Workflows', url: 'automate-workflows' },
+  { displayName: 'Developer Docs', url: 'docs' },
+];
+
 const Layout = ({ children }) => (
   <div className="Layout">
-    <Header />
+    <Header pages={pages} />
     <main>{children}</main>
-    <Footer />
+    <Footer pages={pages} />
   </div>
 );