diff --git a/src/components/Integrations/Integrations.js b/src/components/Integrations/Integrations.js
new file mode 100644
index 0000000..d170a95
--- /dev/null
+++ b/src/components/Integrations/Integrations.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import { Container } from 'react-bootstrap';
+
+const Integrations = () => (
+	<Container>
+		<div className="how-it-works-wrapper">
+			<h4>Slack</h4>
+			<p className="section-indent-twenty">
+				<a href="https://slack.com/oauth/v2/authorize?scope=incoming-webhook,commands,chat:write&client_id=20294060338.1195848918178">
+					<img
+					  alt="Add to Slack"
+					  height={40}
+					  width={139}
+					  src="https://platform.slack-edge.com/img/add_to_slack.png"
+					  srcSet="https://platform.slack-edge.com/img/add_to_slack.png 1x, https://platform.slack-edge.com/img/add_to_slack@2x.png 2x"
+					/>
+				</a>
+			</p>
+			<hr />
+			<p>To suggest or contribute other integrations please open an {" "}
+				<a href="https://github.com/cipherbin/cipher-bin-client/issues">
+				   issue on cipherbin
+			    </a> github.
+			</p>
+		</div>
+	</Container>
+);
+
+export default Integrations;
diff --git a/src/components/NavigationBar/NavigationBar.js b/src/components/NavigationBar/NavigationBar.js
index 88bbbd0..211de0d 100644
--- a/src/components/NavigationBar/NavigationBar.js
+++ b/src/components/NavigationBar/NavigationBar.js
@@ -73,6 +73,15 @@ class NavigationBar extends Component {
               >
                 How it Works
               </div>
+	          <div
+		          tabIndex="-1"
+		          onClick={() => this.handleClick('/integrations')}
+		          onKeyPress={() => this.handleClick('/integrations')}
+		          role="button"
+		          className="links"
+	          >
+		        Integrations
+	          </div>
               <div
                 tabIndex="-1"
                 onClick={() => this.handleClick('/faqs')}
@@ -129,6 +138,15 @@ class NavigationBar extends Component {
                 >
                   How it works
                 </div>
+                <div
+	                tabIndex="-1"
+	                onClick={() => this.handleClick('/integrations')}
+	                onKeyPress={() => this.handleClick('/integrations')}
+	                role="button"
+	                className="hamburger-links"
+                >
+	              Integrations
+                </div>
                 <div
                   tabIndex="-1"
                   onClick={() => this.handleClick('/faqs')}
diff --git a/src/index.js b/src/index.js
index 1681edb..ded6888 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,6 +7,7 @@ import NavigationBar from './components/NavigationBar/NavigationBar';
 import CipherBinRead from './components/CipherBinRead/CipherBinRead';
 import Cli from './components/Cli/Cli';
 import FourOhFour from './components/FourOhFour/FourOhFour';
+import Integrations from './components/Integrations/Integrations';
 import HowItWorks from './components/HowItWorks/HowItWorks';
 import Footer from './components/Footer/Footer';
 import FAQs from './components/FAQs/FAQs';
@@ -25,6 +26,7 @@ ReactDOM.render(
         <Route path="/msg" component={CipherBinRead} exact />
         <Route path="/cli" component={Cli} exact />
         <Route path="/how-it-works" component={HowItWorks} exact />
+        <Route path="/integrations" component={Integrations} exact />
         <Route path="/faqs" component={FAQs} exact />
         <Route component={FourOhFour} />
       </Switch>