From 39347309457e5c836fb3d8634ac8858059fc273d Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 14:47:39 -0700
Subject: [PATCH] WIP

---
 tpl/flex_grid_callout.tpl | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 tpl/flex_grid_callout.tpl

diff --git a/tpl/flex_grid_callout.tpl b/tpl/flex_grid_callout.tpl
new file mode 100644
index 0000000..003a335
--- /dev/null
+++ b/tpl/flex_grid_callout.tpl
@@ -0,0 +1,36 @@
+<section class="grid-callout">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h2>{{ headline }}</h2>
+                {{{ content }}}
+                <p class="cta-button">
+                    <a href="{{ button_target }}">{{ button_text }}</a>
+                </p>
+            </div>
+            <div class="col">
+                <div class="callout">
+                    <div class="image-wrapper">
+                        <img src="{{#assetURL arrow-circle.svg}}" alt="" />
+                    </div>
+
+                    <p class="headline">{{ callouts.[0].headline }}</p>
+                    <p class="description">{{ callouts.[0].description }}</p>
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            {{#each callouts}}
+                <div class="callout">
+                    <div class="image-wrapper">
+                        <img src="{{#assetURL arrow-circle.svg}}" alt="" />
+                    </div>
+
+                    <p class="headline">{{ headline }}</p>
+                    <p class="description">{{ description }}</p>
+                </div>
+            {{/each}}
+        </div>
+    </div>
+</section>