From 93f09a83f414c2f80a54f6119c3c486bc58547bd Mon Sep 17 00:00:00 2001
From: "Kent Joseph T. Palima" <admin@upiecep.org>
Date: Sun, 3 May 2026 11:53:14 +0800
Subject: [PATCH] Modified order of blocks in Family part in mobile

---
 src/components/Family/Family.astro | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Family/Family.astro b/src/components/Family/Family.astro
index d9339f0..4afc2fd 100644
--- a/src/components/Family/Family.astro
+++ b/src/components/Family/Family.astro
@@ -10,12 +10,12 @@ import family3 from '../../assets/images/family/family_3.png';
     
     <!-- Mobile Popup 1 (Retains arrow) -->
     <div class="image-panel">
-      <img src={family1.src} alt="" />
+      <img src={family3.src} alt="" />
       <div class="image-panel-popup">
-        <a href="/current-members" style="color: inherit; text-decoration: none;">
-          <h3>Current Members &rarr;</h3>
+        <a href="/executive-committee" style="color: inherit; text-decoration: none;">
+          <h3>Executive Committee &rarr;</h3>
         </a>
-        <p>A short list of all the current members of UP IECEP</p>
+        <p>A bit information about the current heads of each committee</p>
       </div>
     </div>
     
@@ -37,7 +37,9 @@ import family3 from '../../assets/images/family/family_3.png';
     <div class="image-panel">
       <img src={family2.src} alt="" />
       <div class="image-panel-popup">
-        <h3>Notable Members &rarr;</h3>
+        <a href="#people" style="color: inherit; text-decoration: none;">
+          <h3>Notable Members &rarr;</h3>
+        </a>
         <p>
           Some of UP IECEP's most well respected and accomplished individuals
         </p>
@@ -60,12 +62,12 @@ import family3 from '../../assets/images/family/family_3.png';
     
     <!-- Mobile Popup 3 (Retains arrow) -->
     <div class="image-panel">
-      <img src={family3.src} alt="" />
+      <img src={family1.src} alt="" />
       <div class="image-panel-popup">
-        <a href="/executive-committee" style="color: inherit; text-decoration: none;">
-          <h3>Executive Committee &rarr;</h3>
+        <a href="/current-members" style="color: inherit; text-decoration: none;">
+          <h3>Current Members &rarr;</h3>
         </a>
-        <p>A bit information about the current heads of each committee</p>
+        <p>A short list of all the current members of UP IECEP</p>
       </div>
     </div>