fix(title): make consistent main title

client/src/pages/donate.js

@@ -56,7 +56,7 @@ class DonatePage extends Component {
   render() {
     return (
       <Fragment>
-        <Helmet title='Support the freeCodeCamp.org nonprofit' />
+        <Helmet title='Support our nonprofit | freeCodeCamp.org' />
         <Spacer />
         <Row>
           <Col sm={8} smOffset={2} xs={12}>

client/src/pages/learn.js

@@ -38,7 +38,7 @@ const IndexPage = ({
 }) => (
   <LearnLayout>
     <div className='learn-page-wrapper'>
-      <Helmet title='Welcome to learn.freeCodeCamp!' />
+      <Helmet title='Learn | freeCodeCamp.org' />
       <Spacer />
       <Spacer />
       <h2>Welcome to the freeCodeCamp curriculum</h2>

client/src/templates/Guide/components/ArticleLayout.js

@@ -29,7 +29,7 @@ const ArticleLayout = props => {
   return (
     <Fragment>
       <Helmet>
-        <title>{`${title} | freeCodeCamp Guide`}</title>
+        <title>{`${title} | freeCodeCamp.org`}</title>
         <link href={`https://www.freecodecamp.org${slug}`} rel='canonical' />
         <meta
           content={`https://www.freecodecamp.org${slug}`}

client/src/templates/Introduction/Intro.js

@@ -44,7 +44,7 @@ function IntroductionPage({ data: { markdownRemark, allChallengeNode } }) {
   return (
     <LearnLayout>
       <Helmet>
-        <title>{block} | freeCodeCamp</title>
+        <title>{block} | freeCodeCamp.org</title>
       </Helmet>
       <div className='intro-layout-container'>
         <FullWidthRow>

client/src/templates/Introduction/SuperBlockIntro.js

@@ -20,7 +20,7 @@ function SuperBlockIntroductionPage({ data: { markdownRemark } }) {
   return (
     <Fragment>
       <Helmet>
-        <title>{superBlock} | freeCodeCamp</title>
+        <title>{superBlock} | freeCodeCamp.org</title>
       </Helmet>
       <FullWidthRow>
         <div