Add content sections to homepage

1 files changed, 31 insertions, 6 deletions

diff --git a/src/pages/Home.js b/src/pages/Home.js
index dd5fd492..c315b73e 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,11 +1,36 @@
 import React from 'react';
-import Navbar from "../components/navigation/Navbar";
+import ContactSection from "../components/home/ContactSection";
+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";
 
-const Home = () => (
-    <div className="body-wrapper">
-        <Navbar/>
-    </div>
-);
+class Home extends React.Component {
+    componentDidMount() {
+        jQuery("body-wrapper").scrollspy({target: "#navbar"});
+    }
+
+    render() {
+        return (
+            <div>
+                <HomeNavbar/>
+                <div className="body-wrapper page-container" data-spy="scroll" data-target="#navbar">
+                    <JumbotronHeader/>
+                    <StakeholderSection/>
+                    <ModelingSection/>
+                    <SimulationSection/>
+                    <TechnologiesSection/>
+                    <TeamSection/>
+                    <ContactSection/>
+                </div>
+            </div>
+        );
+    }
+}
 
 export default Home;