Added links to new blog

Author: ghost

footer.html

@@ -96,6 +96,13 @@ <h4>Legal</h4>
                     Back to Home
                 </a>
                 <!-- Removed class="book-call" as inline styles now handle it -->
+                <a href="https://blog.mousa-cloud.com" target="_blank"
+                    style="display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; background: #008080; color: #fff; text-decoration: none; font-weight: 600; border-radius: 8px; box-shadow: 0 4px 12px rgba(108,117,125,0.3); transition: all 0.3s ease; font-size: 14px; min-height: 48px;"
+                    onmouseover="this.style.boxShadow='0 6px 18px rgba(108,117,125,0.4)'; this.style.transform='translateY(-2px)'"
+                    onmouseout="this.style.boxShadow='0 4px 12px rgba(108,117,125,0.3)'; this.style.transform='translateY(0)'">
+                    <span>Expert Insights</span>
+                    <span aria-hidden="true" style="font-size: 15px; line-height: 1;">↗</span>
+                </a>
             </div>
 
             <!-- Copyright & Links -->

index.html

@@ -1153,6 +1153,57 @@ <h1>Free Quick Self Assessments</h1>
         class="fas fa-external-link-alt"></i>
     </a>
     <hr>
+    <section id="expert-insights" style="margin:32px 0 0; padding:0;">
+      <div style="max-width:1100px; margin:0 auto; padding:0 24px;">
+        <div
+          style="background:linear-gradient(180deg, rgba(1,105,111,.06), rgba(1,105,111,.02)); border:1px solid rgba(1,105,111,.18); border-radius:20px; padding:28px; box-shadow:0 10px 28px rgba(15,54,56,.08);">
+          <div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;">
+            <div style="max-width:700px;">
+              <div
+                style="display:inline-block; font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:#01696f; margin-bottom:10px;">
+                Still evaluating the fit?</div>
+              <h2 style="margin:0 0 10px; font-size:28px; line-height:1.15; color:#1f1f1f;">Read practical insights
+                before you decide.</h2>
+              <p style="margin:0; font-size:16px; line-height:1.7; color:#4f4b43; max-width:68ch;">If you want a better
+                sense of how I think about cloud security, PCI, and AI governance, explore a few short articles that
+                explain my approach with real-world examples.</p>
+            </div>
+
+            <div style="display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:220px;">
+              <a href="https://blog.mousa-cloud.com" target="_blank"
+                style="display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:12px; background:#01696f; color:#ffffff; text-decoration:none; font-weight:700; font-size:15px; line-height:1; border:1px solid #01696f; box-shadow:0 8px 18px rgba(1,105,111,.18); transition:transform .15s ease, box-shadow .15s ease, background .15s ease;"
+                onmouseover="this.style.background='#00575c'; this.style.transform='translateY(-1px)'; this.style.boxShadow='0 12px 22px rgba(1,105,111,.24)'"
+                onmouseout="this.style.background='#01696f'; this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 18px rgba(1,105,111,.18)'">
+                Expert Insights
+                <span aria-hidden="true" style="font-size:16px; line-height:1;">→</span>
+              </a>
+              <a href="#calendly-book" style="font-size:14px; color:#01696f; text-decoration:none; font-weight:600;">Or
+                go
+                back to the discovery call</a>
+            </div>
+          </div>
+
+          <div style="margin-top:22px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px;">
+            <div style="background:#ffffff; border:1px solid rgba(1,105,111,.12); border-radius:16px; padding:16px;">
+              <div style="font-weight:700; margin-bottom:6px; color:#1f1f1f;">Cloud Security</div>
+              <div style="font-size:14px; line-height:1.6; color:#5a564d;">Practical guidance on AWS security, IAM, and
+                reducing operational risk.</div>
+            </div>
+            <div style="background:#ffffff; border:1px solid rgba(1,105,111,.12); border-radius:16px; padding:16px;">
+              <div style="font-weight:700; margin-bottom:6px; color:#1f1f1f;">PCI & Compliance</div>
+              <div style="font-size:14px; line-height:1.6; color:#5a564d;">How tokenization, controls, and scoping
+                decisions affect real compliance work.</div>
+            </div>
+            <div style="background:#ffffff; border:1px solid rgba(1,105,111,.12); border-radius:16px; padding:16px;">
+              <div style="font-weight:700; margin-bottom:6px; color:#1f1f1f;">AI Governance</div>
+              <div style="font-size:14px; line-height:1.6; color:#5a564d;">Thoughts on safe GenAI adoption, policy, and
+                secure-by-design architecture.</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <hr>
     <h1 id="prices">Prices</h1>
     <p style="color: #121212; padding-left: 10%;">
       <b>