SEO optimization through titles/descriptions

components/about-header/index.js

@@ -7,7 +7,7 @@ const AboutHeader = () => (
       <div className="author-info">
         <img className='author-img d-none d-sm-none d-md-block d-lg-block d-xl-block' src="/kamran.jpeg" />
         <div className="author-msg">
-          <h2>Hello, I'm Kamran Ahmed.</h2>
+          <h1>Hello, I'm Kamran Ahmed.</h1>
           <p>I created <span className='flow-black'>roadmap.sh</span> to help developers find their path if they are confused and help them grow in their career.</p>
           <div className="author-links">
             <a href={`https://twitter.com/${siteConfig.twitter}`} target="_blank">@kamranahmedse</a>

components/about-header/style.js

@@ -11,7 +11,7 @@ export const AboutHeaderWrap = styled.div`
     flex-direction: row;
   }
   
-  h2 {
+  h1 {
     font-weight: 700;
   }
   

components/helmet/index.js

@@ -2,8 +2,7 @@ import NextHead from 'next/head';
 import siteConfig from 'content/site';
 
 const prepareTitle = (givenTitle) => {
-  givenTitle = givenTitle || siteConfig.title;
-  return `${givenTitle} - ${siteConfig.name}`;
+  return givenTitle || siteConfig.title;
 };
 
 const prepareDescription = (givenDescription) => {