From ea192edf8f5d9735d4388f13dcc762a5e235de41 Mon Sep 17 00:00:00 2001
From: Skydust <evann.jallet@gmail.com>
Date: Sun, 10 Sep 2023 22:22:28 +0200
Subject: [PATCH] Added the original footer

---
 components/layout/footer/footer.tsx | 110 ++++------------------------
 pages/_app.tsx                      |   2 +
 2 files changed, 17 insertions(+), 95 deletions(-)

diff --git a/components/layout/footer/footer.tsx b/components/layout/footer/footer.tsx
index 47db620..12965e6 100644
--- a/components/layout/footer/footer.tsx
+++ b/components/layout/footer/footer.tsx
@@ -5,107 +5,27 @@ import { AiFillInstagram } from "react-icons/ai";
 import { Container } from "../../util/container";
 import { RawRenderer } from "./rawRenderer";
 import { ObjectField } from "@tinacms/schema-tools/dist/types";
+import TagManager from "react-gtm-module";
 
 export const Footer = ({ data, rawData }) => {
-    const socialIconClasses = "h-7 w-auto";
-    const socialIconColorClasses = {
-        blue: "text-blue-500 dark:text-blue-400 hover:text-blue-300",
-        teal: "text-teal-500 dark:text-teal-400 hover:text-teal-300",
-        green: "text-green-500 dark:text-green-400 hover:text-green-300",
-        red: "text-red-500 dark:text-red-400 hover:text-red-300",
-        pink: "text-pink-500 dark:text-pink-400 hover:text-pink-300",
-        purple: "text-purple-500 dark:text-purple-400 hover:text-purple-300",
-        orange: "text-orange-500 dark:text-orange-400 hover:text-orange-300",
-        yellow: "text-yellow-500 dark:text-yellow-400 hover:text-yellow-300",
-        primary: "text-white opacity-80 hover:opacity-100"
-    };
-
-    const footerColor = {
-        default:
-      "text-gray-800 from-white to-gray-50 dark:from-gray-900 dark:to-gray-1000",
-        primary: {
-            blue: "text-white from-blue-500 to-blue-700",
-            teal: "text-white from-teal-500 to-teal-600",
-            green: "text-white from-green-500 to-green-600",
-            red: "text-white from-red-500 to-red-600",
-            pink: "text-white from-pink-500 to-pink-600",
-            purple: "text-white from-purple-500 to-purple-600",
-            orange: "text-white from-orange-500 to-orange-600",
-            yellow: "text-white from-yellow-500 to-yellow-600"
-        }
-    };
-
-    const footerColorCss = footerColor.default;
-
     return (
-        <footer className={ `bg-gradient-to-br ${ footerColorCss }` }>
+        <footer className={ "" }>
             <Container className="relative" size="small">
-                <div className="flex justify-between items-center gap-6 flex-wrap">
-                    <Link
-                        href="/"
-                        className="group mx-2 flex items-center font-bold tracking-tight text-gray-400 dark:text-gray-300 opacity-50 hover:opacity-100 transition duration-150 ease-out whitespace-nowrap"
-                    />
-                    <div className="flex gap-4">
-                        { data.social && data.social.facebook && (
-                            <a
-                                className="inline-block opacity-80 hover:opacity-100 transition ease-out duration-150"
-                                href={ data.social.facebook }
-                                target="_blank"
-                            >
-                                <FaFacebookF
-                                    className={ `${ socialIconClasses } ${
-                                        socialIconColorClasses.primary
-                                    }` }
-                                />
-                            </a>
-                        ) }
-                        { data.social && data.social.twitter && (
-                            <a
-                                className="inline-block opacity-80 hover:opacity-100 transition ease-out duration-150"
-                                href={ data.social.twitter }
-                                target="_blank"
-                            >
-                                <FaTwitter
-                                    className={ `${ socialIconClasses } ${
-                                        socialIconColorClasses.primary
-                                    }` }
-                                />
-                            </a>
-                        ) }
-                        { data.social && data.social.instagram && (
-                            <a
-                                className="inline-block opacity-80 hover:opacity-100 transition ease-out duration-150"
-                                href={ data.social.instagram }
-                                target="_blank"
-                            >
-                                <AiFillInstagram
-                                    className={ `${ socialIconClasses } ${
-                                        socialIconColorClasses.primary
-                                    }` }
-                                />
-                            </a>
-                        ) }
-                        { data.social && data.social.github && (
-                            <a
-                                className="inline-block opacity-80 hover:opacity-100 transition ease-out duration-150"
-                                href={ data.social.github }
-                                target="_blank"
-                            >
-                                <FaGithub
-                                    className={ `${ socialIconClasses } ${
-                                        socialIconColorClasses.primary
-                                    }` }
-                                />
-                            </a>
-                        ) }
+                <div>
+                    <p>Contact :<br/><a href="mailto:psychartherapie@gmail.com" onClick={ () => { /* window.dataLayer.push({ event: "mail-click" });*/ } }>psychartherapie@gmail.com</a><br/><b>06 49 23 02 90</b></p>
+                    <p>SIRET 911 883 338 00012<br/><a href="legals.html">Mentions légales</a></p>
+                    <div id="socials" className="d-flex d-column">
+                        <a href="https://www.facebook.com/psychartherapie.gard" onClick={ () => { /* window.dataLayer.push({ socials: "fb-click" });*/ } } className="py-2 me-2">
+                            <img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiPjxwYXRoIGQ9Ik00NDkuNDQ2IDBDNDgzLjk3MSAwIDUxMiAyOC4wMyA1MTIgNjIuNTU0djM4Ni44OTJDNTEyIDQ4My45NyA0ODMuOTcgNTEyIDQ0OS40NDYgNTEySDM0Mi45NzhWMzE5LjA4NWg2Ni42bDEyLjY3Mi04Mi42MjFoLTc5LjI3MnYtNTMuNjE3YzAtMjIuNjAzIDExLjA3My00NC42MzYgNDYuNTgtNDQuNjM2SDQyNS42di03MC4zNHMtMzIuNzEtNS41ODItNjMuOTgyLTUuNTgyYy02NS4yODggMC0xMDcuOTYgMzkuNTY5LTEwNy45NiAxMTEuMjA0djYyLjk3MWgtNzIuNTczdjgyLjYyMWg3Mi41NzNWNTEySDYyLjU1NEMyOC4wMyA1MTIgMCA0ODMuOTcgMCA0NDkuNDQ2VjYyLjU1NEMwIDI4LjAzIDI4LjAyOSAwIDYyLjU1NCAwaDM4Ni44OTJaIiBmaWxsPSIjMTI0NDk4IiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=" alt="Facebook"/>
+                        </a>
+                        <a href="https://www.instagram.com/psychartherapie" onClick={ () => { /* window.dataLayer.push({ socials: "insta-click" });*/ } } className="py-2">
+                            <img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiPjxwYXRoIGQ9Ik00NDkuNDQ2IDBDNDgzLjk3MSAwIDUxMiAyOC4wMyA1MTIgNjIuNTU0djM4Ni44OTJDNTEyIDQ4My45NyA0ODMuOTcgNTEyIDQ0OS40NDYgNTEySDYyLjU1NEMyOC4wMyA1MTIgMCA0ODMuOTcgMCA0NDkuNDQ2VjYyLjU1NEMwIDI4LjAzIDI4LjAyOSAwIDYyLjU1NCAwaDM4Ni44OTJaTTI1NiA4MWMtNDcuNTI3IDAtNTMuNDg3LjIwMS03Mi4xNTIgMS4wNTMtMTguNjI3Ljg1LTMxLjM0OCAzLjgwOC00Mi40OCA4LjEzNS0xMS41MDggNC40NzItMjEuMjY3IDEwLjQ1Ni0zMC45OTYgMjAuMTg0LTkuNzI5IDkuNzI5LTE1LjcxMyAxOS40ODktMjAuMTg1IDMwLjk5Ni00LjMyNiAxMS4xMzItNy4yODQgMjMuODUzLTguMTM1IDQyLjQ4QzgxLjIwMSAyMDIuNTEzIDgxIDIwOC40NzMgODEgMjU2cy4yMDEgNTMuNDg3IDEuMDUyIDcyLjE1MmMuODUxIDE4LjYyNyAzLjgwOSAzMS4zNDggOC4xMzUgNDIuNDggNC40NzIgMTEuNTA3IDEwLjQ1NiAyMS4yNjcgMjAuMTg1IDMwLjk5NnMxOS40ODggMTUuNzEzIDMwLjk5NiAyMC4xODVjMTEuMTMyIDQuMzI2IDIzLjg1MyA3LjI4NCA0Mi40OCA4LjEzNEMyMDIuNTEzIDQzMC43OTkgMjA4LjQ3MyA0MzEgMjU2IDQzMXM1My40ODctLjIwMSA3Mi4xNTItMS4wNTNjMTguNjI3LS44NSAzMS4zNDgtMy44MDggNDIuNDgtOC4xMzQgMTEuNTA3LTQuNDcyIDIxLjI2Ny0xMC40NTYgMzAuOTk2LTIwLjE4NXMxNS43MTMtMTkuNDg5IDIwLjE4NS0zMC45OTZjNC4zMjYtMTEuMTMyIDcuMjg0LTIzLjg1MyA4LjEzNC00Mi40OEM0MzAuNzk5IDMwOS40ODcgNDMxIDMwMy41MjcgNDMxIDI1NnMtLjIwMS01My40ODctMS4wNTMtNzIuMTUyYy0uODUtMTguNjI3LTMuODA4LTMxLjM0OC04LjEzNC00Mi40OC00LjQ3Mi0xMS41MDctMTAuNDU2LTIxLjI2Ny0yMC4xODUtMzAuOTk2LTkuNzI5LTkuNzI4LTE5LjQ4OS0xNS43MTItMzAuOTk2LTIwLjE4NC0xMS4xMzItNC4zMjctMjMuODUzLTcuMjg1LTQyLjQ4LTguMTM1QzMwOS40ODcgODEuMjAxIDMwMy41MjcgODEgMjU2IDgxWm0wIDMxLjUzMmM0Ni43MjcgMCA1Mi4yNjIuMTc4IDcwLjcxNSAxLjAyIDE3LjA2Mi43NzkgMjYuMzI4IDMuNjMgMzIuNDk1IDYuMDI1IDguMTY5IDMuMTc1IDEzLjk5OCA2Ljk2OCAyMC4xMjIgMTMuMDkxIDYuMTI0IDYuMTI0IDkuOTE2IDExLjk1NCAxMy4wOTEgMjAuMTIyIDIuMzk2IDYuMTY3IDUuMjQ3IDE1LjQzMyA2LjAyNSAzMi40OTUuODQyIDE4LjQ1MyAxLjAyMSAyMy45ODggMS4wMjEgNzAuNzE1IDAgNDYuNzI3LS4xNzkgNTIuMjYyLTEuMDIxIDcwLjcxNS0uNzc4IDE3LjA2Mi0zLjYyOSAyNi4zMjgtNi4wMjUgMzIuNDk1LTMuMTc1IDguMTY5LTYuOTY3IDEzLjk5OC0xMy4wOTEgMjAuMTIyLTYuMTI0IDYuMTI0LTExLjk1MyA5LjkxNi0yMC4xMjIgMTMuMDkxLTYuMTY3IDIuMzk2LTE1LjQzMyA1LjI0Ny0zMi40OTUgNi4wMjUtMTguNDUuODQyLTIzLjk4NSAxLjAyMS03MC43MTUgMS4wMjEtNDYuNzMgMC01Mi4yNjQtLjE3OS03MC43MTUtMS4wMjEtMTcuMDYyLS43NzgtMjYuMzI4LTMuNjI5LTMyLjQ5NS02LjAyNS04LjE2OS0zLjE3NS0xMy45OTgtNi45NjctMjAuMTIyLTEzLjA5MS02LjEyNC02LjEyNC05LjkxNy0xMS45NTMtMTMuMDkxLTIwLjEyMi0yLjM5Ni02LjE2Ny01LjI0Ny0xNS40MzMtNi4wMjYtMzIuNDk1LS44NDItMTguNDUzLTEuMDItMjMuOTg4LTEuMDItNzAuNzE1IDAtNDYuNzI3LjE3OC01Mi4yNjIgMS4wMi03MC43MTUuNzc5LTE3LjA2MiAzLjYzLTI2LjMyOCA2LjAyNi0zMi40OTUgMy4xNzQtOC4xNjggNi45NjctMTMuOTk4IDEzLjA5MS0yMC4xMjIgNi4xMjQtNi4xMjMgMTEuOTUzLTkuOTE2IDIwLjEyMi0xMy4wOTEgNi4xNjctMi4zOTUgMTUuNDMzLTUuMjQ2IDMyLjQ5NS02LjAyNSAxOC40NTMtLjg0MiAyMy45ODgtMS4wMiA3MC43MTUtMS4wMlptMCA1My42MDNjLTQ5LjYzMSAwLTg5Ljg2NSA0MC4yMzQtODkuODY1IDg5Ljg2NSAwIDQ5LjYzMSA0MC4yMzQgODkuODY1IDg5Ljg2NSA4OS44NjUgNDkuNjMxIDAgODkuODY1LTQwLjIzNCA4OS44NjUtODkuODY1IDAtNDkuNjMxLTQwLjIzNC04OS44NjUtODkuODY1LTg5Ljg2NVptMCAxNDguMTk4Yy0zMi4yMTcgMC01OC4zMzMtMjYuMTE2LTU4LjMzMy01OC4zMzNzMjYuMTE2LTU4LjMzMyA1OC4zMzMtNTguMzMzIDU4LjMzMyAyNi4xMTYgNTguMzMzIDU4LjMzMy0yNi4xMTYgNTguMzMzLTU4LjMzMyA1OC4zMzNabTExNC40MTYtMTUxLjc0OGMwIDExLjU5OC05LjQwMyAyMC45OTktMjEuMDAxIDIwLjk5OS0xMS41OTcgMC0yMC45OTktOS40MDEtMjAuOTk5LTIwLjk5OSAwLTExLjU5OCA5LjQwMi0yMSAyMC45OTktMjEgMTEuNTk4IDAgMjEuMDAxIDkuNDAyIDIxLjAwMSAyMVoiIGZpbGw9IiMxMjQ0OTgiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==" alt="Instagram"/>
+                        </a>
+                    </div>
+                    <div>
+                        <p>&copy; 2021 &#8211; Fait avec amour par <a className="mx-1" href="https://www.linkedin.com/in/nolwenn-meyer/">Nolwenn Meyer</a></p>
                     </div>
-                    <RawRenderer parentColor={ data.color } rawData={ rawData } />
                 </div>
-                <div
-                    className={ `absolute h-1 bg-gradient-to-r from-transparent ${
-                        data.color === "primary" ? "via-white" : "via-black dark:via-white"
-                    } to-transparent top-0 left-4 right-4 opacity-5` }
-                />
             </Container>
         </footer>
     );
diff --git a/pages/_app.tsx b/pages/_app.tsx
index dbf311a..af52691 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,5 +1,7 @@
 import "../styles/_styles.scss";
+import TagManager from "react-gtm-module";
 
+// TagManager.initialize({ gtmId: "" });
 const App = ({ Component, pageProps }) => {
     return <Component { ...pageProps } />;
 };