what-is and tools sections

pages/[langcode]/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <main v-if="landingComponents" class="min-h-screen relative">
+  <main v-if="landingComponents" class="min-h-screen relative mx-8">
     <template v-for="(component, index) in landingComponents" :key="`component-${component.component}-${index}`">
       <component 
         :is="component.component" 
@@ -17,9 +17,13 @@
 <script>
 import { mapGetters, mapActions } from 'vuex';
 import HeroHome from '~/components/HeroHome.vue';
+import WhatIs from '../../components/WhatIs.vue';
+import SectionWithCards from '../../components/SectionWithCards.vue';
 export default {
   components: {
     HeroHome,
+    WhatIs,
+    SectionWithCards
   },
   data() {
     return {
@@ -46,13 +50,13 @@ export default {
       ];
     }
   },
-  methods: {
-    ...mapActions(['setLangcode']),
-    // changeLang() {
-    //   const newLang = this.langcode === 'es' ? 'cat' : 'es';
-    //   this.setLangcode(newLang);
-    //   this.$router.push({ path: `/${newLang}` });
-    // }
-  }
+  // methods: {
+  //   ...mapActions(['setLangcode']),
+  //   changeLang() {
+  //     const newLang = this.langcode === 'es' ? 'cat' : 'es';
+  //     this.setLangcode(newLang);
+  //     this.$router.push({ path: `/${newLang}` });
+  //   }
+  // }
 }
 </script>