add route description

src/components/templates/Route.module.scss

@@ -7,4 +7,9 @@
     h1 {
         margin: 0;
     }
+
+    p {
+        margin-top: $spacer / 2;
+        font-size: $font-size-large;
+    }
 }

src/components/templates/Route.tsx

@@ -6,11 +6,13 @@ import meta from '../../data/meta.json'
 
 const Route = ({
     title,
+    description,
     wide,
     children,
     className
 }: {
     title: string
+    description?: string
     children: any
     wide?: boolean
     className?: string
@@ -18,11 +20,13 @@ const Route = ({
     <div className={className}>
         <Helmet defaultTitle={meta.title} titleTemplate={`%s - ${meta.title}`}>
             <title>{title}</title>
+            {description && <meta name="description" content={description} />}
         </Helmet>
 
         <Content wide={wide}>
             <header className={styles.header}>
                 <h1>{title}</h1>
+                {description && <p>{description}</p>}
             </header>
 
             {children}

src/data/menu.json

@@ -1,8 +1,4 @@
 [
-  {
-    "title": "Home",
-    "link": "/"
-  },
   {
     "title": "Publish",
     "link": "/publish"

src/routes/Home.tsx

@@ -18,7 +18,11 @@ class Home extends Component<HomeProps, HomeState> {
 
     public render() {
         return (
-            <Route title="Home" className={styles.home}>
+            <Route
+                title="Commons"
+                description="A marketplace to find and publish open data sets."
+                className={styles.home}
+            >
                 <Form onSubmit={this.searchAssets}>
                     <Input
                         type="search"