241 lines
9.7 KiB
TypeScript
241 lines
9.7 KiB
TypeScript
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import React from "react";
|
|
import { Container } from "@/components/Container";
|
|
import retakeLogo from "../../public/img/logo.png";
|
|
|
|
export function Footer() {
|
|
const navigation = [
|
|
{ name: "Produits", href: "/produits" },
|
|
// { name: "Features", href: "/features" },
|
|
// { name: "Pricing", href: "/pricing" },
|
|
// { name: "Company", href: "/company" },
|
|
// { name: "Blog", href: "/blog" },
|
|
];
|
|
|
|
const legal = [
|
|
{ name: "Mentions Légales", href: "https://s3.retake.fr/public/mentions_legales.pdf"},
|
|
{ name: "CGV", href: "https://s3.retake.fr/public/cgv.pdf"}
|
|
// { name: "Terms", href: "/terms" },
|
|
// { name: "Privacy", href: "/privacy" },
|
|
// { name: "Legal", href: "/legal" },
|
|
];
|
|
return (
|
|
<div id="footer" className="relative">
|
|
<Container>
|
|
<div className="grid max-w-screen-xl grid-cols-1 gap-10 pt-10 mx-auto mt-5 border-t border-gray-100 dark:border-trueGray-700 lg:grid-cols-5">
|
|
<div className="lg:col-span-2">
|
|
<div>
|
|
{" "}
|
|
<Link
|
|
href="/"
|
|
className="flex items-center space-x-2 text-2xl font-medium text-indigo-500 dark:text-gray-100"
|
|
>
|
|
<Image
|
|
src={retakeLogo}
|
|
alt="N"
|
|
width="128"
|
|
height="128"
|
|
className="w-24"
|
|
/>
|
|
{/* <span>Retake</span> */}
|
|
</Link>
|
|
</div>
|
|
|
|
{/* <div className="max-w-md mt-4 text-gray-500 dark:text-gray-400">
|
|
Nextly is a free landing page & marketing website template for
|
|
startups and indie projects. Its built with Next.js & TailwindCSS.
|
|
And its completely open-source.
|
|
</div> */}
|
|
|
|
{/* <div className="mt-5">
|
|
<a
|
|
href="https://vercel.com/?utm_source=web3templates&utm_campaign=oss"
|
|
target="_blank"
|
|
rel="noopener"
|
|
className="relative block w-44"
|
|
>
|
|
<Image
|
|
src="/img/vercel.svg"
|
|
alt="Powered by Vercel"
|
|
width="212"
|
|
height="44"
|
|
/>
|
|
</a>
|
|
</div> */}
|
|
</div>
|
|
|
|
<div>
|
|
<div className="flex flex-wrap w-full -mt-2 -ml-3 lg:ml-0">
|
|
{navigation.map((item, index) => (
|
|
<Link
|
|
key={index}
|
|
href={item.href}
|
|
className="w-full px-4 py-2 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700"
|
|
>
|
|
{item.name}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div className="flex flex-wrap w-full -mt-2 -ml-3 lg:ml-0">
|
|
{legal.map((item, index) => (
|
|
<Link
|
|
key={index}
|
|
href={item.href}
|
|
className="w-full px-4 py-2 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700"
|
|
>
|
|
{item.name}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div className="">
|
|
<div>Suivez-Nous</div>
|
|
<div className="flex mt-5 space-x-5 text-gray-400 dark:text-gray-500">
|
|
{/* <a
|
|
href="https://twitter.com/web3templates"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<span className="sr-only">Twitter</span>
|
|
<Twitter />
|
|
</a>
|
|
<a
|
|
href="https://facebook.com/web3templates"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<span className="sr-only">Facebook</span>
|
|
<Facebook />
|
|
</a>
|
|
<a
|
|
href="https://instagram.com/web3templates"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<span className="sr-only">Instagram</span>
|
|
<Instagram />
|
|
</a> */}
|
|
<a href="https://www.linkedin.com/company/retake-léo-nonnenmacher" target="_blank" rel="noopener">
|
|
<span className="sr-only">Linkedin</span>
|
|
<Linkedin />
|
|
</a>
|
|
<a href="https://github.com/Retake-IT" target="_blank" rel="noopener">
|
|
<span className="sr-only">Github</span>
|
|
<Github />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="my-10 text-sm text-center text-gray-600 dark:text-gray-400">
|
|
Copyright © {new Date().getFullYear()}. Fait avec ♥ par{" "}
|
|
<a href="https://retake.fr" target="_blank" rel="noopener">
|
|
Retake.
|
|
</a>{" "}
|
|
Illustrations par{" "}
|
|
<a href="https://www.vecteezy.com/" target="_blank" rel="noopener ">
|
|
Vecteezy
|
|
</a>
|
|
<span> & </span>
|
|
<a href="https://www.anyrgb.com/" target="_blank" rel="noopener ">
|
|
Angrybg
|
|
</a>
|
|
</div>
|
|
</Container>
|
|
{/* Do not remove this */}
|
|
<Backlink />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// const Twitter = ({ size = 24 }) => (
|
|
// <svg
|
|
// xmlns="http://www.w3.org/2000/svg"
|
|
// width={size}
|
|
// height={size}
|
|
// viewBox="0 0 24 24"
|
|
// fill="currentColor"
|
|
// >
|
|
// <path d="M24 4.37a9.6 9.6 0 0 1-2.83.8 5.04 5.04 0 0 0 2.17-2.8c-.95.58-2 1-3.13 1.22A4.86 4.86 0 0 0 16.61 2a4.99 4.99 0 0 0-4.79 6.2A13.87 13.87 0 0 1 1.67 2.92 5.12 5.12 0 0 0 3.2 9.67a4.82 4.82 0 0 1-2.23-.64v.07c0 2.44 1.7 4.48 3.95 4.95a4.84 4.84 0 0 1-2.22.08c.63 2.01 2.45 3.47 4.6 3.51A9.72 9.72 0 0 1 0 19.74 13.68 13.68 0 0 0 7.55 22c9.06 0 14-7.7 14-14.37v-.65c.96-.71 1.79-1.6 2.45-2.61z" />
|
|
// </svg>
|
|
// );
|
|
|
|
// const Facebook = ({ size = 24 }) => (
|
|
// <svg
|
|
// xmlns="http://www.w3.org/2000/svg"
|
|
// width={size}
|
|
// height={size}
|
|
// viewBox="0 0 24 24"
|
|
// fill="currentColor"
|
|
// >
|
|
// <path d="M24 12.07C24 5.41 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.04V9.41c0-3.02 1.8-4.7 4.54-4.7 1.31 0 2.68.24 2.68.24v2.97h-1.5c-1.5 0-1.96.93-1.96 1.89v2.26h3.32l-.53 3.5h-2.8V24C19.62 23.1 24 18.1 24 12.07" />
|
|
// </svg>
|
|
// );
|
|
// const Instagram = ({ size = 24 }) => (
|
|
// <svg
|
|
// xmlns="http://www.w3.org/2000/svg"
|
|
// width={size}
|
|
// height={size}
|
|
// viewBox="0 0 24 24"
|
|
// fill="currentColor"
|
|
// >
|
|
// <path d="M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z" />
|
|
// </svg>
|
|
// );
|
|
|
|
const Linkedin = ({ size = 24 }) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M22.23 0H1.77C.8 0 0 .77 0 1.72v20.56C0 23.23.8 24 1.77 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.2 0 22.23 0zM7.27 20.1H3.65V9.24h3.62V20.1zM5.47 7.76h-.03c-1.22 0-2-.83-2-1.87 0-1.06.8-1.87 2.05-1.87 1.24 0 2 .8 2.02 1.87 0 1.04-.78 1.87-2.05 1.87zM20.34 20.1h-3.63v-5.8c0-1.45-.52-2.45-1.83-2.45-1 0-1.6.67-1.87 1.32-.1.23-.11.55-.11.88v6.05H9.28s.05-9.82 0-10.84h3.63v1.54a3.6 3.6 0 0 1 3.26-1.8c2.39 0 4.18 1.56 4.18 4.89v6.21z" />
|
|
</svg>
|
|
);
|
|
|
|
const Github = ({ size = 24 }) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={size}
|
|
height={size}
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
|
|
</svg>
|
|
);
|
|
|
|
const Backlink = () => {
|
|
return (
|
|
<a
|
|
href="https://web3templates.com"
|
|
target="_blank"
|
|
rel="noopener"
|
|
className="absolute flex px-3 py-1 space-x-2 text-sm font-semibold text-gray-900 bg-white border border-gray-300 rounded shadow-sm place-items-center left-5 bottom-5 dark:bg-trueGray-900 dark:border-trueGray-700 dark:text-trueGray-300"
|
|
>
|
|
<svg
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 30 30"
|
|
fill="none"
|
|
className="w-4 h-4"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect width="30" height="29.5385" rx="2.76923" fill="#362F78" />
|
|
<path
|
|
d="M10.14 21.94H12.24L15.44 12.18L18.64 21.94H20.74L24.88 8H22.64L19.58 18.68L16.36 8.78H14.52L11.32 18.68L8.24 8H6L10.14 21.94Z"
|
|
fill="#F7FAFC"
|
|
/>
|
|
</svg>
|
|
|
|
<span>Web3Templates</span>
|
|
</a>
|
|
);
|
|
};
|