diff --git a/docker-compose.yaml b/docker-compose.yaml
index ca2197a8..fb953bb9 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -25,7 +25,7 @@ services:
     volumes:
       - ./front:/usr/src/app
     labels:
-      - "traefik.http.routers.front.rule=Host(`workadventure.localhost`)"
+      - "traefik.http.routers.front.rule=Host(`play.workadventure.localhost`)"
       - "traefik.http.services.front.loadbalancer.server.port=8080"
 
   back:
@@ -39,3 +39,15 @@ services:
     labels:
       - "traefik.http.routers.back.rule=Host(`api.workadventure.localhost`)"
       - "traefik.http.services.back.loadbalancer.server.port=8080"
+
+  website:
+    image: thecodingmachine/nodejs:12-apache
+    environment:
+      STARTUP_COMMAND_1: npm install
+      STARTUP_COMMAND_2: npm run watch &
+      APACHE_DOCUMENT_ROOT: dist/
+    volumes:
+      - ./landing_page:/var/www/html
+    labels:
+      - "traefik.http.routers.website.rule=Host(`workadventure.localhost`)"
+      - "traefik.http.services.website.loadbalancer.server.port=80"
diff --git a/landing_page/.gitignore b/landing_page/.gitignore
index c85804c9..cfc08c0e 100644
--- a/landing_page/.gitignore
+++ b/landing_page/.gitignore
@@ -1,2 +1,5 @@
 /node_modules/
-/dist/
\ No newline at end of file
+/dist/bundle.js
+/dist/main.css
+/dist/fonts
+/dist/images
diff --git a/landing_page/index.html b/landing_page/dist/index.html
similarity index 86%
rename from landing_page/index.html
rename to landing_page/dist/index.html
index 4e9cad93..3e361bee 100644
--- a/landing_page/index.html
+++ b/landing_page/dist/index.html
@@ -4,9 +4,9 @@
 <head>
     <meta charset="utf-8">
     <title>WorkAdventu.re</title>
-    
-    <link rel="stylesheet" href="dist/main.css">
-    <script src="dist/bundle.js"></script>
+
+    <link rel="stylesheet" href="main.css">
+    <script src="bundle.js"></script>
 </head>
 
 <body>
@@ -14,7 +14,7 @@
         <div class="container-lg section">
             <div class="over-image">
                 <div class="logo">
-                    <img src="src/images/logo.png">
+                    <img src="static/images/logo.png">
                 </div>
                 <div class="title text-center">
                     <h1>Discover a pixelated new world !</h1>
@@ -31,19 +31,19 @@
         <div class="row justify-content-md-center">
             <div class="col-12 col-md-3 text-center my-3 my-md-0">
                 <div class="image-item">
-                    <img src="src/images/bitmap.png">
+                    <img src="static/images/bitmap.png">
                     <h2>Choose your map</h2>
                 </div>
             </div>
             <div class="col-12 col-md-3 text-center my-3 my-md-0">
                 <div class="image-item">
-                    <img src="src/images/bitmap.png">
+                    <img src="static/images/bitmap.png">
                     <h2>Select your character</h2>
                 </div>
             </div>
             <div class="col-12 col-md-3 text-center my-3 my-md-0">
                 <div class="image-item">
-                    <img src="src/images/bitmap.png">
+                    <img src="static/images/bitmap.png">
                     <h2>Let's go explore and talk&nbsp;!</h2>
                 </div>
             </div>
@@ -64,16 +64,16 @@
         <h2 class="text-center pb-4">Used by millions of people worldwilde and companies such as :</h2>
         <div class="row justify-content-md-center align-items-center">
             <div class="col col-md-auto">
-                <img src="src/images/atari.png">
+                <img src="static/images/atari.png">
             </div>
             <div class="col col-md-auto">
-                <img src="src/images/super-nintendo.png">
+                <img src="static/images/super-nintendo.png">
             </div>
             <div class="col col-md-auto">
-                <img src="src/images/amstrad.png">
+                <img src="static/images/amstrad.png">
             </div>
             <div class="col col-md-auto">
-                <img src="src/images/sinclair-2.png">
+                <img src="static/images/sinclair-2.png">
             </div>
         </div>
     </div>
@@ -101,4 +101,4 @@
     </div>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/landing_page/src/images/amstrad.png b/landing_page/dist/static/images/amstrad.png
similarity index 100%
rename from landing_page/src/images/amstrad.png
rename to landing_page/dist/static/images/amstrad.png
diff --git a/landing_page/src/images/atari.png b/landing_page/dist/static/images/atari.png
similarity index 100%
rename from landing_page/src/images/atari.png
rename to landing_page/dist/static/images/atari.png
diff --git a/landing_page/src/images/bitmap.png b/landing_page/dist/static/images/bitmap.png
similarity index 100%
rename from landing_page/src/images/bitmap.png
rename to landing_page/dist/static/images/bitmap.png
diff --git a/landing_page/src/images/logo.png b/landing_page/dist/static/images/logo.png
similarity index 100%
rename from landing_page/src/images/logo.png
rename to landing_page/dist/static/images/logo.png
diff --git a/landing_page/src/images/sinclair-2.png b/landing_page/dist/static/images/sinclair-2.png
similarity index 100%
rename from landing_page/src/images/sinclair-2.png
rename to landing_page/dist/static/images/sinclair-2.png
diff --git a/landing_page/src/images/super-nintendo.png b/landing_page/dist/static/images/super-nintendo.png
similarity index 100%
rename from landing_page/src/images/super-nintendo.png
rename to landing_page/dist/static/images/super-nintendo.png
