sfusurge · gracelu0 · Oct 27, 2021 · Nov 16, 2021 · Nov 21, 2021 · Nov 23, 2021
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,5 +44,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@types/webpack-env": "^1.16.3"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
@@ -3,11 +3,15 @@
 
 <head>
   <meta charset="utf-8" />
-  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Web site created using create-react-app" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <meta name="description" content="StormHacks is a 24-hour virtual hackathon accredited by Major League Hacking (MLH), a global league for student hackathons." />
+  <meta name="keywords" content="stromhacks,stormhacks 2022,sfu surge,surge,hackathon,sfu," />
+  <meta name="og:site_name" content="stormhacks" />
+  <meta name="og:url" content="https://www.stormhacks.com/"/>
+  <meta name="og:image" content="%PUBLIC_URL%/logo.png" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.png" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -25,7 +29,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-  <title>React App</title>
+  <title>StormHacks</title>
 </head>
 
 <body>

diff --git a/public/logo.png b/public/logo.png
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/src/App.module.scss b/src/App.module.scss
@@ -1,3 +1,4 @@
 .App {
   text-align: center;
+  position: relative;
 }
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,20 +3,42 @@ import styles from './App.module.scss'
 
 import ThemeProvider from './context/Theme'
 
-import Home from './pages/Home'
+import Nav from './components/Nav'
+import Footer from './components/Footer'
+import Schedule from './pages/Schedule'
+import About from './pages/About'
+import FAQ from './pages/Faq'
+import Sponsors from './pages/Sponsors'
+import ScrollProvider from './context/Scroll'
+import ScrollContainer from './components/ScrollContainer'
 
 function App() {
   return (
     <ThemeProvider>
-      <div className={styles.App}>
-        <Router>
-          <Switch>
-            <Route path="/" exact>
-              <Home />
-            </Route>
-          </Switch>
-        </Router>
-      </div>
+      <ScrollProvider>
+        <ScrollContainer>
+          <div className={styles.App}>
+            <Router>
+              <Nav />
+              <Switch>
+                <Route path="/" exact>
+                  <About />
+                </Route>
+                <Route path="/faq">
+                  <FAQ />
+                </Route>
+                <Route path="/schedule">
+                  <Schedule />
+                </Route>
+                <Route path="/sponsors">
+                  <Sponsors />
+                </Route>
+              </Switch>
+              <Footer />
+            </Router>
+          </div>
+        </ScrollContainer>
+      </ScrollProvider>
     </ThemeProvider>
   )
 }

diff --git a/src/assets/backgrounds/blushPinkBackground.svg b/src/assets/backgrounds/blushPinkBackground.svg
diff --git a/src/assets/backgrounds/footer-mobile.svg b/src/assets/backgrounds/footer-mobile.svg
diff --git a/src/assets/backgrounds/footer.svg b/src/assets/backgrounds/footer.svg
diff --git a/src/assets/backgrounds/hotPinkBackground.png b/src/assets/backgrounds/hotPinkBackground.png