blob: d33a66fd00afcb341a0c2324c99437f3e1cbe07a (
plain)
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
68
69
70
|
import Link from 'next/link';
import Discord from '@icons/discord.svg';
import Premium from '@icons/premium.svg';
import Faq from '@icons/faq.svg';
import Logo from '@icons/logo.svg';
import Download from '@icons/download.svg';
import ArtberryIcon from '@icons/artberry.svg';
export function Footer() {
return (
<footer className="flex w-full justify-between py-[50px]">
<div className="flex flex-col justify-between w-[259px] h-[192px]">
<div className="text-right">
<div className="flex items-center gap-2.5 w-full">
<Logo />
<ArtberryIcon />
</div>
<span className="font-medium">Лучшее — здесь.</span>
</div>
<div className="flex flex-col gap-1.25">
<span className="underline text-sm">
Terms and Conditions · Privacy Policy
</span>
<span className="text-xs">© 2025 artberry.xyz</span>
</div>
</div>
<div className="flex justify-between gap-[195px]">
<div className="flex-row flex gap-[100px] h-[130px] w-[354px]">
<div className="leading-[22px] h-[118px] flex flex-col gap-[10px] w-[165px] font-[500] text-[16px]">
<Link
href="/upload"
className="flex gap-[5px] h-[22px]"
>
<Download className="w-[19px] h-[19px]" />
<span>Загрузить контент</span>
</Link>
<Link className="flex gap-[5px]" href="/faq">
<Faq />
<span>FAQ</span>
</Link>
<Link className="flex gap-[5px]" href="/premium">
<Premium />
<span>Премиум</span>
</Link>
<Link
className="flex gap-[5px]"
target="_blank"
href="https://discord.gg/pJ66ZFpQQK"
>
<Discord
width={20}
height={20}
className="flex w-[18px] h-[14px]"
/>
<span>Сообщество</span>
</Link>
</div>
<div className=" flex w-[88px] leading-[22px] flex-col font-[500] text-[16px] gap-[5px]">
<span>Теги</span>
<span>Персонажи</span>
<span>Категории</span>
<span>Коллекции</span>
<span>Рандом</span>
</div>
</div>
<div className="w-[170px] h-[19px] bg-amber-400"></div>
</div>
</footer>
);
}
|