Merge branch 'development' of github.com:threefoldfoundation/www_threefold_io into development

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -16,14 +16,14 @@
           class="pt-10 pb-10 px-6 sm:pt-16 sm:px-10 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
         >
           <div class="lg:self-center">
-            <h2 class="text-3xl leading-9 font-extrabold sm:leading-10">
+            <h2 class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
                 brand.subtitle
               }}</span>
             </h2>
             <div
-              class="py-6 mt-4 text-lg leading-6"
+              class="py-6 mt-4 text-gray-600"
               v-html="brand.content"
             ></div>
             <a
@@ -54,7 +54,7 @@
               }}</span>
             </h2>
             <div
-              class="py-6 mt-4 text-lg leading-6 text-white"
+              class="py-6 mt-4 mx-4 text-white"
               v-html="brand.content"
             ></div>
             <!-- <a

src/components/marketing/sections/cta-sections/BrandPanel2.vue

@@ -9,7 +9,7 @@
         >
           <div class="lg:self-center">
             <h2
-              class="text-3xl leading-9 font-extrabold sm:leading-10"
+              class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
             >
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
@@ -17,7 +17,7 @@
               }}</span>
             </h2>
             <div
-              class="py-6 mt-4 text-lg leading-6"
+              class="py-6 mt-4 text-gray-600"
               v-html="brand.content"
             ></div>
             <a

src/components/marketing/sections/cta-sections/Header.vue

@@ -18,7 +18,7 @@
         </span>
 
         <div
-          class="mb-8 text-center text-lg mx-10 text-gray-800"
+          class="mb-8 text-center text-md mx-10 text-gray-600"
           v-html="excerpt"
         ></div>
         <div v-if="button">
@@ -53,7 +53,7 @@
           <span class="text-center uppercase mb-6 leading-none text-4xl font-black font-heading">{{ slogan }}</span>
         </h1>
         <div
-          class="mb-8 text-center text-gray-700 leading-relaxed"
+          class="mb-8 text-center text-gray-600 leading-relaxed"
           v-html="excerpt"
         ></div>
         <div v-if="button" class="block text-center">

src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue

@@ -7,7 +7,7 @@
       >
         {{ main.title }}
       </h2>
-      <p v-if="main !== null" class="mb-6 text-m tracking-widest text-gray-800">
+      <p v-if="main !== null" class="mb-6 text-gray-600">
         {{ main.subtitle }}
       </p>
     </div>

src/components/marketing/sections/team-sections/with_large_images.vue

@@ -6,11 +6,11 @@
           class="space-y-5 text-center sm:space-y-4 md:max-w-xl lg:max-w-3xl xl:max-w-none"
         >
           <h2
-            class="text-3xl leading-9 font-extrabold tracking-tight sm:text-4xl"
+            class="text-4xl mb-2 leading-tight font-semibold font-heading"
           >
             {{ main.title }}
           </h2>
-          <p class="text-xl leading-7 text-black-500">
+          <p class="text-gray-600">
             {{ main.description }}
           </p>
         </div>