import English from '@icons/english.svg';
import Link from 'next/link';
import Discord from '@icons/discord.svg';
import Premium from '@icons/footer/premium.svg';
import Faq from '@icons/footer/faq.svg';
import Logo from '@icons/logo.svg';
import DiscordFooter from '@icons/footer/discord.svg';
import Download from '@icons/footer/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"
                        >
                            <DiscordFooter />

                            <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-violet gap-[5px] flex flex-row items-center flex flex-row items-center justify-center  w-[150px] h-[42px]   px-[30px] py-[10px] rounded-[20px]">
                    <span className="font-[500] text-[16px]">English</span>
                    <English />
                </div>
            </div>
        </footer>
    );
}
