attach safaryClub script to header

src/components/global/SafaryClubScript.tsx

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+
+const SafaryClubScript = () => {
+  useEffect(() => {
+    if (process.env.NODE_ENV === 'production') {
+      const script = document.createElement('script');
+      script.src = 'https://tag.safary.club/stag.js?id=prd_3F8QxipEOt';
+      script.async = true;
+      document.head.appendChild(script);
+
+      // Cleanup on component unmount
+      return () => {
+        document.head.removeChild(script);
+      };
+    }
+  }, []);
+
+  return null;
+};
+
+export default SafaryClubScript;

src/pages/_app.tsx

@@ -23,6 +23,7 @@ import { conf } from '../configs';
 import AmplitudeAnalytics from '../components/global/AmplitudeAnalytics';
 import Script from 'next/script';
 import { usePageViewTracking } from '../helpers/amplitudeHelper';
+import SafaryClubScript from '../components/global/SafaryClubScript';
 
 export default function App({ Component, pageProps }: ComponentWithPageLayout) {
   usePageViewTracking();
@@ -41,6 +42,7 @@ export default function App({ Component, pageProps }: ComponentWithPageLayout) {
   return (
     <>
       <AmplitudeAnalytics />
+      <SafaryClubScript />
       <Script id="tawk" strategy="lazyOnload">
         {`
           var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();