From 601ddc91bf2d4c2d60c63a0853238ecd09cf6364 Mon Sep 17 00:00:00 2001
From: kurogeek <kurogeek@lmvhaus.com>
Date: Fri, 16 Oct 2026 08:59:42 +0000
Subject: [PATCH] Add hover contact overlays for co-founder and documentary
 director on About page

---
 .../resources/views/about/index-en.blade.php  | 34 ++++++++++++++++---
 .../resources/views/about/index.blade.php     | 34 ++++++++++++++++---
 2 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/think.greaterchiangmai.com/resources/views/about/index-en.blade.php b/think.greaterchiangmai.com/resources/views/about/index-en.blade.php
index c04a053..0e42f5d 100644
--- a/think.greaterchiangmai.com/resources/views/about/index-en.blade.php
+++ b/think.greaterchiangmai.com/resources/views/about/index-en.blade.php
@@ -36,11 +36,37 @@
                 <p class="w-95 lg-w-100">We work closely and efficiently with all sectors in Chiang Mai in reviving, preserving, continuing and expanding valuable Lanna cultural and natural heritage to contemporary way of life and driving creative economy in Chiang Mai, Northern Region, Thailand and other countries.</p>
                 <!-- <a class="btn btn-small btn-dark-gray font-weight-700" href="team-simple.html">Meet Out Team</a> -->
             </div>
-            <div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn" data-wow-delay="0.2s">
-                <img src="images/about/01pic_about.jpg" alt="GREATER CHIANG MAI"/>
+            <div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn team-style-1" data-wow-delay="0.2s">
+                <figure class="mb-0">
+                    <div class="team-image">
+                        <img src="images/about/01pic_about.jpg" alt="Aracha Boon-Long, Co-Founder"/>
+                        <div class="team-overlay bg-deep-pink opacity-medium"></div>
+                        <div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
+                            <span class="alt-font text-large d-block">อรช บุญ-หลง</span>
+                            <span class="alt-font text-large d-block margin-10px-bottom">Aracha Boon-Long</span>
+                            <span class="d-block">ผู้ร่วมก่อตั้ง</span>
+                            <span class="d-block margin-15px-bottom">Co-Founder</span>
+                            <span class="d-block text-small">Tel <a class="text-white" href="tel:+66983505444">+66 (0) 98 350 5444</a></span>
+                            <span class="d-block text-small">Email <a class="text-white" href="mailto:aracha.b@greaterchiangmai.com">aracha.b@greaterchiangmai.com</a></span>
+                        </div>
+                    </div>
+                </figure>
             </div>
-            <div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn" data-wow-delay="0.4s">
-                <img src="images/about/02pic_about.jpg" alt="GREATER CHIANG MAI"/>
+            <div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn team-style-1" data-wow-delay="0.4s">
+                <figure class="mb-0">
+                    <div class="team-image">
+                        <img src="images/about/02pic_about.jpg" alt="Chittiwat Pornprasert, Documentary director"/>
+                        <div class="team-overlay bg-deep-pink opacity-medium"></div>
+                        <div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
+                            <span class="alt-font text-large d-block">จิตรทิวัส พรประเสริฐ</span>
+                            <span class="alt-font text-large d-block margin-10px-bottom">Chittiwat Pornprasert</span>
+                            <span class="d-block">ผู้อำนวยการฝ่ายสารคดี</span>
+                            <span class="d-block margin-15px-bottom">Documentary director</span>
+                            <span class="d-block text-small">Tel <a class="text-white" href="tel:+66813786086">+66 (0) 81 378 6086</a></span>
+                            <span class="d-block text-small">Email <a class="text-white" href="mailto:chittiwat.p@greaterchiangmai.com">chittiwat.p@greaterchiangmai.com</a></span>
+                        </div>
+                    </div>
+                </figure>
             </div>
         </div>
     </div>
diff --git a/think.greaterchiangmai.com/resources/views/about/index.blade.php b/think.greaterchiangmai.com/resources/views/about/index.blade.php
index 838fe8c..ef70416 100644
--- a/think.greaterchiangmai.com/resources/views/about/index.blade.php
+++ b/think.greaterchiangmai.com/resources/views/about/index.blade.php
@@ -35,11 +35,37 @@
                 <p class="w-95 lg-w-100">เกรทเธอร์ เชียงใหม่ มีจุดมุ่งหมายเพื่อการฟื้นคืนจิตวิญญาณเมืองเชียงใหม่ ผ่านแนวความคิด เชื่อมโยงราก คัดสรรเรื่อง สร้างสรรค์งาน โดยมุ่งเน้นความร่วมมือระหว่างทุกภาคส่วนในจังหวัดเชียงใหม่ในการฟื้น สืบสาน ต่อยอด และขยายผลมรดกภูมิปัญญาทางวัฒนธรรมและธรรมชาติล้านนาอันทรงคุณค่าไปสู่วิถีชีวิตร่วมสมัยที่สร้างการขับเคลื่อนเศรษฐกิจสร้างสรรค์ในพื้นที่จังหวัดเชียงใหม่ โดยขยายผลไปในระดับภูมิภาค ระดับชาติ และนานาชาติ</p>
                 <!-- <a class="btn btn-small btn-dark-gray font-weight-700" href="team-simple.html">Meet Out Team</a> -->
             </div>
-            <div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn" data-wow-delay="0.2s">
-                <img src="images/about/01pic_about.jpg" alt="GREATER CHIANG MAI"/>
+            <div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn team-style-1" data-wow-delay="0.2s">
+                <figure class="mb-0">
+                    <div class="team-image">
+                        <img src="images/about/01pic_about.jpg" alt="อรช บุญ-หลง ผู้ร่วมก่อตั้ง"/>
+                        <div class="team-overlay bg-deep-pink opacity-medium"></div>
+                        <div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
+                            <span class="alt-font text-large d-block">อรช บุญ-หลง</span>
+                            <span class="alt-font text-large d-block margin-10px-bottom">Aracha Boon-Long</span>
+                            <span class="d-block">ผู้ร่วมก่อตั้ง</span>
+                            <span class="d-block margin-15px-bottom">Co-Founder</span>
+                            <span class="d-block text-small">Tel <a class="text-white" href="tel:+66983505444">+66 (0) 98 350 5444</a></span>
+                            <span class="d-block text-small">Email <a class="text-white" href="mailto:aracha.b@greaterchiangmai.com">aracha.b@greaterchiangmai.com</a></span>
+                        </div>
+                    </div>
+                </figure>
             </div>
-            <div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn" data-wow-delay="0.4s">
-                <img src="images/about/02pic_about.jpg" alt="GREATER CHIANG MAI"/>
+            <div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn team-style-1" data-wow-delay="0.4s">
+                <figure class="mb-0">
+                    <div class="team-image">
+                        <img src="images/about/02pic_about.jpg" alt="จิตรทิวัส พรประเสริฐ ผู้อำนวยการฝ่ายสารคดี"/>
+                        <div class="team-overlay bg-deep-pink opacity-medium"></div>
+                        <div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
+                            <span class="alt-font text-large d-block">จิตรทิวัส พรประเสริฐ</span>
+                            <span class="alt-font text-large d-block margin-10px-bottom">Chittiwat Pornprasert</span>
+                            <span class="d-block">ผู้อำนวยการฝ่ายสารคดี</span>
+                            <span class="d-block margin-15px-bottom">Documentary director</span>
+                            <span class="d-block text-small">Tel <a class="text-white" href="tel:+66813786086">+66 (0) 81 378 6086</a></span>
+                            <span class="d-block text-small">Email <a class="text-white" href="mailto:chittiwat.p@greaterchiangmai.com">chittiwat.p@greaterchiangmai.com</a></span>
+                        </div>
+                    </div>
+                </figure>
             </div>
         </div>
     </div>