Added a title and description for the index page

src/layouts/Layout/index.tsx

@@ -4,6 +4,7 @@ import React, { FC, Fragment, useEffect } from "react"
 import { Container } from "../../components/Container"
 import { HomeFooter } from "../../components/HomeFooter"
 import { HomeHeader } from "../../components/HomeHeader"
+import { SEO } from "../../components/SEO"
 import { WavesBottom } from "../../components/Waves"
 import { GlobalStyles } from "../../globalStyles"
 import useLocation from "../../hooks/useLocation"
@@ -25,9 +26,18 @@ export const Layout: FC<RouteComponentProps> = ({ children }) => {
     <ThemeProvider>
       <SC.LayoutWrapper>
         <GlobalStyles />
-        <HomeHeader isHome={isHome} />
+        {isHome && (
+          <Fragment>
+            <SEO
+              title="Home"
+              description="The Programmer's Hangout (TPH) is a discord community geared towards programming."
+            />
+            <HomeHeader isHome={isHome} />
+          </Fragment>
+        )}
         {!isHome && (
           <Fragment>
+            <HomeHeader isHome={isHome} />
             <SC.MainContent>
               <Container>{children}</Container>
             </SC.MainContent>