text: // import { useContext } from 'react'
  // import { ThemeContext } from './contexts/theme'
  // import Header from './components/Header/Header'
  import About from '../components/About/About'
  import Projects from '../components/Projects/Projects'
  import Skills from '../components/Skills/Skills'
  import ScrollToTop from '../components/ScrollToTop/ScrollToTop'
  import Contact from '../components/Contact/Contact'
  import Footer from '../components/Footer/Footer'
  
  const Home = () => {
  //   const [{ themeName }] = useContext(ThemeContext)
  
    return (
      // <div id='top' className={`${themeName} app`}>
  
        <main>
          <About />
          <Projects />
          {/* <Skills /> */}
          <Contact />
        </main>
  
      // </div>
    )
  }
  
  export default Home