Make carousel generic

gatsby-config.js

@@ -11,6 +11,7 @@ module.exports = {
     "gatsby-transformer-sharp",
     "gatsby-plugin-react-helmet",
     "gatsby-plugin-preact",
+    "gatsby-plugin-gdpr-cookies",
     {
       resolve: "gatsby-plugin-react-svg",
       options: {
@@ -20,47 +21,35 @@ module.exports = {
       }
     },
     {
-      resolve: `gatsby-plugin-google-gtag`,
+      resolve: `gatsby-plugin-gdpr-cookies`,
       options: {
-        // You can add multiple tracking ids and a pageview event will be fired for all of them.
-        trackingIds: [
-          "G-2WM77E6YNH",
-          "AW-10862509247"
-        ],
+        googleAnalytics: {
+          trackingId: "G-2WM77E6YNH",
+          cookieName: 'gatsby-gdpr-google-analytics',
+          anonymize: true,
+          allowAdFeatures: false
+        },
+        googleAnalytics: {
+          trackingId:  "AW-10862509247",
+          cookieName: 'gatsby-gdpr-google-analytics-2',
+          anonymize: true,
+          allowAdFeatures: false
+        },
+        googleTagManager: {
+          trackingId: 'GTM-PJ3PP5W',
+          cookieName: 'gatsby-gdpr-google-tagmanager',
+          dataLayerName: 'gatsby',
+        },
+        facebookPixel: {
+          pixelId: "1182663155872985",
+          cookieName: 'gatsby-gdpr-facebook-pixel',
+        },
+        linkedin: {
+          trackingId: '4229041',
+          cookieName: 'gatsby-gdpr-linked-in'
+        },
+        environments: ['production', 'development']
       },
     },
-    {
-    resolve: `gatsby-plugin-facebook-pixel`,
-      options: {
-        pixelId: "1182663155872985",
-      },
-    },
-    {
-      resolve: "gatsby-plugin-google-tagmanager",
-      options: {
-        id: "GTM-PJ3PP5W",
-
-        // Include GTM in development.
-        //
-        // Defaults to false meaning GTM will only be loaded in production.
-        includeInDevelopment: false,
-
-        // datalayer to be set before GTM is loaded
-        // should be an object or a function that is executed in the browser
-        //
-        // Defaults to null
-        defaultDataLayer: { platform: "gatsby" }
-      },
-    },
-    {
-      resolve: `gatsby-plugin-linkedin-insight`,
-      options: {
-        partnerId: `4229041`,
-
-        // Include LinkedIn Insight in development.
-        // Defaults to false meaning LinkedIn Insight will only be loaded in production.
-        includeInDevelopment: false
-      }
-    }
   ],
 };

package.json

@@ -22,8 +22,10 @@
     "@mui/icons-material": "^5.2.0",
     "@mui/material": "^5.2.0",
     "@typeform/embed-react": "^1.2.1",
+    "axios": "^0.27.2",
     "gatsby": "^4.2.0",
     "gatsby-plugin-facebook-pixel": "^1.0.8",
+    "gatsby-plugin-gdpr-cookies": "^2.0.9",
     "gatsby-plugin-google-gtag": "^4.3.0",
     "gatsby-plugin-google-tagmanager": "^4.9.0",
     "gatsby-plugin-image": "^2.2.0",
@@ -39,8 +41,8 @@
     "preact-render-to-string": "^5.1.19",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-gsap": "^3.2.1",
     "react-fast-marquee": "^1.3.2",
+    "react-gsap": "^3.2.1",
     "react-helmet": "^6.1.0",
     "react-scroll-parallax": "^3.2.0",
     "react-scrollmagic": "^2.3.0",