latest changes

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>