Added header and starter package offer

ghost · ghost · commit 6aa8aaf99239 · 2026-05-22T04:37:18.000+02:00
diff --git a/90-days-roadmap.html b/90-days-roadmap.html
@@ -262,6 +262,25 @@
                 </a>
             </div>
         </header>
+        <div id="header-placeholder"></div>
+
+        <script>
+            fetch('standalone-header.html')
+                .then(response => response.text())
+                .then(data => {
+                    document.getElementById('header-placeholder').outerHTML = data;
+
+                    const menuBtn = document.getElementById('menuBtn');
+                    const panel = document.getElementById('mobilePanel');
+
+                    if (menuBtn && panel) {
+                        menuBtn.addEventListener('click', function () {
+                            const open = panel.classList.toggle('show');
+                            menuBtn.setAttribute('aria-expanded', String(open));
+                        });
+                    }
+                });
+        </script>
         <header>
             <h1>90‑Day Security Roadmap</h1>
             <p>Three‑phase plan for companies to strengthen Identity, Logging/Monitoring, and Networking.</p>
diff --git a/about-me.html b/about-me.html
@@ -215,6 +215,26 @@
       </header>
     </div>
 
+    <div id="header-placeholder"></div>
+
+    <script>
+      fetch('standalone-header.html')
+        .then(response => response.text())
+        .then(data => {
+          document.getElementById('header-placeholder').outerHTML = data;
+
+          const menuBtn = document.getElementById('menuBtn');
+          const panel = document.getElementById('mobilePanel');
+
+          if (menuBtn && panel) {
+            menuBtn.addEventListener('click', function () {
+              const open = panel.classList.toggle('show');
+              menuBtn.setAttribute('aria-expanded', String(open));
+            });
+          }
+        });
+    </script>
+
     <div>
       <header>
         <h1>
diff --git a/ai-governance-2services.html b/ai-governance-2services.html
@@ -614,6 +614,7 @@
           </svg>
         </button>
         <a class="btn btn-primary" href="#service">View assessment</a>
+        <a class="btn btn-primary" href="new-clients-starter-offer.html">New client?</a>
       </div>
     </div>
   </header>
diff --git a/ai-governance.html b/ai-governance.html
@@ -636,6 +636,7 @@
           </svg>
         </button>
         <a class="btn btn-primary" href="#service">View assessment</a>
+        <a class="btn btn-primary" href="new-clients-starter-offer.html">New client?</a>
       </div>
     </div>
   </header>
diff --git a/ai-security-assessment.html b/ai-security-assessment.html
@@ -225,6 +225,25 @@
             </a>
         </div>
     </header>
+    <div id="header-placeholder"></div>
+
+    <script>
+        fetch('standalone-header.html')
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('header-placeholder').outerHTML = data;
+
+                const menuBtn = document.getElementById('menuBtn');
+                const panel = document.getElementById('mobilePanel');
+
+                if (menuBtn && panel) {
+                    menuBtn.addEventListener('click', function () {
+                        const open = panel.classList.toggle('show');
+                        menuBtn.setAttribute('aria-expanded', String(open));
+                    });
+                }
+            });
+    </script>
     <div class="header">
         <h1>🤖 AI Security & Governance Quick Assessment</h1>
         <p>Answer 8 simple questions. Get your risk score + 3 priority fixes.<br><strong>Takes 2 minutes.</strong></p>
diff --git a/cloud-migration-services.html b/cloud-migration-services.html
@@ -693,6 +693,7 @@
           </svg>
         </button>
         <a class="btn btn-primary" href="#services">View services</a>
+        <a class="btn btn-primary" href="new-clients-starter-offer.html">New client?</a>
       </div>
     </div>
   </header>
diff --git a/cloud-quick-assessment.html b/cloud-quick-assessment.html
@@ -225,6 +225,25 @@
             </a>
         </div>
     </header>
+    <div id="header-placeholder"></div>
+
+    <script>
+        fetch('standalone-header.html')
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('header-placeholder').outerHTML = data;
+
+                const menuBtn = document.getElementById('menuBtn');
+                const panel = document.getElementById('mobilePanel');
+
+                if (menuBtn && panel) {
+                    menuBtn.addEventListener('click', function () {
+                        const open = panel.classList.toggle('show');
+                        menuBtn.setAttribute('aria-expanded', String(open));
+                    });
+                }
+            });
+    </script>
     <div class="header">
         <h1>🛡️ Cloud Security Quick Assessment</h1>
         <p>Answer 8 simple questions. Get your risk score + 3 priority fixes.<br><strong>Takes 2 minutes.</strong></p>
diff --git a/cloud-security-audits-advisory.html b/cloud-security-audits-advisory.html
@@ -696,6 +696,7 @@
           </svg>
         </button>
         <a class="btn btn-primary" href="#services">View services</a>
+        <a class="btn btn-primary" href="new-clients-starter-offer.html">New client?</a>
       </div>
     </div>
   </header>
diff --git a/compliance-governance.html b/compliance-governance.html
@@ -592,6 +592,7 @@
           </svg>
         </button>
         <a class="btn btn-primary" href="#service">View assessment</a>
+        <a class="btn btn-primary" href="new-clients-starter-offer.html">New client?</a>
       </div>
     </div>
   </header>
diff --git a/compliance-readiness-assessment.html b/compliance-readiness-assessment.html
@@ -228,6 +228,26 @@
         </div>
     </header>
 
+    <div id="header-placeholder"></div>
+
+    <script>
+        fetch('standalone-header.html')
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('header-placeholder').outerHTML = data;
+
+                const menuBtn = document.getElementById('menuBtn');
+                const panel = document.getElementById('mobilePanel');
+
+                if (menuBtn && panel) {
+                    menuBtn.addEventListener('click', function () {
+                        const open = panel.classList.toggle('show');
+                        menuBtn.setAttribute('aria-expanded', String(open));
+                    });
+                }
+            });
+    </script>
+
     <div class="header">
         <h1>🎯 Compliance Readiness Assessment</h1>
         <p>Is your cloud ready for SOC 2, ISO 27001, or GDPR audits?<br><strong>10 questions · 3 minutes · Get your
diff --git a/footer.html b/footer.html
@@ -3,6 +3,58 @@
 
 <head>
     <style>
+        .footer-cta {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 14px;
+            flex-wrap: wrap;
+            text-align: center;
+        }
+
+        .footer-cta-copy {
+            flex: 0 1 420px;
+            margin: 0;
+        }
+
+        .footer-cta-btn {
+            flex: 0 0 auto;
+            margin-left: 0;
+        }
+
+        @media (max-width: 640px) {
+            .footer-cta {
+                flex-direction: column;
+                align-items: stretch;
+            }
+
+            .footer-cta-btn {
+                width: 100%;
+                justify-content: center;
+                color: chartreuse
+            }
+        }
+
+        .footer-cta-btn.new-client-btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-height: 44px;
+            padding: 0 18px;
+            border-radius: 999px;
+            background: linear-gradient(180deg, #23841a 0%, var(--primary) 100%);
+            color: #fff;
+            text-decoration: none;
+            border: 1px solid rgba(1, 105, 111, 0.16);
+            box-shadow: 0 8px 18px rgba(1, 105, 111, 0.16);
+        }
+
+        .footer-cta-btn.new-client-btn:hover,
+        .footer-cta-btn.new-client-btn:focus-visible {
+            color: #fff;
+            text-decoration: none;
+        }
+
         .site-footer a:hover {
             color: #4a90e2 !important;
             transition: color 0.3s ease;
@@ -67,6 +119,11 @@ <h4>Legal</h4>
             </div>
         </div>
 
+        <section class="footer-cta">
+            <p class="footer-cta-copy">New client? Start with a simple first step.</p>
+            <a class="new-client-btn footer-cta-btn" href="new-clients-starter-offer.html">Get started</a>
+        </section>
+
         <!-- Bottom Bar: Organized CTAs, Copyright, Social -->
         <div style="border-top: 1px solid #333; padding-top: 20px; text-align: center; margin-top: 20px;">
             <!-- Organized CTA Buttons Row -->
diff --git a/index.html b/index.html
@@ -522,6 +522,26 @@
       </div>
     </header>
 
+    <div id="header-placeholder"></div>
+
+    <script>
+      fetch('standalone-header.html')
+        .then(response => response.text())
+        .then(data => {
+          document.getElementById('header-placeholder').outerHTML = data;
+
+          const menuBtn = document.getElementById('menuBtn');
+          const panel = document.getElementById('mobilePanel');
+
+          if (menuBtn && panel) {
+            menuBtn.addEventListener('click', function () {
+              const open = panel.classList.toggle('show');
+              menuBtn.setAttribute('aria-expanded', String(open));
+            });
+          }
+        });
+    </script>
+
     <p style="margin-top: 10px;">
       <a href="about-me.html"
         style="background: #007BFF; color: white; padding: 8px 16px; border-radius: 20px; text-decoration: none; font-weight: 600;"
diff --git a/new-clients-starter-offer.html b/new-clients-starter-offer.html
diff --git a/quantum-readiness.html b/quantum-readiness.html
diff --git a/standalone-header.html b/standalone-header.html
