text: import React, { useContext } from 'react'
  import { Context } from "../context/mainContext"
  import Background from '../components/Background/Background'
  import HomePopup from '../components/HomePopup'
  import HomepageLinks from '../components/HomepageLinks'
  import "../styles/pages/Home.css"
  import Footer from '../components/shared/Footer'
  import browserCheck from '../functions/browserCheck'
  
  export default function Home() {
    const { enter } = useContext(Context)
    const browser = browserCheck();
    return (
      <div>
        <Background animatedBackground={browser === "Apple Safari" ? false : true}/>
        <HomePopup browser={browser} />
        {enter ? 
          <div>
            <HomepageLinks />
            <Footer />
          </div>
        : 
          null}
      </div>
    )
  }
  