started to customize

src/App.vue

@@ -1,6 +1,12 @@
 <template>
-  <div class="container center-content">
-    <RouterView />
+  <div id="root">
+    <header role="banner">
+      <h1>Les Guides de Paris</h1>
+    </header>
+    <section class="container center-content">
+      <RouterView />
+    </section>
+    <footer role="search-bar" />
   </div>
 </template>
 

src/components/Home/PresentationMessage.vue

@@ -0,0 +1,5 @@
+<template>
+  <section>
+    <p>Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.</p>
+  </section>
+</template>

src/components/Home/WelcomeMessage.vue

@@ -1,16 +0,0 @@
-<template>
-  <div>
-    <h3>Hello {{ name }} from my Vue.js page, built with Webpack 4!</h3>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    name: {
-      type: String,
-      required: true
-    }
-  }
-}
-</script>

src/pages/Home.vue

@@ -1,16 +1,15 @@
 <template>
-  <div class="full-width center-content">
-    <img src="static/img/logo.png">
-    <WelcomeMessage name="GDP" />
+  <div class="full-width">
+    <PresentationMessage />
   </div>
 </template>
 
 <script>
-import WelcomeMessage from 'components/Home/WelcomeMessage'
+import PresentationMessage from 'components/Home/PresentationMessage'
 
 export default {
   components: {
-    WelcomeMessage
+    PresentationMessage
   }
 }
 </script>