feat: change tracking script from leadfeeder to leadinfo

src/components/layout/leadinfo-script.tsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+const LeadinfoScript = () => {
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.innerHTML = `
+      (function(l,e,a,d,i,n,f,o){if(!l[i]){l.GlobalLeadinfoNamespace=l.GlobalLeadinfoNamespace||[];
+        l.GlobalLeadinfoNamespace.push(i);l[i]=function(){(l[i].q=l[i].q||[]).push(arguments)};l[i].t=l[i].t||n;
+        l[i].q=l[i].q||[];o=e.createElement(a);f=e.getElementsByTagName(a)[0];o.async=1;o.src=d;f.parentNode.insertBefore(o,f);}
+        }(window,document,'script','https://cdn.leadinfo.eu/ping.js','leadinfo','LI-66D184CC97CFD'));
+      `;
+    document.head.appendChild(script);
+
+    return () => {
+      document.head.removeChild(script);
+    };
+  }, []);
+
+  return null;
+};
+
+export default LeadinfoScript;

src/pages/index.tsx

@@ -11,7 +11,7 @@ import {
 } from '../types';
 import { IGatsbyImageData } from 'gatsby-plugin-image';
 import { StructuredOrganizationData } from '../components/pages/landingpage/structured-organization-data';
-import LeadfeederScript from '../components/layout/leadfeeder-script'; // Import the new component
+import LeadinfoScript from '../components/layout/leadinfo-script'; // Import the new component
 
 export interface OfficeImage {
   relativePath: string;
@@ -73,7 +73,7 @@ export const Head = ({ data, location }: PageProps<IndexPageQueryProps>) => {
         locales={data.locales}
       />
       <StructuredOrganizationData />
-      <LeadfeederScript />
+      <LeadinfoScript />
     </>
   );
 };