Added overflow hidden to landing page

src/pages/index.js

@@ -478,6 +478,19 @@ const Index = ({ data: fallbackData, userAgent }) => {
   const showAchievements = showMockAchievements()
   const enableBackgroundImages = showBackgroundImages()
 
+  // No scolling on this home page.
+  useEffect(() => {
+    // Add the style when the component mounts
+    // eslint-disable-next-line no-undef
+    document.body.style.overflow = 'hidden'
+
+    // Revert back to the initial style when the component unmounts
+    return () => {
+      // eslint-disable-next-line no-undef
+      document.body.style.overflow = ''
+    }
+  }, [])
+
   // Determine which ad units we'll show only once, on mount,
   // because the ads have already been fetched and won't change.
   const [adUnits, setAdUnits] = useState([])