text: import Head from 'next/head'
  
  const SEO = () => {
    return (
      <Head>
        <link rel="icon" href="https://miku-ui.netlify.app/favicon.ico" />
        <title>Miku UI - A Lightweight, Easy-to-use CSS Library</title>
        <meta name="title" content="Miku UI - A Lightweight, Easy-to-use CSS Library" />
        <meta name="description" content="Miku UI is a tiny (5.59 KB) CSS library that will give your development a jumpstart with ready-made components and styles." />
  
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://miku-ui.netlify.app/" />
        <meta property="og:title" content="Miku UI - A Lightweight, Easy-to-use CSS Library" />
        <meta property="og:description" content="Miku UI is a tiny (5.59 KB) CSS library that will give your development a jumpstart with ready-made components and styles." />
        <meta property="og:image" content="https://miku-ui.netlify.app/banner.png/" />
  
        <meta property="twitter:card" content="summary_large_image" />
        <meta property="twitter:url" content="https://miku-ui.netlify.app/" />
        <meta property="twitter:title" content="Miku UI - A Lightweight, Easy-to-use CSS Library" />
        <meta property="twitter:description" content="Miku UI is a tiny (5.59 KB) CSS library that will give your development a jumpstart with ready-made components and styles." />
        <meta property="twitter:image" content="https://miku-ui.netlify.app/banner.png/" />
      </Head>
    )
  }
  
  export default SEO