Add ContactView

4 files changed, 28 insertions, 5 deletions

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 63f8e9a..8288667 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="footer">
+  <div class="footer" :style="style">
     <div class="map">
       <div class="routes">
         <router-link v-for="route in routes" :key="route.name" :to="route.path">{{route.name}}</router-link>
@@ -31,14 +31,22 @@
 export default {
   props: {
     routes: Array,
-    specialRoutes: Array
+    specialRoutes: Array,
+    color: {
+      type: String,
+      default: "#507b34"
+    }
+  },
+  computed: {
+    style() {
+      return `background-color: ${this.color}`;
+    }
   }
 };
 </script>
 
 <style scoped>
 .footer {
-  background-color: #507b34;
   color: #ffffff;
   min-height: 175px;
   width: 100vw;
diff --git a/src/components/JoinUs.vue b/src/components/JoinUs.vue
index ab2d853..070e7f4 100644
--- a/src/components/JoinUs.vue
+++ b/src/components/JoinUs.vue
@@ -5,7 +5,7 @@
         <h1 class="text">Rozpocznij swoją harcerską przygodę!</h1>
       </div>
       <div class="button">
-        <router-link to="/join-us">Dołącz do nas!</router-link>
+        <router-link to="/kontakt">Dołącz do nas!</router-link>
       </div>
     </div>
   </section>
diff --git a/src/router/index.js b/src/router/index.js
index e70642d..336bd2e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,13 +2,15 @@ import VueRouter from 'vue-router';
 
 import HomeView from '../views/HomeView';
 import AboutView from '../views/AboutView';
+import ContactView from '../views/ContactView';
 import DownloadView from '../views/DownloadView';
 import PageNotFoundView from '../views/PageNotFoundView';
 
 export const routes = [
   { path: '/', name: 'Home', component: HomeView },
   { path: '/o-nas', name: 'O nas', component: AboutView },
-  { path: '/download', name: 'Do pobrania', component: DownloadView }
+  { path: '/download', name: 'Do pobrania', component: DownloadView },
+  { path: '/kontakt', name: 'Kontakt', component: ContactView }
 ];
 
 export const externalRoutes = [
diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue
new file mode 100644
index 0000000..cffe8be
--- /dev/null
+++ b/src/views/ContactView.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1>Kontakt z drużynowym</h1>
+    <p>
+      tel:
+      <a href="tel:+48695516492">+48695516492</a>
+    </p>
+    <p>
+      email:
+      <a href="mailto:patryk.niedzwiedzinski@zhr.pl">patryk.niedzwiedzinski@zhr.pl</a>
+    </p>
+  </div>
+</template>
\ No newline at end of file