From 985eda807c522e1eb3ff5f56d511fbb2858e3f43 Mon Sep 17 00:00:00 2001
From: support <signup@kh3group.com>
Date: Thu, 5 Mar 2026 08:27:08 +0000
Subject: [PATCH] social icons

---
 src/components/footer.html | 26 +++++++++++++++++++-------
 src/index.html             |  2 +-
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/components/footer.html b/src/components/footer.html
index 4660fbe..477ecc7 100644
--- a/src/components/footer.html
+++ b/src/components/footer.html
@@ -38,10 +38,10 @@
                     <h3 class="text-lg font-semibold text-white mb-4 uppercase tracking-wider">Navigate</h3>
                     <ul class="space-y-3">
                         <li><a href="index.html" class="hover:text-kh3-red transition-colors">Home</a></li>
-                        <li><a href="about.html" class="hover:text-kh3-red transition-colors">Why KH3</a></li>
-                        <li><a href="services.html" class="hover:text-kh3-red transition-colors">How We Work</a>
+                        <li><a href="why.html" class="hover:text-kh3-red transition-colors">Why KH3</a></li>
+                        <li><a href="how.html" class="hover:text-kh3-red transition-colors">How We Work</a>
                         </li>
-                        <li><a href="projects.html" class="hover:text-kh3-red transition-colors">Our What</a></li>
+                        <li><a href="what.html" class="hover:text-kh3-red transition-colors">Our What</a></li>
                         <li><a href="who.html" class="hover:text-kh3-red transition-colors">Who We Are</a></li>
                     </ul>
                 </div>
@@ -57,10 +57,22 @@
                     </ul>
                     <!-- Social Icons (add your links) -->
                     <div class="flex justify-center md:justify-start space-x-4 mt-6">
-                        <a href="https://linkedin.com" aria-label="LinkedIn"
-                            class="hover:text-kh3-red transition-colors">LinkedIn</a>
-                        <a href="https://instagram.com" aria-label="Instagram"
-                            class="hover:text-kh3-red transition-colors">Instagram</a>
+                        <a href="https://www.linkedin.com/company/kh3" aria-label="LinkedIn"
+                            class="hover:text-kh3-red transition-colors focus:outline-none focus:ring-2 focus:ring-kh3-red focus:ring-offset-2 focus:ring-offset-kh3-black rounded">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
+                                class="w-6 h-6">
+                                <path
+                                    d="M4.98 3.5C4.98 4.88 3.88 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM0 8h5v16H0V8zm7.5 0h4.8v2.2h.07c.67-1.27 2.3-2.6 4.73-2.6C22.42 7.6 24 9.3 24 13.1V24h-5v-9.3c0-2.2-.8-3.7-2.8-3.7-1.53 0-2.44 1.03-2.84 2.02-.15.36-.18.86-.18 1.36V24h-5V8z" />
+                            </svg>
+                        </a>
+                        <a href="https://www.instagram.com/the_rkh3limited" aria-label="Instagram"
+                            class="hover:text-kh3-red transition-colors focus:outline-none focus:ring-2 focus:ring-kh3-red focus:ring-offset-2 focus:ring-offset-kh3-black rounded">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
+                                class="w-6 h-6">
+                                <path
+                                    d="M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 2h8.5C18.01 4 20 5.99 20 7.75v8.5c0 1.76-1.99 3.75-3.75 3.75h-8.5C5.99 20 4 18.01 4 16.25v-8.5C4 5.99 5.99 4 7.75 4zm9.5 1.5a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zM12 7a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6z" />
+                            </svg>
+                        </a>
                     </div>
                 </div>
 
diff --git a/src/index.html b/src/index.html
index 0526446..d7ded32 100644
--- a/src/index.html
+++ b/src/index.html
@@ -50,7 +50,7 @@
 
     <div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 opacity-0 hidden md:flex items-center gap-4"
       data-anim="fade-in-up" data-anim-delay="1200">
-      <a href="about.html" data-trans="crossfade"
+      <a href="why.html" data-trans="crossfade"
         class="inline-block uppercase tracking-wider px-6 py-3 text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-md animate-border-glow">
         Why KH3
       </a>