Fix - Duplicated meta tags on pages

layouts/default/index.js

@@ -11,7 +11,6 @@ class DefaultLayout extends React.Component {
   render() {
     return (
       <div>
-        <Helmet />
         { this.props.children }
       </div>
     );

pages/about.js

@@ -3,9 +3,11 @@ import PageFooter from 'components/page-footer/index';
 import SiteNav from 'components/site-nav';
 import DefaultLayout from 'layouts/default/index';
 import FaqList from 'components/faq-list/index';
+import Helmet from 'components/helmet';
 
 const About = () => (
   <DefaultLayout>
+    <Helmet />
     <SiteNav />
     <AboutHeader />
     <FaqList />

pages/guides/index.js

@@ -8,13 +8,16 @@ import PageFooter from 'components/page-footer';
 import SiteNav from 'components/site-nav';
 import { getAllGuides } from 'lib/guide';
 import siteConfig from 'storage/site';
+import Helmet from 'components/helmet';
+
+const PageTitle = "Programming Guides";
+const PageDescription = "Easy to follow guides on complex topics written and maintained by the community";
 
 const Roadmap = () => (
   <DefaultLayout>
+    <Helmet title={PageTitle} desciption={PageDescription} />
     <SiteNav />
-    <PageHeader
+    <PageHeader title={PageTitle} subtitle={PageDescription}>
-      title="Programming Guides"
-      subtitle="Easy to follow guides on complex topics written and maintained by the community">
       <BadgesList className="mt-4">
         <BadgeLink href={siteConfig.url.addGuide} target="_blank">
           <SecondaryBadge>

pages/index.js

@@ -2,10 +2,12 @@ import FeaturedContent from 'components/featured-content/index';
 import HeroSection from 'components/hero-section/index';
 import PageFooter from 'components/page-footer/index';
 import SiteNav from 'components/site-nav';
-import DefaultLayout from 'layouts/default/index';
+import Helmet from 'components/helmet';
+import DefaultLayout from 'layouts/default';
 
 const Home = (props) => (
   <DefaultLayout>
+    <Helmet />
     <SiteNav />
     <HeroSection />
     <FeaturedContent />

pages/privacy.js

@@ -2,9 +2,11 @@ import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer/index';
 import { TosPage } from 'components/tos-page/index';
 import DefaultLayout from 'layouts/default/index';
+import Helmet from 'components/helmet';
 
 const Privacy = () => (
   <DefaultLayout>
+    <Helmet />
     <TosPage>
       <SiteNav />
       <div className="bg-light border-top privacy-wrap">

pages/roadmaps.js

@@ -1,5 +1,6 @@
 import { faPlus } from '@fortawesome/free-solid-svg-icons';
-
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEnvelope, faCodeBranch } from '@fortawesome/free-solid-svg-icons';
 import DefaultLayout from 'layouts/default/index';
 import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
@@ -9,16 +10,19 @@ import RowBlock from 'components/row-block';
 import IconRowBlock from 'components/icon-row-block';
 import siteConfig from "storage/site";
 import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Helmet from 'components/helmet';
-import { faEnvelope, faCodeBranch } from '@fortawesome/free-solid-svg-icons';
+
+const PageTitle = "Developer Roadmaps";
+const PageDescription = "Step by step guides and paths to learn different tools or technologies";
 
 const RoadmapsList = () => (
   <DefaultLayout>
+    <Helmet title={PageTitle} desciption={PageDescription} />
     <SiteNav />
     <div className="container">
       <PageHeader
-        title="Developer Roadmaps"
+        title={PageTitle}
-        subtitle="Step by step guides and paths to learn different tools or technologies">
+        subtitle={PageDescription}>
         <BadgesList className="mt-4">
           <BadgeLink href={`${siteConfig.url.issue}?title=[RequestRoadmap] - Title Here`} target="_blank">
             <SecondaryBadge>

pages/signup.js

@@ -2,9 +2,11 @@ import DefaultLayout from 'layouts/default';
 import PageFooter from 'components/page-footer';
 import SiteNav from 'components/site-nav';
 import SignUpForm from 'components/signup-form';
+import Helmet from 'components/helmet';
 
 const SignUp = () => (
   <DefaultLayout>
+    <Helmet />
     <SiteNav />
     <SignUpForm />
     <PageFooter />

pages/terms.js

@@ -1,11 +1,13 @@
-import PageFooter from 'components/page-footer/index';
+import PageFooter from 'components/page-footer';
 import SiteNav from 'components/site-nav';
-import { TosPage } from 'components/tos-page/index';
+import { TosPage } from 'components/tos-page';
+import Helmet from 'components/helmet';
 import DefaultLayout from 'layouts/default/index';
 
 const Terms = () => (
   <DefaultLayout>
     <TosPage>
+      <Helmet />
       <SiteNav />
       <div className="bg-light border-top tos-wrap">
         <div className="container pt-5 pb-5">