latest changes

src/views/about/About.vue

@@ -1,10 +1,12 @@
 <script setup>
-  import MenuVue from "../../components/Menu.vue";
+  import BigCarousel from '../../components/BigCarousel.vue';
   import Employee from "../../components/Employee.vue";
+
+  import { slides } from '../../data';
 </script>
 
 <template>
-  <MenuVue type="about" :title="$t('about.title')"></MenuVue>
+  <big-carousel :images="slides.about"></big-carousel>
   <section class="about-section content">
     <h2>{{ $t('about.subtitle1') }}</h2>
     <p>{{ $t('about.paragraph1') }}</p>

src/views/agb/Agb.vue

@@ -1,5 +1,4 @@
 <template>
-  <MenuVue type="contact" />
   <div class="contact-section">
     <div class="left">
       <h1>Allgemeine Geschäftsbedingungen (AGB)</h1>
@@ -57,10 +56,8 @@
 </template>
 
 <script>
-import MenuVue from "../../components/Menu.vue";
 
 export default {
-  components: { MenuVue },
 };
 </script>
 

src/views/contact/Contact.vue

@@ -1,6 +1,5 @@
 <template>
   
-  <MenuVue type="contact" />
   <div class="contact-section">
     <div class="left">
       <h1>{{ $t('contact.title') }}</h1>
@@ -20,10 +19,7 @@
 </template>
 
 <script>
-import MenuVue from '../../components/Menu.vue';
-
 export default {
-    components: { MenuVue }
 }
 </script>
 

src/views/home/Home.vue

@@ -1,47 +1,42 @@
 <script>
+import BigCarousel from '../../components/BigCarousel.vue';
+import Certifications from "../../components/Certifications.vue";
+import CoffeeFarmer from "../../components/CoffeeFarmer.vue";
+import Different from "../../components/Different.vue";
+import Menu from "../../components/Menu.vue";
+import ProductCarousel from "../../components/ProductCarousel.vue";
+import { products, slides } from "../../data.js";
 
-import Certifications from '../../components/Certifications.vue';
-import CoffeeFarmer from '../../components/CoffeeFarmer.vue';
-import Different from '../../components/Different.vue';
-import Menu from '../../components/Menu.vue';
-import ProductCarousel from '../../components/ProductCarousel.vue';
-import { products } from '../../data.js';
-
-  export default {
-    data() {
-      return {
-        products,
-      };
-    },
-    components: {
-      Certifications,
-      Menu,
-      ProductCarousel,
-      CoffeeFarmer,
-      Certifications,
-      Different
-},
-    computed: {
-      productsCarousel() {
-        return this.products.map(p => ({
-          image: p.image_product_single,
-          name:  p.name,
-          farm: p.farm,
-          strain: p.strain,
-        }));
-      }
-    },
-
-  }
+export default {
+  data() {
+    return {
+      slides: slides.home,
+      products,
+    };
+  },
+  components: {
+    Certifications,
+    Menu,
+    ProductCarousel,
+    CoffeeFarmer,
+    Certifications,
+    Different,
+    BigCarousel,
+  },
+};
 </script>
 
 <template>
-  <Menu type="home" />
-  <section class="home-section content">
-    <h2>{{ $t('origins.header') }}</h2>
-    <ProductCarousel :products="productsCarousel" />
-    <Different />
-    <CoffeeFarmer class="mt-5" />
-    <Certifications />
-  </section>
-</template> 
+    <big-carousel :images="slides"></big-carousel>
+    <section class="home-section content">
+      <h2>{{ $t("origins.header") }}</h2>
+      <ProductCarousel :products="products" />
+      <Different />
+      <CoffeeFarmer class="mt-5" />
+      <Certifications />
+    </section>
+    
+</template> 
+
+<style lang="scss" scoped>
+</style>

src/views/impressum/Impressum.vue

@@ -1,6 +1,5 @@
 <template>
   
-  <MenuVue type="contact" />
   <div class="contact-section">
     <div class="left">
       <h1>Impressum</h1>
@@ -19,10 +18,7 @@
 </template>
 
 <script>
-import MenuVue from '../../components/Menu.vue';
-
 export default {
-    components: { MenuVue }
 }
 </script>
 

src/views/products/Products.vue

@@ -1,31 +1,22 @@
 <script>
-  import MenuVue from "../../components/Menu.vue";
   import 'vue3-carousel/dist/carousel.css'
   import ProductFlipCard from "../../components/ProductFlipCard.vue";
   import Certifications from "../../components/Certifications.vue";
   import ProductCarouselVue from "../../components/ProductCarousel.vue";
-  import { products } from '../../data.js';
+  import BigCarousel from '../../components/BigCarousel.vue';
+  import { products, slides } from '../../data.js';
   export default {
     data() {
       return {
         products,
+        slides: slides.products
       };
     },
     components: {
-      MenuVue,
       ProductFlipCard,
       Certifications,
-      ProductCarouselVue
-    },
-    computed: {
-      productsCarousel() {
-        return this.products.map(p => ({
-          image: p.image_product_double,
-          name:  p.name,
-          farm: p.farm,
-          strain: p.strain,
-        }));
-      }
+      ProductCarouselVue,
+      BigCarousel
     },
     methods: {
       download() {
@@ -37,15 +28,12 @@
 </script>
 
 <template>
-  <MenuVue type="products"></MenuVue>
+  <big-carousel :images="slides"></big-carousel>
   <section class="product-section content">
     <h2>{{ $t('products_page.title') }}</h2>
     <p>{{ $t('products_page.subtitle1') }}</p>
     <p class="centered"><img src="@images/v-elemento.png" /></p>
-    <div class="cards">
-      <ProductFlipCard class="card" v-for="(product, index) in products" :key="index" :product="product"></ProductFlipCard>
-    </div>
-    <ProductCarouselVue :products="productsCarousel" />
+    <ProductCarouselVue :products="products" />
     <Certifications />
 
     <h6 class="text-centered">{{ $t('products_page.download')}}</h6>

src/views/social/Social.vue

@@ -1,5 +1,5 @@
 <template>
-  <MenuVue type="social" />
+  <big-carousel :images="slides.social"></big-carousel>
   <section class="social-section content">
     <h2>{{ $t('social.title') }}</h2>
     <p>{{ $t('social.paragraph1') }}</p>
@@ -11,23 +11,20 @@
       <p>{{ $t('social.paragraph4') }}</p>
     </div>
     <div class="right">
-      <img src="@images/kid-coffee.png">
+      <img src="@images/kid-coffee.jpg">
     </div>
   </section>
 </template>
 
-<script>
-import MenuVue from '../../components/Menu.vue';
-
-export default {
-    components: { MenuVue }
-}
+<script setup>
+import BigCarousel from '../../components/BigCarousel.vue';
+import { slides } from '../../data';
 </script>
 
 <style lang="scss" scoped>
   .social-bottom {
     padding: 40px 98px;
-    background-image: url('@images/bg_1.png');
+    background-image: url('@images/bg_1.jpg');
     background-position: top left;
     background-size: contain;
     height: 600px;

src/views/store/StoreView.vue

@@ -0,0 +1,16 @@
+<template>
+  <MenuVue type="contact" />
+  <div><iframe src="http://tayronafoods.myshopify.com"></iframe></div>
+
+</template>
+
+<script>
+import MenuVue from '../../components/Menu.vue';
+export default {
+    components: { MenuVue }
+}
+</script>
+
+<style lang="scss" scoped>
+ 
+</style>