Add parallax tilt for landing gray div

package.json

@@ -20,6 +20,7 @@
     "react-chartjs-2": "^2.9.0",
     "react-dom": "^16.13.1",
     "react-map-gl": "^5.2.7",
+    "react-parallax-tilt": "^1.4.56",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^3.4.1",
     "react-spinners": "^0.9.0",

src/MainPage/Landing/index.tsx

@@ -1,5 +1,6 @@
 import * as React from "react";
 
+import Tilt from "react-parallax-tilt";
 import { Link } from "react-router-dom";
 
 import "./index.css";
@@ -9,7 +10,13 @@ const logo = require("../../images/bigweblogo.png");
 const Landing = (): JSX.Element => (
   <section className="hero">
     <div className="container">
-      <div className="event-container">
+      <Tilt
+        className="event-container"
+        trackOnWindow
+        gyroscope
+        tiltMaxAngleX={5}
+        tiltMaxAngleY={5}
+      >
         <img className="logo" src={String(logo)} alt="HackTJ" />
         <div className="event-date landing">November 21st-22nd, 2020</div>
         <div className="event-location landing">Online</div>
@@ -34,7 +41,7 @@ const Landing = (): JSX.Element => (
           </Link>
           {/* <a className="button register-button mentor" href="https://hacktj2019.devpost.com/">Devpost</a> */}
         </div>
-      </div>
+      </Tilt>
     </div>
   </section>
 );

src/MainPage/Sponsors/index.tsx

@@ -178,7 +178,7 @@ const Sponsors = (): JSX.Element => (
           in-person benefits) and our{" "}
           <a href="sponsorship7.5.pdf">7.5 sponsorship packet</a>. Please email
           us at <a href="mailto:sponsor@hacktj.org">sponsor@hacktj.org</a> if
-          you're interested or have any questions!
+          you&#39;re interested or have any questions!
         </p>
       </div>
     </section>

tsconfig.json

@@ -17,7 +17,8 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react",
-    "strict": true
+    "strict": true,
+    "noImplicitAny": true
   },
   "include": [
     "src"

yarn.lock

@@ -7282,6 +7282,7 @@ fsevents@^1.2.7:
     react-chartjs-2: ^2.9.0
     react-dom: ^16.13.1
     react-map-gl: ^5.2.7
+    react-parallax-tilt: ^1.4.56
     react-router-dom: ^5.2.0
     react-scripts: ^3.4.1
     react-spinners: ^0.9.0
@@ -12447,6 +12448,16 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"react-parallax-tilt@npm:^1.4.56":
+  version: 1.4.56
+  resolution: "react-parallax-tilt@npm:1.4.56"
+  peerDependencies:
+    react: ^15.0.0 || ^16.0.0
+    react-dom: ^15.0.0 || ^16.0.0
+  checksum: 3/aaa2620020d6abb359914b19a470aef511254e8ab7cc5a1d9d0573880d109b47b470498c0bbefd21a0f4c40e0e8e50d6bf52cfcb597538a3ca547c68286889e0
+  languageName: node
+  linkType: hard
+
 "react-popper@npm:^1.3.6":
   version: 1.3.7
   resolution: "react-popper@npm:1.3.7"