add farm page

templates/shortcodes/hero_text_center.html

@@ -18,10 +18,10 @@
     <div class="mx-auto max-w-3xl text-center">
       <h1 class="fade-in">
         {{ title }}</h1>
-      <p class="mx-auto mt-8 max-w-3xl fade-in">{{ description }}</p>
+      <p class="mx-auto mt-4 max-w-3xl fade-in">{{ description }}</p>
       <!-- <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>  -->
       {% if image_src %}
-      <div class="mx-auto max-w-7xl px-4 py-8">
+      <div class="mx-auto max-w-7xl px-4 py-8 grayscale">
         <img src="{{ image_src }}" alt="{{ image_alt }}" class="w-full fade-in">
       </div>
       {% endif %}

templates/shortcodes/image_card.html

@@ -19,7 +19,7 @@
          
         <div class="fade-in-box flex flex-col p-6 rounded-2xl  bg-white/5">
           {% if header %}
-          <h2 class="flex justify-center items-center text-white">{{ header }}</h2>
+          <h2 class="lg:text-4xl text-3xl flex justify-center items-center text-white">{{ header }}</h2>
           {% endif %}
 
           {% if image_src %}