summaryrefslogtreecommitdiff
path: root/src/components/footer/Footer.tsx
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>
    );
}