f/footer #11
@@ -5,107 +5,27 @@ import { AiFillInstagram } from "react-icons/ai";
|
|||||||
import { Container } from "../../util/container";
|
import { Container } from "../../util/container";
|
||||||
import { RawRenderer } from "./rawRenderer";
|
import { RawRenderer } from "./rawRenderer";
|
||||||
import { ObjectField } from "@tinacms/schema-tools/dist/types";
|
import { ObjectField } from "@tinacms/schema-tools/dist/types";
|
||||||
|
import TagManager from "react-gtm-module";
|
||||||
|
|
||||||
export const Footer = ({ data, rawData }) => {
|
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 (
|
return (
|
||||||
<footer className={ `bg-gradient-to-br ${ footerColorCss }` }>
|
<footer className={ "" }>
|
||||||
<Container className="relative" size="small">
|
<Container className="relative" size="small">
|
||||||
<div className="flex justify-between items-center gap-6 flex-wrap">
|
<div>
|
||||||
<Link
|
<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>
|
||||||
href="/"
|
<p>SIRET 911 883 338 00012<br/><a href="legals.html">Mentions légales</a></p>
|
||||||
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 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">
|
||||||
<div className="flex gap-4">
|
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiPjxwYXRoIGQ9Ik00NDkuNDQ2IDBDNDgzLjk3MSAwIDUxMiAyOC4wMyA1MTIgNjIuNTU0djM4Ni44OTJDNTEyIDQ4My45NyA0ODMuOTcgNTEyIDQ0OS40NDYgNTEySDM0Mi45NzhWMzE5LjA4NWg2Ni42bDEyLjY3Mi04Mi42MjFoLTc5LjI3MnYtNTMuNjE3YzAtMjIuNjAzIDExLjA3My00NC42MzYgNDYuNTgtNDQuNjM2SDQyNS42di03MC4zNHMtMzIuNzEtNS41ODItNjMuOTgyLTUuNTgyYy02NS4yODggMC0xMDcuOTYgMzkuNTY5LTEwNy45NiAxMTEuMjA0djYyLjk3MWgtNzIuNTczdjgyLjYyMWg3Mi41NzNWNTEySDYyLjU1NEMyOC4wMyA1MTIgMCA0ODMuOTcgMCA0NDkuNDQ2VjYyLjU1NEMwIDI4LjAzIDI4LjAyOSAwIDYyLjU1NCAwaDM4Ni44OTJaIiBmaWxsPSIjMTI0NDk4IiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=" alt="Facebook"/>
|
||||||
{ 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>
|
</a>
|
||||||
) }
|
<a href="https://www.instagram.com/psychartherapie" onClick={ () => { /* window.dataLayer.push({ socials: "insta-click" });*/ } } className="py-2">
|
||||||
{ data.social && data.social.twitter && (
|
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiPjxwYXRoIGQ9Ik00NDkuNDQ2IDBDNDgzLjk3MSAwIDUxMiAyOC4wMyA1MTIgNjIuNTU0djM4Ni44OTJDNTEyIDQ4My45NyA0ODMuOTcgNTEyIDQ0OS40NDYgNTEySDYyLjU1NEMyOC4wMyA1MTIgMCA0ODMuOTcgMCA0NDkuNDQ2VjYyLjU1NEMwIDI4LjAzIDI4LjAyOSAwIDYyLjU1NCAwaDM4Ni44OTJaTTI1NiA4MWMtNDcuNTI3IDAtNTMuNDg3LjIwMS03Mi4xNTIgMS4wNTMtMTguNjI3Ljg1LTMxLjM0OCAzLjgwOC00Mi40OCA4LjEzNS0xMS41MDggNC40NzItMjEuMjY3IDEwLjQ1Ni0zMC45OTYgMjAuMTg0LTkuNzI5IDkuNzI5LTE1LjcxMyAxOS40ODktMjAuMTg1IDMwLjk5Ni00LjMyNiAxMS4xMzItNy4yODQgMjMuODUzLTguMTM1IDQyLjQ4QzgxLjIwMSAyMDIuNTEzIDgxIDIwOC40NzMgODEgMjU2cy4yMDEgNTMuNDg3IDEuMDUyIDcyLjE1MmMuODUxIDE4LjYyNyAzLjgwOSAzMS4zNDggOC4xMzUgNDIuNDggNC40NzIgMTEuNTA3IDEwLjQ1NiAyMS4yNjcgMjAuMTg1IDMwLjk5NnMxOS40ODggMTUuNzEzIDMwLjk5NiAyMC4xODVjMTEuMTMyIDQuMzI2IDIzLjg1MyA3LjI4NCA0Mi40OCA4LjEzNEMyMDIuNTEzIDQzMC43OTkgMjA4LjQ3MyA0MzEgMjU2IDQzMXM1My40ODctLjIwMSA3Mi4xNTItMS4wNTNjMTguNjI3LS44NSAzMS4zNDgtMy44MDggNDIuNDgtOC4xMzQgMTEuNTA3LTQuNDcyIDIxLjI2Ny0xMC40NTYgMzAuOTk2LTIwLjE4NXMxNS43MTMtMTkuNDg5IDIwLjE4NS0zMC45OTZjNC4zMjYtMTEuMTMyIDcuMjg0LTIzLjg1MyA4LjEzNC00Mi40OEM0MzAuNzk5IDMwOS40ODcgNDMxIDMwMy41MjcgNDMxIDI1NnMtLjIwMS01My40ODctMS4wNTMtNzIuMTUyYy0uODUtMTguNjI3LTMuODA4LTMxLjM0OC04LjEzNC00Mi40OC00LjQ3Mi0xMS41MDctMTAuNDU2LTIxLjI2Ny0yMC4xODUtMzAuOTk2LTkuNzI5LTkuNzI4LTE5LjQ4OS0xNS43MTItMzAuOTk2LTIwLjE4NC0xMS4xMzItNC4zMjctMjMuODUzLTcuMjg1LTQyLjQ4LTguMTM1QzMwOS40ODcgODEuMjAxIDMwMy41MjcgODEgMjU2IDgxWm0wIDMxLjUzMmM0Ni43MjcgMCA1Mi4yNjIuMTc4IDcwLjcxNSAxLjAyIDE3LjA2Mi43NzkgMjYuMzI4IDMuNjMgMzIuNDk1IDYuMDI1IDguMTY5IDMuMTc1IDEzLjk5OCA2Ljk2OCAyMC4xMjIgMTMuMDkxIDYuMTI0IDYuMTI0IDkuOTE2IDExLjk1NCAxMy4wOTEgMjAuMTIyIDIuMzk2IDYuMTY3IDUuMjQ3IDE1LjQzMyA2LjAyNSAzMi40OTUuODQyIDE4LjQ1MyAxLjAyMSAyMy45ODggMS4wMjEgNzAuNzE1IDAgNDYuNzI3LS4xNzkgNTIuMjYyLTEuMDIxIDcwLjcxNS0uNzc4IDE3LjA2Mi0zLjYyOSAyNi4zMjgtNi4wMjUgMzIuNDk1LTMuMTc1IDguMTY5LTYuOTY3IDEzLjk5OC0xMy4wOTEgMjAuMTIyLTYuMTI0IDYuMTI0LTExLjk1MyA5LjkxNi0yMC4xMjIgMTMuMDkxLTYuMTY3IDIuMzk2LTE1LjQzMyA1LjI0Ny0zMi40OTUgNi4wMjUtMTguNDUuODQyLTIzLjk4NSAxLjAyMS03MC43MTUgMS4wMjEtNDYuNzMgMC01Mi4yNjQtLjE3OS03MC43MTUtMS4wMjEtMTcuMDYyLS43NzgtMjYuMzI4LTMuNjI5LTMyLjQ5NS02LjAyNS04LjE2OS0zLjE3NS0xMy45OTgtNi45NjctMjAuMTIyLTEzLjA5MS02LjEyNC02LjEyNC05LjkxNy0xMS45NTMtMTMuMDkxLTIwLjEyMi0yLjM5Ni02LjE2Ny01LjI0Ny0xNS40MzMtNi4wMjYtMzIuNDk1LS44NDItMTguNDUzLTEuMDItMjMuOTg4LTEuMDItNzAuNzE1IDAtNDYuNzI3LjE3OC01Mi4yNjIgMS4wMi03MC43MTUuNzc5LTE3LjA2MiAzLjYzLTI2LjMyOCA2LjAyNi0zMi40OTUgMy4xNzQtOC4xNjggNi45NjctMTMuOTk4IDEzLjA5MS0yMC4xMjIgNi4xMjQtNi4xMjMgMTEuOTUzLTkuOTE2IDIwLjEyMi0xMy4wOTEgNi4xNjctMi4zOTUgMTUuNDMzLTUuMjQ2IDMyLjQ5NS02LjAyNSAxOC40NTMtLjg0MiAyMy45ODgtMS4wMiA3MC43MTUtMS4wMlptMCA1My42MDNjLTQ5LjYzMSAwLTg5Ljg2NSA0MC4yMzQtODkuODY1IDg5Ljg2NSAwIDQ5LjYzMSA0MC4yMzQgODkuODY1IDg5Ljg2NSA4OS44NjUgNDkuNjMxIDAgODkuODY1LTQwLjIzNCA4OS44NjUtODkuODY1IDAtNDkuNjMxLTQwLjIzNC04OS44NjUtODkuODY1LTg5Ljg2NVptMCAxNDguMTk4Yy0zMi4yMTcgMC01OC4zMzMtMjYuMTE2LTU4LjMzMy01OC4zMzNzMjYuMTE2LTU4LjMzMyA1OC4zMzMtNTguMzMzIDU4LjMzMyAyNi4xMTYgNTguMzMzIDU4LjMzMy0yNi4xMTYgNTguMzMzLTU4LjMzMyA1OC4zMzNabTExNC40MTYtMTUxLjc0OGMwIDExLjU5OC05LjQwMyAyMC45OTktMjEuMDAxIDIwLjk5OS0xMS41OTcgMC0yMC45OTktOS40MDEtMjAuOTk5LTIwLjk5OSAwLTExLjU5OCA5LjQwMi0yMSAyMC45OTktMjEgMTEuNTk4IDAgMjEuMDAxIDkuNDAyIDIxLjAwMSAyMVoiIGZpbGw9IiMxMjQ0OTgiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==" alt="Instagram"/>
|
||||||
<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>
|
</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>
|
</div>
|
||||||
<RawRenderer parentColor={ data.color } rawData={ rawData } />
|
<div>
|
||||||
|
<p>© 2021 – Fait avec amour par <a className="mx-1" href="https://www.linkedin.com/in/nolwenn-meyer/">Nolwenn Meyer</a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</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>
|
</Container>
|
||||||
</footer>
|
</footer>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
import "../styles/_styles.scss";
|
import "../styles/_styles.scss";
|
||||||
|
import TagManager from "react-gtm-module";
|
||||||
|
|
||||||
|
// TagManager.initialize({ gtmId: "" });
|
||||||
const App = ({ Component, pageProps }) => {
|
const App = ({ Component, pageProps }) => {
|
||||||
return <Component { ...pageProps } />;
|
return <Component { ...pageProps } />;
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user