diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e868be1..fe15ed5 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -136,13 +136,13 @@ const organizationSchema = {
               <img src="https://siliconpin.com/assets/logo.svg" alt="SiliconPin Logo" class="w-7 h-7 sm:w-8 sm:h-8" />
               <span class="text-sm sm:text-base">&copy; {new Date().getFullYear()} SiliconPin. All rights reserved.</span>
             </div>
-
+    
             <div class="hidden sm:block">
               <a href="/suggestion-or-report" class="text-[#6d9e37] hover:text-white transition-colors">
                 Suggestion or Report
               </a>
             </div>
-
+    
             <div class="flex gap-5 mt-4 sm:mt-0">
               <a href="https://www.linkedin.com/company/siliconpin" aria-label="LinkedIn" class="text-[#6d9e37] hover:text-white transition-colors" target="_blank" rel="noopener">
                 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
@@ -163,53 +163,53 @@ const organizationSchema = {
           </div>
         </div>
       </div>
-
+    
       <!-- Footer links section with main background -->
       <div class="py-10 px-4 sm:px-6">
         <div class="container mx-auto">
           <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
             <!-- Services column - Card Style -->
             <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
-              <h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Services</h3>
+              <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Services</h3>
               <ul class="space-y-2 text-neutral-400">
-                <li><a href="/services" class="hover:text-[#6d9e37] transition-colors">All Services</a></li>
-                <li><a href="/get-started" class="hover:text-[#6d9e37] transition-colors">Get Started</a></li>
-                <li><a href="/services/hire-developer" class="hover:text-[#6d9e37] transition-colors">Hire a Human Developer</a></li>
-                <li><a href="/services/hire-ai-agent" class="hover:text-[#6d9e37] transition-colors">Hire an AI Agent</a></li>
+                <li class="flex items-center gap-2">📦 <a href="/services" class="hover:text-[#6d9e37] transition-colors">All Services</a></li>
+                <li class="flex items-center gap-2">🚀 <a href="/get-started" class="hover:text-[#6d9e37] transition-colors">Get Started</a></li>
+                <li class="flex items-center gap-2">👨‍💻 <a href="/services/hire-developer" class="hover:text-[#6d9e37] transition-colors">Hire a Human Developer</a></li>
+                <li class="flex items-center gap-2">🤖 <a href="/services/hire-ai-agent" class="hover:text-[#6d9e37] transition-colors">Hire an AI Agent</a></li>
               </ul>
             </div>
-
+    
             <!-- Company column - Card Style -->
             <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
-              <h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Company</h3>
+              <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Company</h3>
               <ul class="space-y-2 text-neutral-400">
-                <li><a href="/about-us" class="hover:text-[#6d9e37] transition-colors">About Us</a></li>
-                <li><a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a></li>
-                <li><a href="/careers" class="hover:text-[#6d9e37] transition-colors">Careers</a></li>
-                <li><a href="/partners" class="hover:text-[#6d9e37] transition-colors">Partners</a></li>
+                <li class="flex items-center gap-2">🏢 <a href="/about-us" class="hover:text-[#6d9e37] transition-colors">About Us</a></li>
+                <li class="flex items-center gap-2">📞 <a href="/contact" class="hover:text-[#6d9e37] transition-colors">Contact</a></li>
+                <li class="flex items-center gap-2">💼 <a href="/careers" class="hover:text-[#6d9e37] transition-colors">Careers</a></li>
+                <li class="flex items-center gap-2">🤝 <a href="/partners" class="hover:text-[#6d9e37] transition-colors">Partners</a></li>
               </ul>
             </div>
-
+    
             <!-- Legal column - Card Style -->
             <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
-              <h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Legal</h3>
+              <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Legal</h3>
               <ul class="space-y-2 text-neutral-400">
-                <li><a href="/privacy-policy" class="hover:text-[#6d9e37] transition-colors">Privacy Policy</a></li>
-                <li><a href="/terms-and-conditions" class="hover:text-[#6d9e37] transition-colors">Terms & Conditions</a></li>
-                <li><a href="/refund-policy" class="hover:text-[#6d9e37] transition-colors">Refund Policy</a></li>
-                <li><a href="/legal-agreement" class="hover:text-[#6d9e37] transition-colors">Legal Agreement</a></li>
-                <li><a href="/suggestion-or-report" class="hover:text-[#6d9e37] transition-colors">Suggestion or Report</a></li>
+                <li class="flex items-center gap-2">🔒 <a href="/privacy-policy" class="hover:text-[#6d9e37] transition-colors">Privacy Policy</a></li>
+                <li class="flex items-center gap-2">📜 <a href="/terms-and-conditions" class="hover:text-[#6d9e37] transition-colors">Terms & Conditions</a></li>
+                <li class="flex items-center gap-2">💸 <a href="/refund-policy" class="hover:text-[#6d9e37] transition-colors">Refund Policy</a></li>
+                <li class="flex items-center gap-2">⚖️ <a href="/legal-agreement" class="hover:text-[#6d9e37] transition-colors">Legal Agreement</a></li>
+                <li class="flex items-center gap-2">📢 <a href="/suggestion-or-report" class="hover:text-[#6d9e37] transition-colors">Suggestion or Report</a></li>
               </ul>
             </div>
-
+    
             <!-- Contact column - Card Style -->
             <div class="bg-neutral-800 p-5 rounded-lg border border-neutral-700 shadow-lg">
-              <h3 class="font-medium text-lg text-white mb-4 pb-2 border-b border-neutral-700">Contact Us</h3>
+              <h3 class="font-medium text-lg text-[#6d9e37] mb-4 pb-2 border-b border-[#6d9e37]">Contact Us</h3>
               <address class="not-italic space-y-2 text-neutral-400">
-                <p>121 Lalbari, GourBongo Road</p>
-                <p>Habra, W.B. 743271, India</p>
-                <p>Phone: <a href="tel:+917001601485" class="text-[#6d9e37] hover:underline">+91-700-160-1485</a></p>
-                <p>Email: <a href="mailto:contact@siliconpin.com" class="text-[#6d9e37] hover:underline">contact@siliconpin.com</a></p>
+                <p class="flex items-center gap-2">📍 121 Lalbari, GourBongo Road</p>
+                <p class="flex items-center gap-2">🏠 Habra, W.B. 743271, India</p>
+                <p class="flex items-center gap-2">📞 <a href="tel:+917001601485" class="text-[#6d9e37] hover:underline">+91-700-160-1485</a></p>
+                <p class="flex items-center gap-2">✉️ <a href="mailto:contact@siliconpin.com" class="text-[#6d9e37] hover:underline">contact@siliconpin.com</a></p>
               </address>
             </div>
           </div>
@@ -247,7 +247,7 @@ const organizationSchema = {
   </body>
 </html>
 
-<script>
+<script is:inline>
 // Mobile menu toggle functionality
 document.addEventListener('DOMContentLoaded', function() {
   const menuBtn = document.getElementById('mobileMenuBtn');