From 38003526c2821433426dfcfbd54d55ad98cbcace Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 21 May 2025 08:29:50 -0700
Subject: [PATCH] contact us

---
 tpl-contact.php | 14 +++++++++++++-
 tpl/contact.tpl | 32 +++++++++++++++++++++++++++++---
 2 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/tpl-contact.php b/tpl-contact.php
index 4837ed5..fbabe2f 100644
--- a/tpl-contact.php
+++ b/tpl-contact.php
@@ -3,6 +3,18 @@
 
 get_header();
 
-echo site()->render("contact", site()->getCurrentPost(["content"]));
+echo site()->render("contact", [
+    ...site()->getCurrentPost([
+        "thumbnail",
+        "content",
+    ]),
+    "address_1" => get_field("address_1", "options"),
+    "address_2" => get_field("address_2", "options"),
+    "city" => get_field("city", "options"),
+    "state" => get_field("state", "options"),
+    "zip" => get_field("zip", "options"),
+    "phone_1" => get_field("phone_1", "options"),
+    "phone_2" => get_field("phone_2", "options"),
+]);
 
 get_footer();
diff --git a/tpl/contact.tpl b/tpl/contact.tpl
index eb7db61..8d015ef 100644
--- a/tpl/contact.tpl
+++ b/tpl/contact.tpl
@@ -1,9 +1,35 @@
-<section class="contact">
+<section class="intro_block" style="background-image: url({{ thumbnail }})">
     <div class="container">
         <div class="row">
             <div class="col">
-                <img src="{{#assetUrl}}" alt="{{#wp-title}}" />
-                <h1>Contact Us</h1>
+                <h1 class="watch-vp visible">Contact Us</h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="contact">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <img src="{{#assetUrl logo.png }}" alt="{{#wp-title}}" />
+
+                <p>{{ address_1 }}<br />
+                    {{ address_2 }}<br />
+                    {{ city }}, {{ state }} {{ zip }}
+                </p>
+
+                <ul class="footer-contact">
+                    <li>
+                        <a href="tel:{{ phone_1 }}">{{#assetContents telephone-fill.svg}} {{ phone_1 }}</a>
+                    </li>
+                    <li>
+                        <a href="tel:{{ phone_2 }}">{{#assetContents telephone-fill.svg}} {{ phone_2 }}</a>
+                    </li>
+                    <li>
+                        <a href="mailto:{{ contact_email }}">{{#assetContents envelope-fill.svg}} {{ contact_email }}</a>
+                    </li>
+                </ul>
             </div>
         </div>
     </div>