From dc16c13ca849ed4be5b4d1a539c3ab95f2c6c3b1 Mon Sep 17 00:00:00 2001
From: Vinay Puppal <me@vinaypuppal.com>
Date: Mon, 6 Nov 2017 01:09:51 +0530
Subject: [PATCH 1/2] add proper metadata

---
 components/head.js    | 13 ++++++++-----
 components/header.js  | 14 ++++++++++----
 config/meta-info.json | 25 +++++++++++++++++++++++++
 3 files changed, 43 insertions(+), 9 deletions(-)
 create mode 100644 config/meta-info.json

diff --git a/components/head.js b/components/head.js
index b8d6d9505..c85ae2430 100644
--- a/components/head.js
+++ b/components/head.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import Head from 'next/head';
 
-export default ({ title }) => (
+export default ({ title, description, image }) => (
   <Head>
     <meta charSet="utf-8" />
     <meta
@@ -46,15 +46,18 @@ export default ({ title }) => (
       href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css"
     />
     <title>{title}</title>
-    <meta name="description" content="coderplex" />
+    <meta name="description" content={description} />
     <meta property="og:type" content="website" />
     <meta property="og:title" content={title} />
     <meta property="og:url" content="https://coderplex.org" />
     <meta
       property="og:image"
-      content="https://coderplex.org/static/favicons/android-chrome-512x512.png"
+      content={
+        image ||
+        'https://coderplex.org/static/favicons/android-chrome-512x512.png'
+      }
     />
-    <meta property="og:site_name" content="coderplex" />
-    <meta property="og:description" content="coderplex" />
+    <meta property="og:site_name" content="coderplex.org" />
+    <meta property="og:description" content={description} />
   </Head>
 );
diff --git a/components/header.js b/components/header.js
index af24d76c8..435715eae 100644
--- a/components/header.js
+++ b/components/header.js
@@ -9,6 +9,7 @@ import GoStar from 'react-icons/lib/md/library-books';
 import GoCalender from 'react-icons/lib/go/calendar';
 import GoOrg from 'react-icons/lib/go/organization';
 
+import MetaInfo from '../config/meta-info';
 import GlobalStyles from './global-styles';
 import Head from './head';
 
@@ -26,9 +27,10 @@ Router.onRouteChangeError = () => {
 
 export default props => {
   const title =
-    props.url.pathname === '/'
-      ? 'Home'
-      : props.url.pathname.split('/')[1].toUpperCase();
+    props.url.pathname === '/' ? 'home' : props.url.pathname.split('/')[1];
+  console.log(title);
+  const metaData = MetaInfo[title];
+  console.log(metaData);
   const navItems = [
     {
       title: 'Home',
@@ -64,7 +66,11 @@ export default props => {
   return (
     <Headroom>
       <header>
-        <Head title={`${title} | Coderplex`} />
+        <Head
+          title={metaData.title}
+          description={metaData.description}
+          image={metaData.image}
+        />
         <GlobalStyles />
         <div className="header__container">
           <nav>
diff --git a/config/meta-info.json b/config/meta-info.json
new file mode 100644
index 000000000..578de1dd0
--- /dev/null
+++ b/config/meta-info.json
@@ -0,0 +1,25 @@
+{
+  "home": {
+    "title": "Coderplex | Learn, Collaborate and Create with a Community",
+    "description":
+      "We're a non-profit startup on a mission to improve the state of tech across India",
+    "image": ""
+  },
+  "learn": {
+    "title": "Free and Open Source Learning Guides | Coderplex",
+    "description":
+      "Curated guides with crowd-sourced recommendations of the best free online resources to learn various modern technologies",
+    "image": ""
+  },
+  "space": {
+    "title": "Offline Co-learning Spaces | Coderplex",
+    "description":
+      "A network of off-learning spaces for autodidacts to come and engage in peer-learning and collaboration",
+    "image": ""
+  },
+  "events": {
+    "title": "Online and Offline Tech Events | Coderplex",
+    "description": "We host frequent online and offline events, from sessions to competitions",
+    "image": ""
+  }
+}

From f5c55c14df655bc787b18991d69b1f35e6ed276e Mon Sep 17 00:00:00 2001
From: Vinay Puppal <me@vinaypuppal.com>
Date: Mon, 6 Nov 2017 01:11:53 +0530
Subject: [PATCH 2/2] remove debug statements

---
 components/header.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/header.js b/components/header.js
index 435715eae..fd37ad251 100644
--- a/components/header.js
+++ b/components/header.js
@@ -28,9 +28,7 @@ Router.onRouteChangeError = () => {
 export default props => {
   const title =
     props.url.pathname === '/' ? 'home' : props.url.pathname.split('/')[1];
-  console.log(title);
   const metaData = MetaInfo[title];
-  console.log(metaData);
   const navItems = [
     {
       title: 'Home',
