feat: integrate WRNexus web-push SDK and subscribe control

- Add WRNexus push SDK (is:inline) to BaseLayout <head> so it loads on every page that should collect subscribers (api.wrnexus.com/push/sdk.js) - Add "Enable notifications" subscribe button in the footer wired via addEventListener to window.WRNexusPush.subscribe() Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-24 01:33:20 +05:30
parent 966f3b23fa
commit 41abcaa7a4
2 changed files with 22 additions and 0 deletions
@@ -166,6 +166,18 @@ const currentYear = new Date().getFullYear();
          By subscribing, you agree to our
          <a href="/privacy" class="text-primary hover:underline">Privacy Policy</a>.
        </p>
+
+        <!-- Web push opt-in (WRNexus). User-gesture subscribe control. -->
+        <button
+          id="wrnexus-subscribe"
+          type="button"
+          class="mt-6 w-full px-4 py-3 bg-secondary-800 border border-secondary-700 text-white font-medium rounded-lg hover:bg-secondary-700 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-secondary-900 transition-all duration-200 text-sm flex items-center justify-center gap-2"
+        >
+          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+          </svg>
+          <span>Enable notifications</span>
+        </button>
      </div>
    </div>
  </div>
@@ -193,6 +205,11 @@ const currentYear = new Date().getFullYear();
  </div>
 </footer>

+<!-- WRNexus push subscribe: wired via addEventListener (Astro strips inline on* handlers). -->
+<script is:inline>
+  document.getElementById('wrnexus-subscribe')?.addEventListener('click', () => window.WRNexusPush?.subscribe());
+</script>
+
 <script>
  import { trackNewsletterSignup } from '../utils/analytics';

@@ -181,6 +181,11 @@ const fullTitle = title === 'Home' ? homeTitle : `${title} | ${brand}`;
    <!-- Analytics (GA4 or Plausible) -->
    <Analytics />

+    <!-- WRNexus Web Push SDK — loaded once globally so it runs on every page
+         that should collect push subscribers. is:inline keeps Astro's bundler
+         from rewriting the external src and preserves data-site-id / defer. -->
+    <script is:inline src="https://api.wrnexus.com/push/sdk.js" data-site-id="pk_rP51XN8tZnud5HdX9UqidjHk" defer></script>
+
    <!-- Additional head content slot -->
    <slot name="head" />
  </head>