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