add tracking to landing page (#309)

Author: nk-ag

docs/docs/exosphere/state-manager-setup.md

@@ -27,7 +27,7 @@ The Exosphere state manager is the core backend service that handles workflow ex
          -e MONGO_DATABASE_NAME="your-database-name" \
          -e STATE_MANAGER_SECRET="your-secret-key" \
          -e SECRETS_ENCRYPTION_KEY="your-base64-encoded-encryption-key" \
-         ghcr.io/exospherehost/state-manager:latest
+         ghcr.io/exospherehost/exosphere-state-manager:latest
        ```
 
     2. **Verify the service is running**:

landing-page/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { darkerGrotesque, pattanakarn } from '../lib/fonts';
 import "./globals.css";
 import { GoogleAnalytics } from '@next/third-parties/google'
+import RB2BLoader from '../components/RB2BLoader';
 
 export const metadata: Metadata = {
   title: "Exosphere | Async AI Workflows at Scale",
@@ -73,6 +74,7 @@ export default function RootLayout({
       >
         {children}
         <GoogleAnalytics gaId="G-XY9H2PN0ZX" />
+        <RB2BLoader />
       </body>
     </html>
   );

landing-page/src/components/RB2BLoader.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+import { useEffect } from 'react';
+
+export default function RB2BLoader() {
+  const pathname = usePathname();
+
+  useEffect(() => {
+    const existing = document.getElementById('rb2b-script');
+    if (existing) existing.remove();
+
+    const script = document.createElement('script');
+    script.id = 'rb2b-script';
+    script.src = `https://ddwl4m2hdecbv.cloudfront.net/b/${process.env.NEXT_PUBLIC_RB2B_ID}/${process.env.NEXT_PUBLIC_RB2B_ID}.js.gz`;
+    script.async = true;
+    document.body.appendChild(script);
+  }, [pathname]);
+
+  return null;
+}