update farming page

2021-10-26 22:25:28 +02:00
parent f26643d6ee
commit 8d894e480f
26 changed files with 621 additions and 79 deletions
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -191,6 +191,144 @@
      >
    </div>

+    <!-- farm -->
+    <div
+      class="w-full mx-auto lg:mt-20 lg:py-20"
+      v-else-if="id == 'farm' && !lastCta"
+    >
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-6xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.title }}
+      </h2>
+      <div v-html="cta.content" class="mt-6 mb-8 lg:text-2xl"></div>
+      <g-image :src="cta.image" class="lg:my-20 mx-auto" />
+      <!-- <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      > -->
+    </div>
+
+    <div class="w-full mx-auto py-20" v-else-if="id == 'farm' && lastCta">
+      <h2
+        v-if="cta.title"
+        class="
+          lg:text-6xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-normal font-heading
+        "
+      >
+        {{ cta.title }}
+        <span class="font-bold">{{ cta.subtitle }}</span>
+      </h2>
+      <!-- <h2
+        v-if="cta.subtitle"
+        class="
+          lg:text-5xl
+          text-center
+          uppercase
+          mb-2
+          leading-none
+          font-bold font-heading
+        "
+      >
+        {{ cta.subtitle }}
+        
+      </h2> -->
+      <div
+        v-html="cta.content"
+        class="mt-6 mb-8 text-xl max-w-6xl mx-auto"
+      ></div>
+      <g-image :src="cta.image" class="lg:my-20 mx-auto" />
+      <!-- <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        target="_blank"
+        v-if="cta.button && cta.link.includes('http')"
+        :href="cta.link"
+        >{{ cta.button }}</a
+      >
+
+      <a
+        class="
+          inline-block
+          bg-white
+          text-lg
+          learn-button
+          hover:bg-gray-400
+          px-12
+          py-1
+          mr-5
+          my-4
+          border-2
+          shadow
+          border-black
+        "
+        v-else
+        :href="cta.link"
+        >{{ cta.button }}</a
+      > -->
+    </div>
+
    <!-- home -->

    <div