meta tags and readme update

Author: fm4teus

README.md

@@ -5,9 +5,15 @@
 [![licence mit](https://img.shields.io/badge/licence-MIT-blue.svg)](https://github.com/fm4teus/whoquiz/blob/main/LICENSE)
 
 
+<img src="./screenshots/home.jpg" width="37%" />
+<img style="margin-left:0.5%;" src="./screenshots/home-mobile.jpg" width="10%" />
+<img style="margin-left:0.5%;" src="./screenshots/question-mobile.jpg" width="10%" />
+<img style="margin-left:0.5%;" src="./screenshots/question.jpg" width="37%" />
+
+
 ## 📑 About
 
-Developed during the 2nd edition of [Alura](https://alura.com.br)'s Imersão React and deployed with [Vercel](https://vercel.com/), this quiz tests your knowledge about Doctor Who and it is available at [WhoQUIZ](https://whoquiz.vercel.app/).
+Developed during the 2nd edition of [Alura](https://alura.com.br)'s Imersão React and deployed with [Vercel](https://vercel.com/). This quiz tests your knowledge about Doctor Who and it is available at [WhoQUIZ](https://whoquiz.vercel.app/).
 
 
 ## 📚 Functionality

pages/_app.js

@@ -36,6 +36,26 @@ export default function App({ Component, pageProps }) {
         <title>WhoQuiz</title>
         <link rel="preconnect" href="https://fonts.gstatic.com"/>
         <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"/>
+
+        
+        <title>WHOquiz - Um quiz sobre Doctor Who</title>
+        <meta name="title" content="WHOquiz - Um quiz sobre Doctor Who"/>
+        <meta name="description" content="Teste seus conhecimentos sobre o viajante do tempo mais excêntrico que você já viu "/>
+
+        
+        <meta property="og:type" content="website"/>
+        <meta property="og:url" content="https://metatags.io/"/>
+        <meta property="og:title" content="WHOquiz - Um quiz sobre Doctor Who"/>
+        <meta property="og:description" content="Teste seus conhecimentos sobre o viajante do tempo mais excêntrico que você já viu "/>
+        <meta property="og:image" content="https://images.pexels.com/photos/3573555/pexels-photo-3573555.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"/>
+
+        
+        <meta property="twitter:card" content="summary_large_image"/>
+        <meta property="twitter:url" content="https://metatags.io/"/>
+        <meta property="twitter:title" content="WHOquiz - Um quiz sobre Doctor Who"/>
+        <meta property="twitter:description" content="Teste seus conhecimentos sobre o viajante do tempo mais excêntrico que você já viu "/>
+        <meta property="twitter:image" content="https://images.pexels.com/photos/3573555/pexels-photo-3573555.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"></meta>
+
       </Head>
       <ThemeProvider theme={theme}>
         <GlobalStyle />