<NextHead>
    <meta charSet="UTF-8" />
    <meta name="robots" content="noindex, nofollow" />
    <meta httpEquiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="title | Mono CV - Portfolio and Resume Website Templates"  />
    <meta name="robots" content="noindex, nofollow" />
    <meta name="author" content="LettStartDesign" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>{title || 'Homepage'} | Mono CV - Portfolio and Resume Website Templates</title>
    <link rel="shortcut icon" type="image/png" sizes="32x32" href={imagePath + "favicon.ico"} />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />
  </NextHead>
  const Index: NextPage<any> = () => {
    React.useEffect(() => {
      document.body.setAttribute("layout-type", "vertical-layout");
      document.body.setAttribute("default-theme", "teal");
      return () => {
        document.body.removeAttribute("layout-type");
        document.body.removeAttribute("default-theme");
      }
    }, [])
    return (
      <div className="wrapper p-0">
        <Header navs={navs} />
        <div className="content">
          <Element name="home">
            <Home />
          </Element>
          <Element name="about">
            <AboutUs />
          </Element>
          <Element name="services">
            <Services className="bg-light" />
          </Element>
          <Element name="resume">
            <Resume />
          </Element>
          <Element name="testimonial">
            <Testimonials />
          </Element>
          <Element name="portfolio">
            <Works />
          </Element>
          <Element name="blog">
            <Blogs className='bg-light'/>
          </Element>
          <Element name="contact">
            <ContactUs />
          </Element>
        </div>
        <Footer />
      </div>
    )
  }
  export default Index