From 7b0470c2004dfa9cb3f300876151f1beddc97977 Mon Sep 17 00:00:00 2001
From: avinder-red-crackle
 <104357333+avinder-red-crackle@users.noreply.github.com>
Date: Wed, 1 Nov 2023 04:11:28 +0530
Subject: [PATCH] Github Actions featured article (#705)

---
 .../_includes/github-actions/featured.html    | 29 +++++++++++++++++++
 website/earthly-github-actions.md             |  3 +-
 2 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 website/_includes/github-actions/featured.html

diff --git a/website/_includes/github-actions/featured.html b/website/_includes/github-actions/featured.html
new file mode 100644
index 000000000..fd9eb235f
--- /dev/null
+++ b/website/_includes/github-actions/featured.html
@@ -0,0 +1,29 @@
+<div class="w-full mb-12">
+  <div class="max-w-7xl mx-auto px-6 lg:px-10">
+    <div class="bg-[#f1fbfe] flex flex-col-reverse flex-1 md:flex-row pb-8 pt-6 px-6 rounded-xl">
+      <div class="flex-1 mt-6 md:mt-0">
+        <p class="color-[#475569] font-semibold text-sm tracking-tight">August 23, 2023</p>
+
+        <p class="color-[#475569] font-semibold mt-2 text-2xl tracking-tight">Better Together - Earthly + Github Actions</p>
+
+        <p class="mt-4 text-[#6b7280] text-lg tracking-tight">
+          I joined Earthly at the beginning of 2023. I lead solution
+          architecture. One of my primary roles is helping potential customers
+          figure out how they can best leverage Earthly. That often requires
+          building demonstrations that show how...
+        </p>
+
+        <a class="inline-block mt-4" href="/blog/earthly-github-actions/">
+          <div class="w-fit decoration-[#2d7e5d] flex items-center hover:underline">
+            <p class="font-bold text-[#2d7e5d]">Read more</p>
+            <img class="ml-1" src="assets/svg/chevron-green.svg" alt="Chevron" />
+          </div>
+        </a>
+      </div>
+
+      <div class="md:w-7/12 md:pl-10">
+        <img class="w-full md:h-[200px] object-cover object-top rounded-lg" src="https://earthly.dev/blog/generated/assets/images/earthly-github-actions/header-2560-6cd58feda.webp" alt="Better Together - Earthly + Github Actions" />
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/website/earthly-github-actions.md b/website/earthly-github-actions.md
index 4e3bfa380..3e135871a 100644
--- a/website/earthly-github-actions.md
+++ b/website/earthly-github-actions.md
@@ -2,12 +2,11 @@
 title: Earthly + GitHub Actions
 description: GitHub Actions are better with Earthly. Get faster build speeds, improved consistency, and local testing along with an easy-to-use syntax – no YAML – and better monorepo support.
 layout: default
-banner: Learn how Earthly Satellites makes GitHub Actions more consistent, faster, and easier to use in our blog post <b><a href="https://earthly.dev/blog/earthly-github-actions/" onclick="bannerLinkClick()">Better Together - Earthly + Github Actions</a></b>.
-mobileBanner: Read our blog post <b><a href="https://earthly.dev/blog/earthly-github-actions/" onclick="bannerLinkClick()">Better Together - Earthly + Github Actions</a></b>.
 ---
 
 {% include home/layout.html template='github-actions/hero.html' %}
 {% include home/layout.html template='github-actions/call-to-action.html' %}
+{% include home/layout.html template='github-actions/featured.html' %}
 {% include home/layout.html template='github-actions/why.html' %}
 
 {% include home/layout.html template='github-actions/benefits-title.html' %}