forked from deepset-ai/haystack-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Footer.tsx
67 lines (64 loc) · 2.22 KB
/
Footer.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import { FC } from "react";
import Link from "next/link";
import { AiFillGithub, AiFillYoutube, AiOutlineTwitter } from "react-icons/ai";
const Footer: FC = () => {
const year = new Date().getFullYear();
return (
<footer className="bg-light-grey-BG text-medium-grey w-full px-3 py-6 sm:pl-64 sm:pr-8 sm:py-8 dark:bg-gray-800">
<div className="flex flex-col sm:flex-row sm:items-center justify-between">
<div className="flex mb-5 sm:m-0">
<Link href="https://www.deepset.ai/imprint">
<a
target="_blank"
href="https://www.deepset.ai/imprint"
className="text-sm font-semibold mr-3 hover:text-dark-grey"
rel="noopener noreferrer"
>
Imprint
</a>
</Link>
<Link href="https://www.deepset.ai/privacy">
<a
target="_blank"
href="https://www.deepset.ai/privacy"
className="text-sm font-semibold hover:text-dark-grey"
rel="noopener noreferrer"
>
Privacy
</a>
</Link>
</div>
<div className="flex mb-5 sm:m-0">
<a
target="_blank"
href="https://twitter.com/deepset_ai"
className="mr-3 sm:mr-6"
rel="noreferrer noopener"
aria-label="Go to our Twitter page"
>
<AiOutlineTwitter className="h-9 w-9 hover:text-dark-grey" />
</a>
<a
target="_blank"
href="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/deepset-ai"
className="mr-3 sm:mr-6"
rel="noreferrer noopener"
aria-label="Go to our GitHub page"
>
<AiFillGithub className="h-8 w-8 hover:text-dark-grey" />
</a>
<a
target="_blank"
href="https://www.youtube.com/channel/UC5dfn9m310oyt-cbeegfvZw"
rel="noreferrer noopener"
aria-label="Go to our YouTube channel"
>
<AiFillYoutube className="h-9 w-9 hover:text-dark-grey" />
</a>
</div>
</div>
<p className="text-xs">© 2020 - {year} deepset. All rights reserved.</p>
</footer>
);
};
export default Footer;