svgl/pages/_app.js

53 lines
1.5 KiB
JavaScript
Raw Normal View History

2022-01-16 22:27:55 +00:00
// 🖤 Next Head ->
import Head from "next/head";
// 🌿 Chakra UI ->
import { ChakraProvider, Container } from "@chakra-ui/react";
2022-01-16 22:27:55 +00:00
// 📦 Components ->
import Header from "components/header";
import Footer from "components/footer";
// 💙 Global CSS ->
import "styles/globals.css";
// 🎨 Theme ->
import theme from "styles/theme";
2022-01-16 14:40:15 +00:00
function MyApp({ Component, pageProps }) {
2022-01-16 22:27:55 +00:00
return (
<>
<Head>
<title>iconr - Beautiful SVG vector icons</title>
<meta name="description" content="SVGs for everyone, totally free" />
<meta property="og:type" content="website" />
<meta
property="og:title"
content="iconr - Beautiful SVG vector icons"
/>
<meta property="og:url" content="https://iconr.vercel.app/" />
<meta
property="og:description"
content="Beautiful SVG vector icons. Free and open source."
2022-01-16 22:27:55 +00:00
/>
2022-01-21 22:30:32 +00:00
<meta
property="og:image"
content="https://iconr.vercel.app/images/banner.png"
/>
2022-01-16 22:27:55 +00:00
<meta name="keywords" content="svg,vector,logo,logos,download" />
<meta content="#16161a" name="theme-color" />
2022-01-21 22:30:32 +00:00
<link rel="icon" href="/images/logo.png" />
2022-01-16 22:27:55 +00:00
</Head>
<ChakraProvider theme={theme}>
<Container maxW={{ base: "100%", md: "85%" }}>
<Header />
2022-01-21 22:30:32 +00:00
<Component {...pageProps} />
<Footer />
</Container>
2022-01-16 22:27:55 +00:00
</ChakraProvider>
</>
);
2022-01-16 14:40:15 +00:00
}
2022-01-16 22:27:55 +00:00
export default MyApp;