Links and Arch Diagram

src/routes/Home/components/LandingPage/ArchDiagram/ArchDiagram.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Card, CardMedia } from 'material-ui/Card';
-import Diagram from '../assets/img/diagram.png';
+import Diagram from '../assets/img/Architecture_Diagram.png';
 import Graph from '../assets/img/graph.svg';
 import classes from './ArchDiagram.scss';
 

src/routes/Home/components/LandingPage/Footer/Footer.jsx

@@ -6,7 +6,9 @@ export const Footer = () => (
   <div className={classes.footer}>
     <div className={classes.gradient} />
     <h4>Learn more on the Logistics Wizard Wiki</h4>
-    <GhostButton label="Github Wiki" className={classes.button} />
+    <a href="https://github.com/IBM-Bluemix/logistics-wizard/wiki">
+      <GhostButton label="Github Wiki" className={classes.button} />
+    </a>
   </div>
 );
 

src/routes/Home/components/LandingPage/Header/Header.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Icon } from 'react-fa';
+import { Link } from 'react-router';
 
 // Material UI
 import IconButton from 'material-ui/IconButton';
@@ -21,16 +22,16 @@ const styles = {
 
 export const Header = () => (
   <div className={classes.header}>
-
-
     <div className={classes.background}>
       <img src={Background} role="presentation" className={classes.map} />
     </div>
 
     <Toolbar style={styles.toolbar}>
       <ToolbarTitle text="Logistics Wizard" style={styles.title} className={classes.title} />
       <div className={classes.topLink}>
-        <p className={classes.text}>Github Source Code</p>
+        <a href="https://github.com/IBM-Bluemix/logistics-wizard">
+          <p className={classes.text}>Github Source Code</p>
+        </a>
       </div>
     </Toolbar>