From ebc75c4214e55ee0c369a2c7218e9ebd563b9849 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Wed, 6 Oct 2021 08:57:09 -0400
Subject: [PATCH] Add structure to App.vue.

---
 src/App.vue | 58 +++++++++++++++++++++++++++++++++++------------------
 1 file changed, 39 insertions(+), 19 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 62a5c5a05..a30f90bd8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,25 +1,45 @@
 <template>
-  <buttonPrimary/>
-  <buttonSecondary/>
-  <buttonFunnel/>
-  <textInput/>
-  <vehicleImage/>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col my-3 d-flex justify-content-center">
+        <vehicleImage/>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <p class="text-center text-secondary fs-5 mb-4">Select a year to get started</p>
+        <p class="text-center fs-6 fw-bold">What year is your vehichle?</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <buttonFunnel/>
+      </div>
+    </div>
+    <div class="row mt-5">
+      <div class="col">
+        <buttonPrimary/>
+        <buttonSecondary/>
+        <textInput/>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import buttonPrimary from './components/buttons/buttonPrimary';
-import buttonSecondary from './components/buttons/buttonSecondary';
-import buttonFunnel from './components/buttons/buttonFunnel';
-import textInput from './components/forms/textInput';
-import vehicleImage from './components/vehicleImage';
-export default {
-  name: 'App',
-  components: {
-    buttonPrimary,
-    buttonSecondary,
-    buttonFunnel,
-    textInput,
-    vehicleImage
+  import buttonPrimary from './components/buttons/buttonPrimary';
+  import buttonSecondary from './components/buttons/buttonSecondary';
+  import buttonFunnel from './components/buttons/buttonFunnel';
+  import textInput from './components/forms/textInput';
+  import vehicleImage from './components/vehicleImage';
+  export default {
+    name: 'App',
+    components: {
+      buttonPrimary,
+      buttonSecondary,
+      buttonFunnel,
+      textInput,
+      vehicleImage
+    }
   }
-}
 </script>