diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 19c060e8..c7a35286 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -5,6 +5,4 @@ html {
   height: 100%;
   margin: 0;
   padding: 0;
-  // color: $white;
-  // background-color: $black;
 }
diff --git a/assets/styles/tailwind.css b/assets/styles/tailwind.css
index ec85cac7..64163bdb 100644
--- a/assets/styles/tailwind.css
+++ b/assets/styles/tailwind.css
@@ -7,16 +7,12 @@
   .title-h1 {
     @apply font-title text-9xl;
     font-weight: 600;
-    /* line-height: 1; */
     line-height: 0.9;
     color: #232323;
 
   }
   .title-h2 {
-    /* @apply font-title text-8xl; */
-    /* @apply text-7xl; */
     @apply text-5xl sm:text-6xl lg:text-7xl;
-    /* @apply lg:text-7xl; */
 
     font-weight: 600;
     line-height: 1.1;
diff --git a/assets/svg/file:/home/tommy/Downloads/Group(12).svg b/assets/svg/file:/home/tommy/Downloads/Group(12).svg
deleted file mode 100644
index e69de29b..00000000
diff --git a/components/ArrowButton.vue b/components/ArrowButton.vue
index 39519640..8b5f81d9 100644
--- a/components/ArrowButton.vue
+++ b/components/ArrowButton.vue
@@ -1,10 +1,10 @@
 <template>
-    <CustomButton :type="ButtonType.terciary">
-      <span class="flex items-center">
-        <slot></slot>
-        <ArrowRightIcon class="arrow ml-md"></ArrowRightIcon>
-      </span>
-    </CustomButton>
+  <CustomButton :type="ButtonType.terciary">
+    <span class="flex items-center">
+      <slot></slot>
+      <ArrowRightIcon class="arrow ml-md"></ArrowRightIcon>
+    </span>
+  </CustomButton>
 </template>
 
 <script setup>
@@ -30,4 +30,4 @@ defineProps({
 .arrow {
   height: 14px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/Banner.vue b/components/Banner.vue
index a9eb50fe..7718f694 100644
--- a/components/Banner.vue
+++ b/components/Banner.vue
@@ -1,9 +1,8 @@
 <template>
-    <div class="w-full bg-dotted h-xl" :class="[`bg-dotted-${color}`]" />
+  <div class="w-full bg-dotted h-xl" :class="[`bg-dotted-${color}`]" />
 </template>
 
 <script setup lang="ts">
-
 enum BannerColor {
   blue = 'blue',
   black = 'black',
@@ -26,14 +25,12 @@ defineProps({
 }
 
 .bg-dotted-blue {
-    background-image: url('/assets/svg/dots.svg');
-    background-size: contain;
+  background-image: url('/assets/svg/dots.svg');
+  background-size: contain;
 }
 
 .bg-dotted-black {
-    background-image: url('/assets/svg/dots-black.svg');
-    background-size: contain;
+  background-image: url('/assets/svg/dots-black.svg');
+  background-size: contain;
 }
-
-
-</style>
\ No newline at end of file
+</style>
diff --git a/components/FooterSection.vue b/components/FooterSection.vue
index 053ce473..a991fab4 100644
--- a/components/FooterSection.vue
+++ b/components/FooterSection.vue
@@ -98,7 +98,7 @@ const footerSections = {
 }
 
 import snakeCase from 'lodash.snakecase'
-import  { URLS } from "../constants"
+import { URLS } from '../constants'
 
 function getFooterLinks(sections) {
   return Object.entries(sections).map(([sectionName, sectionItems]) => ({
@@ -116,24 +116,3 @@ function getI18nStringFromSectionItem(sectionName, sectionItem) {
 
 const footerLinks = getFooterLinks(footerSections)
 </script>
-
-<style scoped lang="scss">
-// .bottom {
-//   grid-template-columns: max-content 1fr;
-//   grid-template-rows: max-content;
-//   .copyright {
-//     grid-row: 2;
-//     grid-column: 2;
-//   }
-//   .logo {
-//     grid-row: 2;
-//     grid-column: 1;
-//   }
-// }
-
-// @media (min-width: 600px) {
-//   .bottom {
-//     grid-template-columns: max-content 1fr max-content;
-//   }
-// }
-</style>
diff --git a/components/IconWithText.vue b/components/IconWithText.vue
index 5dcb52eb..6d3d5f3c 100644
--- a/components/IconWithText.vue
+++ b/components/IconWithText.vue
@@ -1,12 +1,11 @@
 <template>
   <a :href="link">
-  <div class="flex items-center">
-    <RoundedIcon class="mr-md">
-      <slot></slot>
-      <!-- <GateIcon /> -->
-    </RoundedIcon>
-    <p class="text-lg">{{ text }}</p>
-  </div>
+    <div class="flex items-center">
+      <RoundedIcon class="mr-md">
+        <slot></slot>
+      </RoundedIcon>
+      <p class="text-lg">{{ text }}</p>
+    </div>
   </a>
 </template>
 
@@ -18,12 +17,11 @@ defineProps({
   },
   link: {
     type: String,
-    required: true
-  }
+    required: true,
+  },
 })
 </script>
 
-
 <style>
 /* TODO */
 .bg-white-50 {
@@ -33,4 +31,4 @@ defineProps({
 .bg-black-950 {
  color: white;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/PlatformsList.vue b/components/PlatformsList.vue
index 6b674999..cdcae769 100644
--- a/components/PlatformsList.vue
+++ b/components/PlatformsList.vue
@@ -23,27 +23,27 @@ type Platform = {
 const platforms: Array<Platform> = [
   {
     name: 'Docker',
-    url: URLS.dockerNode,
+    url: URLS.docker_node,
     icon,
   },
   {
     name: 'Windows',
-    url: URLS.windowsNode,
+    url: URLS.windows_node,
     icon,
   },
   {
     name: 'macOS',
-    url: URLS.macosNode,
+    url: URLS.macos_node,
     icon,
   },
   {
     name: 'GNU/Linux',
-    url: URLS.linuxNode,
+    url: URLS.linux_node,
     icon,
   },
   {
     name: 'Rasberry Pi',
-    url: URLS.rasberrypiNode,
+    url: URLS.rasberrypi_node,
     icon,
   },
 ]
diff --git a/components/RoundedIcon.vue b/components/RoundedIcon.vue
index 111e988b..9eb6b18f 100644
--- a/components/RoundedIcon.vue
+++ b/components/RoundedIcon.vue
@@ -1,5 +1,5 @@
 <template>
   <div class="border border-black-950 w-min rounded-full p-md bg-wit-blue-500">
     <slot></slot>
-</div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/components/cards/OutOfBoundariesCard.vue b/components/cards/OutOfBoundariesCard.vue
index e64f48a9..dcdd7d24 100644
--- a/components/cards/OutOfBoundariesCard.vue
+++ b/components/cards/OutOfBoundariesCard.vue
@@ -1,3 +1,6 @@
+<!--TODO: This comment is the bigger version of the component. We have to add slashes in bigger screens
+in the current component below -->
+
 <!-- <template>
   <div
     class="out-of-boundaries card border-2 border-black-950 bg-white-50 rounded-lg px-xl py-xl max-w-sm"
@@ -21,27 +24,26 @@
 </template> -->
 
 <template>
-<div>
-
-  <div
-    class="out-of-boundaries card border-2 border-black-950 bg-white-50 rounded-lg px-xl py-xl max-w-sm"
-  >
-    <RoundedIcon class="rounded-icon">
-      <slot name="icon"></slot>
-    </RoundedIcon>
-    <h3 class="text-2xl text-black-950 font-semibold leading-4 pl-14">
-      {{ title }}
-    </h3>
-    <hr class="hr my-md ml-14" />
-    <p class="text-base text-black-950 mb-xl">
-      {{ description }}
-    </p>
+  <div>
+    <div
+      class="out-of-boundaries card border-2 border-black-950 bg-white-50 rounded-lg px-xl py-xl max-w-sm"
+    >
+      <RoundedIcon class="rounded-icon">
+        <slot name="icon"></slot>
+      </RoundedIcon>
+      <h3 class="text-2xl text-black-950 font-semibold leading-4 pl-14">
+        {{ title }}
+      </h3>
+      <hr class="hr my-md ml-14" />
+      <p class="text-base text-black-950 mb-xl">
+        {{ description }}
+      </p>
 
-    <div class="flex items-center">
-      <ArrowButton class="action">{{ action }}</ArrowButton>
+      <div class="flex items-center">
+        <ArrowButton class="action">{{ action }}</ArrowButton>
+      </div>
     </div>
   </div>
-</div>
 </template>
 
 <script setup lang="ts">
@@ -57,15 +59,15 @@ const props = defineProps({
   },
   action: {
     type: String,
-    required: true
-  }
+    required: true,
+  },
 })
 </script>
 
 <style scoped lang="scss">
 :slotted(svg) {
   width: 60px;
-  height:  60px;
+  height: 60px;
 }
 .out-of-boundaries {
   // add margin equal to out of boundaries
diff --git a/components/cards/TutorialsSubList.vue b/components/cards/TutorialsSubList.vue
index 96c7e0d7..01e6ffb8 100644
--- a/components/cards/TutorialsSubList.vue
+++ b/components/cards/TutorialsSubList.vue
@@ -2,12 +2,10 @@
   <div class="border-2 border-black-950 rounded-lg px-xl py-md m-sm w-72">
     <h3 class="title-h4">{{ title }}</h3>
 
-    <hr class="hr my-md">
+    <hr class="hr my-md" />
 
     <ul>
-      <li v-for="tutorial in tutorials"
-      class="list-disc list-inside"
-      >
+      <li v-for="tutorial in tutorials" class="list-disc list-inside">
         <TutorialLink
           class="block"
           :key="tutorial.name"
@@ -45,6 +43,6 @@ defineProps({
 }
 .hr {
   height: 3px;
-  background-color: black;  /* Modern Browsers */
+  background-color: black; /* Modern Browsers */
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/sections/BuildSection.vue b/components/sections/BuildSection.vue
index a90ad56a..4f06b501 100644
--- a/components/sections/BuildSection.vue
+++ b/components/sections/BuildSection.vue
@@ -1,17 +1,17 @@
 <template>
   <SectionBase :description="t('build-section.description')">
-    <template v-slot:title>
+    <template #title>
       <i18n-t
         keypath="build-section.title.key_features"
         class="title-h2"
         tag="span"
         id="build"
       >
-        <span class="blue">{{ $t('build-section.title.dot') }}</span>
+        <span class="text-wit-blue-500">{{ $t('build-section.title.dot') }}</span>
       </i18n-t>
     </template>
 
-    <template v-slot:content>
+    <template #content>
       <div class="grid grid-cols-1 gap-sm lg:grid-cols-2">
         <BuildWithWitnet
           v-for="(reason, index) in reasons"
diff --git a/components/sections/BuySection.vue b/components/sections/BuySection.vue
index 3809aca5..0a00d2f1 100644
--- a/components/sections/BuySection.vue
+++ b/components/sections/BuySection.vue
@@ -16,24 +16,15 @@
           :link="exchange.link"
           class="w-60"
         >
-          <GateIcon class="icon" v-if="exchange.logo === 'gate'"></GateIcon>
-          <MexcIcon class="icon" v-if="exchange.logo === 'mexc'"></MexcIcon>
-          <BitmartIcon
-            class="icon"
-            v-if="exchange.logo === 'bitmart'"
-          ></BitmartIcon>
-          <ChangellyIcon
-            class="icon"
-            v-if="exchange.logo === 'changelly'"
-          ></ChangellyIcon>
-          <SimpleswapIcon
-            class="icon"
-            v-if="exchange.logo === 'simpleswap'"
-          ></SimpleswapIcon>
+          <GateIcon class="icon" v-if="exchange.logo === 'gate'" />
+          <MexcIcon class="icon" v-if="exchange.logo === 'mexc'" />
+          <BitmartIcon class="icon" v-if="exchange.logo === 'bitmart'" />
+          <ChangellyIcon class="icon" v-if="exchange.logo === 'changelly'" />
+          <SimpleswapIcon class="icon" v-if="exchange.logo === 'simpleswap'" />
           <LetsexchangeIcon
             class="icon"
             v-if="exchange.logo === 'letsexchange'"
-          ></LetsexchangeIcon>
+          />
         </IconWithText>
       </div>
     </template>
@@ -47,7 +38,7 @@ import BitmartIcon from '@/assets/svg/bitmart.svg?component'
 import ChangellyIcon from '@/assets/svg/changelly.svg?component'
 import SimpleswapIcon from '@/assets/svg/simpleswap.svg?component'
 import LetsexchangeIcon from '@/assets/svg/letsexchange.svg?component'
-import { URLS } from "../../constants.js"
+import { URLS } from '../../constants.js'
 
 const { t } = useI18n()
 const exchanges: Array<any> = [
@@ -64,22 +55,22 @@ const exchanges: Array<any> = [
   {
     name: t('buy-section.exchanges.bitmart'),
     logo: 'bitmart',
-    link: URLS.bitmart 
+    link: URLS.bitmart,
   },
   {
     name: t('buy-section.exchanges.changelly'),
     logo: 'changelly',
-    link: URLS.changelly 
+    link: URLS.changelly,
   },
   {
     name: t('buy-section.exchanges.simpleswap'),
     logo: 'simpleswap',
-    link: URLS.simpleswap, 
+    link: URLS.simpleswap,
   },
   {
     name: t('buy-section.exchanges.letsexchange'),
     logo: 'letsexchange',
-    link: URLS.letsexchange
+    link: URLS.letsexchange,
   },
 ]
 </script>
diff --git a/components/sections/CoinSection.vue b/components/sections/CoinSection.vue
index 4bc79ed2..9da85c10 100644
--- a/components/sections/CoinSection.vue
+++ b/components/sections/CoinSection.vue
@@ -24,6 +24,7 @@
       </div>
 
       <CustomButton :type="ButtonType.primary" class="mb-md">
+        <!-- TODO: fix extra spacing using i18n-t -->
         <!-- <i18n-t
           keypath="coin.run_in_platform.main"
           class="flex flex-row text-white-50" tag="span">
@@ -82,6 +83,8 @@
 </template>
 
 <script setup lang="ts">
+const { t } = useI18n()
+
 // import { URLS } from '@/constants'
 import DockerIcon from '@/assets/svg/docker.svg?component'
 import WindowsIcon from '@/assets/svg/windows.svg?component'
@@ -114,41 +117,30 @@ type Explorer = {
   description: string
   url: string
 }
+
+// TODO: add urls
 const explorers: Array<Explorer> = [
   {
-    title: 'Get Started',
-    description: 'Start Staking Now and earn rewards!',
-    url: '',
+    title: t('coin.cards.get_started.title'),
+    description: t('coin.cards.get_started.description'),
+    url: "",
   },
   {
-    title: 'Tutorials',
-    description:
-      'Learn the basics about taking with the comprehensive tutorials!',
-    url: '',
+    title: t('coin.cards.tutorials.title'),
+    description: t('coin.cards.tutorials.description'),
+    url: "",
   },
   {
-    title: 'Contribute',
-    description:
-      'Help make Witnet even better. Submit code, examples, libraries, or help us fix bugs.',
-    url: '',
+    title: t('coin.cards.contribute.title'),
+    description: t('coin.cards.contribute.description'),
+    url: "",
   },
-  // {
-  //   title: t('coin.explorer-1.title'),
-  //   description: t('coin.explorer-1.description'),
-  //   url: URLS.data_feeds_explorer,
-  // },
-  // {
-  //   title: t('coin.explorer-2.title'),
-  //   description: t('explore.explorer-2.description'),
-  //   url: URLS.block_explorer,
-  // },
 ]
 </script>
 
 <style scoped lang="scss">
-.palm {
-  /* position: ; */
-}
+// .palm {
+// }
 
 .title-h3 {
   line-height: 1;
diff --git a/components/sections/CommunitySection.vue b/components/sections/CommunitySection.vue
index 13291219..75e39676 100644
--- a/components/sections/CommunitySection.vue
+++ b/components/sections/CommunitySection.vue
@@ -28,7 +28,7 @@
 
 <script setup lang="ts">
 const { t } = useI18n()
-// import { URLS } from '@/constants'
+
 import MegaphoneIcon from '@/assets/svg/megaphone.svg?component'
 import BadgeIcon from '@/assets/svg/badge.svg?component'
 </script>
diff --git a/components/sections/ExploreSection.vue b/components/sections/ExploreSection.vue
index 980cdc1e..33581e4f 100644
--- a/components/sections/ExploreSection.vue
+++ b/components/sections/ExploreSection.vue
@@ -1,15 +1,20 @@
 <template>
   <CenteredSection background="blue">
-    <div class="grid grid-cols-1 gap-8 2xl:grid-cols-3 justify-center justify-items-center md:justify-items-start">
+    <div
+      class="grid grid-cols-1 gap-8 2xl:grid-cols-3 justify-center justify-items-center md:justify-items-start"
+    >
       <div class="flex self-center sm:w-96 justify-self-center">
-        <ArrowTurnRightIcon class="arrow m-md"/>
-        <!-- <h2 class="title-h1 mr-sm">{{ $t('explore.title') }}</h2> -->
+        <ArrowTurnRightIcon class="arrow m-md" />
 
-        <i18n-t keypath="explore.title.main" class="title-h2 font-bold mr-0 sm:mr-sm white" tag="h2">
+        <i18n-t
+          keypath="explore.title.main"
+          class="title-h2 font-bold mr-0 sm:mr-sm text-white-50"
+          tag="h2"
+        >
           <span class="text-black-950">{{ $t('explore.title.witnet') }}</span>
         </i18n-t>
       </div>
-     
+
       <div class="flex flex-col md:flex-row">
         <ExplorerLink
           v-for="explorer in explorers"
@@ -69,4 +74,4 @@ const explorers: Array<Explorer> = [
 .section {
   background: #00E2ED;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/components/sections/HeroSection.vue b/components/sections/HeroSection.vue
index 1a02fe02..e27cc87a 100644
--- a/components/sections/HeroSection.vue
+++ b/components/sections/HeroSection.vue
@@ -13,13 +13,12 @@
       <Plus class="plus2" />
       <SquareDots class="squaredots2" />
 
-      <!-- <Plus class="absolute right-xl top-[300px] z-10" /> -->
-      <!-- <SquareDots class="absolute left-xl top-xl z-10" /> -->
-      <!-- <Plus class="absolute right-xl top-[300px] z-10" /> -->
-      <!-- <Zigzag class="absolute right-xl top-xl z-10 rotate-90" /> -->
-      <!-- <SquareDots class="absolute right-xl bottom-xl z-10" /> -->
       <div class="max-w-c-3xl z-20">
-        <i18n-t keypath="hero.title.main" class="title-h2 text-center mb-8" tag="h1">
+        <i18n-t
+          keypath="hero.title.main"
+          class="title-h2 text-center mb-8"
+          tag="h1"
+        >
           <span class="text-wit-blue-500">{{ $t('hero.title.gradient') }}</span>
         </i18n-t>
 
@@ -53,7 +52,7 @@ import SquareDots from '@/assets/svg/square-dots.svg?component'
   left: 0px;
 }
 
-.plus1{
+.plus1 {
   position: absolute;
   width: 15px;
   height: auto;
@@ -96,58 +95,54 @@ import SquareDots from '@/assets/svg/square-dots.svg?component'
 .scroll {
   width: 40px;
   height: auto;
-  animation: down 1s infinite  alternate;
+  animation: down 1s infinite alternate;
 }
 
-
 @keyframes down {
- 0% {
+  0% {
     transform: translateY(0px);
   }
 
- 100% {
+  100% {
     transform: translateY(-30px);
   }
 }
 
 @media (min-width: 640px) {
-.squaredots1 {
-  width: 50px;
-  top: 1%;
-  left: 5%;
-}
-
-.plus1{
-  width: 30px;
-  top: 40%;
-  left: 15%;
-}
+  .squaredots1 {
+    width: 50px;
+    top: 1%;
+    left: 5%;
+  }
 
-.zigzag1 {
-  width: 50px;
-  top: 70%;
-  left: 3%;
-}
+  .plus1 {
+    width: 30px;
+    top: 40%;
+    left: 15%;
+  }
 
-.zigzag2 {
-  width: 50px;
-  top: 15%;
-  right: 10%;
-}
+  .zigzag1 {
+    width: 50px;
+    top: 70%;
+    left: 3%;
+  }
 
-.plus2 {
-  width: 30px;
-  top: 45%;
-  right: 0;
-}
+  .zigzag2 {
+    width: 50px;
+    top: 15%;
+    right: 10%;
+  }
 
-.squaredots2 {
-  width: 60px;
-  top: 70%;
-  right: 15%;
-}
+  .plus2 {
+    width: 30px;
+    top: 45%;
+    right: 0;
+  }
 
+  .squaredots2 {
+    width: 60px;
+    top: 70%;
+    right: 15%;
+  }
 }
-
-
 </style>
diff --git a/components/sections/PalmSectionBase.vue b/components/sections/PalmSectionBase.vue
index 5dc70381..252f165a 100644
--- a/components/sections/PalmSectionBase.vue
+++ b/components/sections/PalmSectionBase.vue
@@ -1,34 +1,16 @@
 <template>
+  <!-- TODO: Add palm icon according to prop position: 'left' | 'right' -->
   <div
     class="w-full flex justify-center"
     :class="[backgroundClass, `background-${background}`]"
   >
     <div class="flex flex-col max-w-7xl">
-        <slot></slot>
-      <!-- <div class="flex flex-col items-center">
-
-
-        <h2 v-if="headingType === 'h2'" class="title title-h2 mb-md">
-          <slot name="title"></slot>
-        </h2>
-        
-        <h3 v-if="headingType === 'h3'" class="title title-h2 mb-md">
-          <slot name="title"></slot>
-        </h3>
-
-        <DashesIcon v-if="separator" class="m-xl dashes"/>
-
-        <p class="description text mb-lg max-w-2xl text-center px-md">
-          {{ description }}
-        </p>
-      </div>
-      <slot name="content"></slot> -->
+      <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup>
-import DashesIcon from '@/assets/svg/dashes.svg?component'
 const props = defineProps({
   description: {
     type: String,
@@ -39,15 +21,11 @@ const props = defineProps({
     required: false,
     default: 'white',
   },
-  separator: {
-    type: String,
-    required: false,
-  },
   headingType: {
     type: String,
     required: false,
-    default: "h3"
-  } 
+    default: 'h3',
+  },
 })
 
 const backgrounds = {
diff --git a/components/sections/SectionBase.vue b/components/sections/SectionBase.vue
index 34c2ac52..25287b2a 100644
--- a/components/sections/SectionBase.vue
+++ b/components/sections/SectionBase.vue
@@ -5,17 +5,23 @@
   >
     <div class="flex flex-col max-w-7xl">
       <div class="flex flex-col items-center">
-
-
-        <h2 v-if="headingType === 'h2'" class="title title-h2 text-center max-w-screen-md" :class="{ 'mb-md': !separator }">
+        <h2
+          v-if="headingType === 'h2'"
+          class="title title-h2 text-center max-w-screen-md"
+          :class="{ 'mb-md': !separator }"
+        >
           <slot name="title"></slot>
         </h2>
-        
-        <h3 v-if="headingType === 'h3'" class="title title-h2 text-center max-w-screen-md" :class="{ 'mb-md': !separator }">
+
+        <h3
+          v-if="headingType === 'h3'"
+          class="title title-h2 text-center max-w-screen-md"
+          :class="{ 'mb-md': !separator }"
+        >
           <slot name="title"></slot>
         </h3>
 
-        <DashesIcon v-if="separator" class="m-xl dashes"/>
+        <DashesIcon v-if="separator" class="m-xl dashes" />
 
         <p class="description text mb-lg max-w-2xl text-center px-md">
           {{ description }}
@@ -45,8 +51,8 @@ const props = defineProps({
   headingType: {
     type: String,
     required: false,
-    default: "h3"
-  } 
+    default: 'h3',
+  },
 })
 
 const backgrounds = {
diff --git a/components/sections/SecureSection.vue b/components/sections/SecureSection.vue
index 73bf5393..c2d9e784 100644
--- a/components/sections/SecureSection.vue
+++ b/components/sections/SecureSection.vue
@@ -8,19 +8,23 @@
 
     <template v-slot:content>
       <div class="flex flex-col items-center lg:flex-row">
-        <OutOfBoundariesCard title="Sheikah" description="Choose Sheikah for a privacy-focused experience on Windows, macOS, and GNU/Linux, ideal for users who prioritize security and user-friendly interfaces."
-        action="Download Sheikah" 
+        <OutOfBoundariesCard
+          title="Sheikah"
+          description="Choose Sheikah for a privacy-focused experience on Windows, macOS, and GNU/Linux, ideal for users who prioritize security and user-friendly interfaces."
+          action="Download Sheikah"
         >
           <template v-slot:icon>
             <SheikahIcon class="icon"></SheikahIcon>
           </template>
         </OutOfBoundariesCard>
-        
-        <OutOfBoundariesCard title="myWitWallet" description="Opt for myWitWallet for instant transactions without the wait for synchronization, perfect for quick and easy sending and receiving of WIT."
-        action="Download myWitWallet" 
+
+        <OutOfBoundariesCard
+          title="myWitWallet"
+          description="Opt for myWitWallet for instant transactions without the wait for synchronization, perfect for quick and easy sending and receiving of WIT."
+          action="Download myWitWallet"
         >
           <template v-slot:icon>
-            <MywitwalletIcon  class="icon"></MywitwalletIcon>
+            <MywitwalletIcon class="icon"></MywitwalletIcon>
           </template>
         </OutOfBoundariesCard>
       </div>
@@ -32,7 +36,6 @@
 import SheikahIcon from '@/assets/svg/sheikah.svg?component'
 import MywitwalletIcon from '@/assets/svg/mywitwallet.svg?component'
 import { URLS } from '@/constants'
-import ArrowTurnRightIcon from '@/assets/svg/arrow_turn_right.svg?component'
 
 const { t } = useI18n()
 type Explorer = {
diff --git a/components/sections/TutorialsSection.vue b/components/sections/TutorialsSection.vue
index cd267371..97942536 100644
--- a/components/sections/TutorialsSection.vue
+++ b/components/sections/TutorialsSection.vue
@@ -7,17 +7,18 @@
     </template>
 
     <template v-slot:content>
-    <div class="grid grid-cols-1 max-w-5xl text-black-950 justify-items-center lg:grid-cols-3">
-      <TutorialsSubList
-        v-for="tutorialList in tutorials"
-        :key="tutorialList.title"
-        :tutorials="tutorialList.tutorialLinks"
-        :title="tutorialList.title"
-      />
-    </div>
+      <div
+        class="grid grid-cols-1 max-w-5xl text-black-950 justify-items-center lg:grid-cols-3"
+      >
+        <TutorialsSubList
+          v-for="tutorialList in tutorials"
+          :key="tutorialList.title"
+          :tutorials="tutorialList.tutorialLinks"
+          :title="tutorialList.title"
+        />
+      </div>
     </template>
   </SectionBase>
-
 </template>
 <script setup lang="ts">
 import type { TutorialList } from '@/types'
@@ -90,9 +91,3 @@ const tutorials: Array<TutorialList> = [
   },
 ]
 </script>
-
-<style scoped>
-.description {
-  
-}
-</style>
\ No newline at end of file
diff --git a/constants.ts b/constants.ts
index 374ea864..afff3390 100644
--- a/constants.ts
+++ b/constants.ts
@@ -1,70 +1,36 @@
 import { localeCodes, type LanguageDictionary } from './types'
 
 export const URLS: Record<string, string> = {
-  // community: 'https://witnet.io/#community',
   ado: 'https://github.com/adoracles/',
   advocateProgram:
     'https://witnet.notion.site/The-Witnet-Advocate-Program-f572baff6b1d49a69d4db785a924fc61',
-  angelList: 'https://angel.co/company/witnet-foundation-1',
   bitmart: 'https://www.bitmart.com/trade/en-US?symbol=WIT_USDT',
   block_explorer: 'https://witnet.network/',
-  changelly: '',
-  coin: '#coin',
+  changelly: '#',
   data_feeds_explorer: 'https://feeds.witnet.io',
-  developers: '#',
-  dfe: '#',
   discord: 'https://discord.gg/witnet',
-  dockerNode: 'https://hub.docker.com/r/witnet/witnet-rust/tags',
+  docker_node: 'https://hub.docker.com/r/witnet/witnet-rust/tags',
   documentation: 'https://docs.witnet.io/',
-  ecosystem: 'https://witnet.io/#ecosystem',
-  fullNode: 'https://docs.witnet.io/try/run-a-node/',
   gate: 'https://www.gate.io/trade/WIT_USDT',
-  getPostRequest:
-    'https://docs.witnet.io/smart-contracts/apis-and-http-get-post-oracle',
   github: 'https://github.com/witnet',
   grantProgram:
     'https://witnet.notion.site/The-Witnet-Grant-Program-0e6bc5ddbe4a4bf8a22c262dedfe268f',
-  integrateDirectly:
-    'https://docs.witnet.io/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-last-price-and-timestamp-from-a-price-feed-contract-serving-a-specific-pair',
-  integrateThroughProxy:
-    'https://docs.witnet.io/smart-contracts/witnet-data-feeds/using-witnet-data-feeds#reading-multiple-currency-pairs-from-the-router',
-  learn: '#',
-  libraries: '#',
-  linuxNode: 'https://github.com/witnet/witnet-rust/releases',
-  macosNode: 'https://github.com/witnet/witnet-rust/releases',
+  letsexchange: 'https://letsexchange.io/coin/wit',
+  linux_node: 'https://github.com/witnet/witnet-rust/releases',
+  macos_node: 'https://github.com/witnet/witnet-rust/releases',
   mediaKit:
     'https://drive.google.com/drive/u/1/folders/1z9dSts64xyaIZqRvniMPDib7UWOE2P3z',
   medium: 'https://medium.com/witnet',
   mexc: 'https://www.mexc.com/exchange/WIT_USDT',
-  mining: 'https://docs.witnet.io/node-operators/docker-quick-start-guide',
-  letsexchange: "https://letsexchange.io/coin/wit",
   my_wit_wallet: 'https://mywitwallet.com/',
   newsletter: 'http://eepurl.com/iDxYzs',
-  oracle: '#oracle',
-  priceFeeds: 'https://docs.witnet.io/smart-contracts/witnet-data-feeds',
-  randomness: 'https://docs.witnet.io/smart-contracts/witnet-randomness-oracle',
+  rasberrypi_node: 'https://github.com/witnet/witnet-rust/releases',
   reddit: 'https://reddit.com/r/witnet',
-  reference: '#',
-  requestDataFeed: 'https://tally.so/r/wMZDAn',
-  sheikah: '#',
   simpleSwap: 'https://simpleswap.io/coins/wit',
-  stakeTutorial: '',
   telegram: 'https://t.me/witnetio',
-  token: 'https://witnet.io/#coin',
-  tokenomics:
-    'https://medium.com/witnet/wit-witnet-blockchains-native-tokenomics-4559084073c5',
-  tools: '#',
-  truffleBox:
-    'https://docs.witnet.io/smart-contracts/witnet-web-oracle/make-a-get-request',
-  tutorials: '#',
-  twitter: 'https://twitter.com/witnet_io',
-  wallet: 'https://sheikah.app/',
-  whitepaper: 'https://witnet.io/witnet-whitepaper.pdf',
-  windowsNode: 'https://github.com/witnet/witnet-rust/releases',
-  x: 'https://twitter.com/witnet_io',
-  youtube: 'https://www.youtube.com/channel/UCCS143kLVAH7oHZKvNNNxKQ',
-  rasberrypiNode: 'https://github.com/witnet/witnet-rust/releases',
+  windows_node: 'https://github.com/witnet/witnet-rust/releases',
   witnet_foundation: 'https://witnet.foundation',
+  x: 'https://twitter.com/witnet_io',
 }
 
 export const languageLocales: LanguageDictionary = {
diff --git a/locales/en-US.json b/locales/en-US.json
index 0e6df5e9..3ad73fe0 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -41,6 +41,20 @@
       "main": "Run a Witnet Node and Stake on {0}",
       "windows": "Windows",
       "linux": "Linux"
+    },
+    "cards": {
+      "get_started": {
+        "title": "Get Started",
+        "description": "Start Staking Now and earn rewards!"
+      },
+      "tutorials": {
+        "title": "Tutorials",
+        "description": "Learn the basics about taking with the comprehensive tutorials!"
+      },
+      "contribute": {
+        "title": "Contribute",
+        "description": "Help make Witnet even better. Submit code, examples, libraries, or help us fix bugs."
+      }
     }
   },
   "buy-section": {
diff --git a/utils/getLatestRelease.ts b/utils/getLatestRelease.ts
index 3eef09fb..5bca50b0 100644
--- a/utils/getLatestRelease.ts
+++ b/utils/getLatestRelease.ts
@@ -1,4 +1,5 @@
 import { getBrowserOs } from './getBrowserOs'
+// TODO: move to constants
 export const URL_RELEASE_BASE =
   'https://api.github.com/repos/witnet/witnet-rust/releases/latest'