diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/footer/Footer.tsx | 46 | ||||
| -rw-r--r-- | src/components/header/NavBar.tsx | 2 | ||||
| -rw-r--r-- | src/components/header/SubNav.tsx | 2 |
3 files changed, 48 insertions, 2 deletions
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index 9b2a3f2..d33a66f 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -1,4 +1,9 @@ +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() { @@ -19,6 +24,47 @@ export function Footer() { <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> ); } diff --git a/src/components/header/NavBar.tsx b/src/components/header/NavBar.tsx index e83d238..217be3a 100644 --- a/src/components/header/NavBar.tsx +++ b/src/components/header/NavBar.tsx @@ -7,7 +7,7 @@ import DiscordIcon from '@icons/discord.svg'; import { Switch } from '@/components/ui/switch'; export function NavBar() { return ( - <div className="flex w-full justify-between py-7.5 h-[110] items-center xl:max-w-[1200px] 2xl:max-w-[1500px]"> + <div className="flex w-full justify-between py-7.5 h-[110] items-center xl:max-2xl:max-w-[1200px] 2xl:max-w-[1500px]"> <div className="flex grow items-center gap-[30px] max-w-[750px]"> <Link href="/" className="shrink-0 "> <Image diff --git a/src/components/header/SubNav.tsx b/src/components/header/SubNav.tsx index 0961cc1..02a257e 100644 --- a/src/components/header/SubNav.tsx +++ b/src/components/header/SubNav.tsx @@ -5,7 +5,7 @@ import { cn } from '@/lib/utils'; export function SubNav() { return ( - <div className="flex justify-between xl:w-[1200px] 2xl:w-[1500px] h-[50px]"> + <div className="font-[500] text-[16px] flex justify-between xl:w-[1200px] 2xl:w-[1500px] h-[50px]"> <SectionLink href="#" className="rounded-tl-[5px] rounded-bl-4xl"> ТЕГИ </SectionLink> |
