1 files changed, 62 insertions, 0 deletions
diff --git a/frontend/src/pages/Home.js b/frontend/src/pages/Home.js
new file mode 100644
index 00000000..f6479722
--- /dev/null
+++ b/frontend/src/pages/Home.js
@@ -0,0 +1,62 @@
+import React from "react";
+import DocumentTitle from "react-document-title";
+import ContactSection from "../components/home/ContactSection";
+import IntroSection from "../components/home/IntroSection";
+import JumbotronHeader from "../components/home/JumbotronHeader";
+import ModelingSection from "../components/home/ModelingSection";
+import SimulationSection from "../components/home/SimulationSection";
+import StakeholderSection from "../components/home/StakeholderSection";
+import TeamSection from "../components/home/TeamSection";
+import TechnologiesSection from "../components/home/TechnologiesSection";
+import HomeNavbar from "../components/navigation/HomeNavbar";
+import jQuery from "../util/jquery";
+import "./Home.css";
+
+class Home extends React.Component {
+  state = {
+    scrollSpySetup: false
+  };
+
+  componentDidMount() {
+    const scrollOffset = 60;
+    jQuery("#navbar")
+      .find("li a")
+      .click(function(e) {
+        if (jQuery(e.target).parents(".auth-links").length > 0) {
+          return;
+        }
+        e.preventDefault();
+        jQuery(jQuery(this).attr("href"))[0].scrollIntoView();
+        window.scrollBy(0, -scrollOffset);
+      });
+
+    if (!this.state.scrollSpySetup) {
+      jQuery("body").scrollspy({
+        target: "#navbar",
+        offset: scrollOffset
+      });
+      this.setState({ scrollSpySetup: true });
+    }
+  }
+
+  render() {
+    return (
+      <div>
+        <HomeNavbar />
+        <div className="body-wrapper page-container">
+          <JumbotronHeader />
+          <IntroSection />
+          <StakeholderSection />
+          <ModelingSection />
+          <SimulationSection />
+          <TechnologiesSection />
+          <TeamSection />
+          <ContactSection />
+          <DocumentTitle title="OpenDC" />
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Home;