diff --git a/src/components/header.js b/src/components/header.js
index ea20d9a..720c1f8 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -1,7 +1,6 @@
 import PropTypes from "prop-types"
 import React from "react"
-import { Container, Navbar, Nav } from "react-bootstrap"
-import solaceDevLogo from "../images/solace-developers-logo-white.svg"
+import NavBar from "./nav-main"
 // import EDABanner from "./header/eda-banner"
 // import LightningBanner from "./header/lightning-banner"
 
@@ -9,75 +8,7 @@ const Header = ({ siteTitle }) => (
   <>
     {/* <EDABanner /> */}
     {/* <LightningBanner /> */}
-    <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
-      <Container>
-        <Navbar.Brand
-          href="https://solace.dev/"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <img
-            src={solaceDevLogo}
-            alt="Solace Developers Logo"
-            width="250px"
-          />
-        </Navbar.Brand>
-        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
-        <Navbar.Collapse
-          id="responsive-navbar-nav"
-          className="justify-content-end"
-        >
-          <Nav className="mr-auto">
-            <Nav.Link
-              href="https://solace.com/try-it-now/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Getting Started
-            </Nav.Link>
-            <Nav.Link href="/" className="active">
-              Tutorials
-            </Nav.Link>
-            <Nav.Link
-              href="https://community.solace.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Community
-            </Nav.Link>
-            <Nav.Link
-              href="https://docs.solace.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Docs
-            </Nav.Link>
-            <Nav.Link
-              href="https://solace.com/downloads/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Downloads
-            </Nav.Link>
-            <Nav.Link
-              href="https://solace.com/learn/"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Learn
-            </Nav.Link>
-          </Nav>
-          <a
-            href="https://console.solace.cloud/login"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="btnSmall"
-          >
-            Log In
-          </a>
-        </Navbar.Collapse>
-      </Container>
-    </Navbar>
+    <NavBar />
   </>
 )
 
diff --git a/src/components/nav-main.js b/src/components/nav-main.js
new file mode 100644
index 0000000..27b615d
--- /dev/null
+++ b/src/components/nav-main.js
@@ -0,0 +1,18 @@
+import React, { useEffect } from "react"
+
+const NavBar = () => {
+    useEffect(() => {
+        if (document.getElementById("solace-header-script")) return
+        
+        const script = document.createElement("script")
+        script.id = "solace-header-script"
+        script.src = "https://devrelassets.z9.web.core.windows.net/header.js"
+        script.async = true
+
+        document.body.appendChild(script)
+    }, [])
+
+    return null
+}
+
+export default NavBar
\ No newline at end of file