Add the Konfig blog post to the Customer Stories page

website/_data/customer-stories-highlights.yml

@@ -1,15 +1,15 @@
+- category: Konfig
+  title: How Earthly Solved Our CI Problem
+  description: In this guest post, the Konfig team discusses how they solved their complex Continuous Integration challenges with Earthly, sharing insights valuable for any software development team.
+  image: assets/img/case-studies/konfig.png
+  link: /blog/konfig/
+
 - category: NOCD
-  title: NOCD
+  title: How NOCD Reduced Build Times by 9x with Earthly
   description: Learn how NOCD, a leading telehealth provider, reduced their CI build times by 9x using Earthly and Earthly Cloud.
-  image: assets/img/case-studies/hero-nocd.jpg
+  image: assets/img/case-studies/nocd.png
   link: /blog/case-study-nocd/
 
-# - category: Ipsum
-#   title: Lorem ipsum dolor sit amet
-#   description: Lorem ipsum dolor sit amet consectetur. Habitant turpis viverra vestibulum pellentesque tincidunt. Gravida aliquam amet nisl sit augue augue massa a. Arcu in lectus integer semper nunc porttitor. Vel est mattis a vitae.
-#   image: assets/img/twitter-card-large.png
-#   link: /blog/make-tutorial
-
 # - category: Dolor
 #   title: Lorem ipsum dolor sit amet
 #   description: Lorem ipsum dolor sit amet consectetur. Habitant turpis viverra vestibulum pellentesque tincidunt. Gravida aliquam amet nisl sit augue augue massa a. Arcu in lectus integer semper nunc porttitor. Vel est mattis a vitae.

website/_data/customer-stories.yml

@@ -1,47 +1,9 @@
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/chroot
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/chroot
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/chroot
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/chroot
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/chroot
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/opensource-unsplash.jpeg
-  link: /blog/make-tutorial
-
-- title: Lorem ipsum dolor sit amet
-  image: assets/img/twitter-card-large.png
-  link: /blog/chroot
+- name: Konfig
+  title: How Earthly Solved Our CI Problem
+  image: assets/img/case-studies/konfig-small.png
+  link: /blog/konfig/
+
+- name: NOCD
+  title: How NOCD Reduced Build Times by 9x with Earthly
+  image: assets/img/case-studies/nocd-small.png
+  link: /blog/case-study-nocd/

website/_includes/customer-stories/hero.html

@@ -6,13 +6,11 @@ <h1 class="font-medium max-w-4xl text-[#2d7e5d] text-5xl sm:text-7xl text-center
       Developers and engineering teams love Earthly
     </p>
 
-<!--
     <div class="flex gap-6 lg:gap-10 mt-4">
       {% for item in site.data.customer-stories-highlights %}
         <p id="highlight-category-{{ forloop.index }}" class="highlight-category {% if forloop.index == 1 %}active{% endif %}" onclick="">{{ item.category }}</p>
       {% endfor %}
     </div>
--->
 
     <div id="highlights" class="w-full flex mt-4 overflow-hidden rounded-2xl scroll-smooth">
       {% for item in site.data.customer-stories-highlights %}

website/_includes/customer-stories/stories.html

@@ -12,7 +12,7 @@
           </div>
 
           <div class="mt-2 p-4 pt-2">
-            <p class="text-sm uppercase">Whitepaper</p>
+            <p class="text-sm uppercase">{{ item.name }}</p>
 
             <p class="font-bold mt-4 text-[#475569] text-xl">{{ item.title }}</p>
 

website/customer-stories.md

@@ -7,8 +7,8 @@ layout: default
 {% include customer-stories/hero.html %}
 {% include home/layout.html template='home/v2/customers.html' %}
 {% include home/layout.html template='home/v2/customer-quotes.html' %}
-<!--
-{% include customer-stories/featured.html %}
+
+<!-- {% include customer-stories/featured.html %} -->
 {% include customer-stories/stories.html %}
--->
+
 {% include customer-stories/cta-button.html %}