Create home layout with zeus background

5 files changed, 19 insertions, 1 deletions

diff --git a/frontend/src/layouts/HomeLayout.js b/frontend/src/layouts/HomeLayout.js
new file mode 100644
index 00000000..1d1d3bdd
--- /dev/null
+++ b/frontend/src/layouts/HomeLayout.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import {
+  Banner,
+  Container
+} from 'rebass'
+import logo from './logo-7-wonders.png'
+import background from './background-zeus-temple.jpg'
+
+export default (props) => (
+  <div>
+    <Banner align="center" backgroundImage={background}>
+      <img src={logo} alt="Seven Wonders"/>
+      {props.children}
+    </Banner>
+  </div>
+)
diff --git a/frontend/src/layouts/LobbyLayout.js b/frontend/src/layouts/LobbyLayout.js
index e6c747a7..83c210a1 100644
--- a/frontend/src/layouts/LobbyLayout.js
+++ b/frontend/src/layouts/LobbyLayout.js
@@ -2,6 +2,7 @@ import React from 'react'
 import {
   Banner,
 } from 'rebass'
+import logo from './logo-7-wonders.png'
 
 export default (props) => (
   <div>
@@ -10,7 +11,7 @@ export default (props) => (
       style={{minHeight: '30vh', marginBottom: 0}}
       backgroundImage="https://images.unsplash.com/photo-1431207446535-a9296cf995b1?dpr=1&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop="
     >
-      <img src="images/logo-7-wonders.png" alt="Seven Wonders Logo"/>
+      <img src={logo} alt="Seven Wonders Logo"/>
     </Banner>
     {props.children}
   </div>
diff --git a/frontend/src/layouts/background-zeus-temple.jpg b/frontend/src/layouts/background-zeus-temple.jpg
new file mode 100644
index 00000000..5a28e933
--- /dev/null
+++ b/frontend/src/layouts/background-zeus-temple.jpg
diff --git a/frontend/src/layouts/index.js b/frontend/src/layouts/index.js
index 7beb62b8..0413b647 100644
--- a/frontend/src/layouts/index.js
+++ b/frontend/src/layouts/index.js
@@ -1 +1,2 @@
+export { default as HomeLayout } from './HomeLayout'
 export { default as LobbyLayout } from './LobbyLayout'
diff --git a/frontend/src/layouts/logo-7-wonders.png b/frontend/src/layouts/logo-7-wonders.png
new file mode 100644
index 00000000..96974d3e
--- /dev/null
+++ b/frontend/src/layouts/logo-7-wonders.png