1 files changed, 19 insertions, 7 deletions
diff --git a/components/Layout.js b/components/Layout.js
index 7caa5a5..8c48dd5 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,4 +1,5 @@
 import styles from 'styles/Main.module.scss'
+import Head from 'next/head'
 import React from 'react'
 import { Header, Popup } from 'components'
 import useSettings from 'hooks/useSettings'
@@ -12,13 +13,24 @@ const Layout = ({
   if (!settings || !settings.theme || !settings.language) return null
 
   return (
-    <section className={styles.layout + ' ' + settings.theme}>
-      <main>
-        <div className='container'>{children}</div>
-      </main>
-      <Header />
-      <Popup />
-    </section>
+    <>
+      <Head>
+        <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' />
+        <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png' />
+        <link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png' />
+        <link rel='manifest' href='/site.webmanifest' />
+        <link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' />
+        <meta name='msapplication-TileColor' content='#da532c' />
+        <meta name='theme-color' content='#ffffff' />
+      </Head>
+      <section className={styles.layout + ' ' + settings.theme}>
+        <main>
+          <div className='container'>{children}</div>
+        </main>
+        <Header />
+        <Popup />
+      </section>
+    </>
   )
 }