24 lines
871 B
TypeScript
24 lines
871 B
TypeScript
|
import React from 'react';
|
|||
|
|
import Image from "next/image";
|
|||
|
|
import SocialItem from "@/components/social-item";
|
|||
|
|
import Link from 'next/link';
|
|||
|
|
|
|||
|
|
const Header: React.FC = () => {
|
|||
|
|
return (
|
|||
|
|
<header className="flex pt-8 px-8 justify-center items-center container m-auto">
|
|||
|
|
<div className="flex gap-[96px] text-[15px] text-dark mr-[220px] font-[350]">
|
|||
|
|
<Link href="/events">События</Link>
|
|||
|
|
<Link href="/participants">Участники</Link>
|
|||
|
|
</div>
|
|||
|
|
<Link href="/">
|
|||
|
|
<Image width={150} height={48} src="/logo.svg" alt="logo" />
|
|||
|
|
</Link>
|
|||
|
|
<div className="flex ml-[340px] gap-[19px]">
|
|||
|
|
<SocialItem icon="logo_tg" link=""/>
|
|||
|
|
<SocialItem icon="logo_vk" link=""/>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default Header;
|