Update index.js page adding Head component

TheeDouglasAM3 · Jan 26, 2021 · e2b0373 · e2b0373 · vercel · Jan 26, 2021
1 parent 59bf198
commit e2b0373
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -1,5 +1,6 @@
 import styled from 'styled-components'
 import db from '../db.json'
+import Head from '../src/components/Head'
 import Widget from '../src/components/Widget'
 import QuizLogo from '../src/components/QuizLogo'
 import QuizBackground from '../src/components/QuizBackground'
@@ -20,28 +21,31 @@ export const QuizContainer = styled.div`
 
 export default function Home() {
  return (
- <QuizBackground backgroundImage={db.bg}>
- <QuizContainer>
- <QuizLogo />
- <Widget>
- <Widget.Header>
- <h1>{db.title}</h1>
- </Widget.Header>
- <Widget.Content>
- <p>{db.description}</p>
- </Widget.Content>
- </Widget>
+ <>
+ <Head title={db.title} bg={db.bg} />
+ <QuizBackground backgroundImage={db.bg}>
+ <QuizContainer>
+ <QuizLogo />
+ <Widget>
+ <Widget.Header>
+ <h1>{db.title}</h1>
+ </Widget.Header>
+ <Widget.Content>
+ <p>{db.description}</p>
+ </Widget.Content>
+ </Widget>
 
- <Widget>
- <Widget.Content>
- <h1>Quizes da Galera</h1>
+  <Widget>
+  <Widget.Content>
+  <h1>Quizes da Galera</h1>
 
- <p>lorem ipsum dolor sit amet...</p>
- </Widget.Content>
- </Widget>
- <Footer />
- </QuizContainer>
- <GitHubCorner projectUrl="https://github.com/theedouglasam3" />
- </QuizBackground>
+ <p>lorem ipsum dolor sit amet...</p>
+ </Widget.Content>
+ </Widget>
+ <Footer />
+ </QuizContainer>
+ <GitHubCorner projectUrl="https://github.com/theedouglasam3" />
+ </QuizBackground>
+ </>
  )
 }