Add widget to main page

1 files changed, 31 insertions, 0 deletions

diff --git a/components/KonkursKulinarny.vue b/components/KonkursKulinarny.vue
new file mode 100644
index 0000000..c376d82
--- /dev/null
+++ b/components/KonkursKulinarny.vue
@@ -0,0 +1,31 @@
+<template>
+  <section>
+    <img src="/assets/konkurs-kulinarny/chef_hat.svg" />
+    <h1>Konkurs Kulinarny</h1>
+    <plain-button @click="$router.push('/konkurs-kulinarny')" text="Przejdź" />
+  </section>
+</template>
+
+<script>
+import PlainButton from './Buttons/PlainButton'
+
+export default {
+  name: 'KonkursKulinarny',
+  components: {
+    PlainButton,
+  },
+}
+</script>
+
+<style scoped>
+h1 {
+  letter-spacing: 0.175em;
+  text-transform: uppercase;
+  margin: 1.5em 0;
+}
+
+section {
+  margin: 80px 0;
+  font-size: 1.5em;
+}
+</style>