Added the original footer
This commit is contained in:
@@ -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>© 2021 – 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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user