67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
import React from 'react'
|
||
import Image from 'next/image'
|
||
import Link from 'next/link'
|
||
import Burger from './ui/Burger'
|
||
import LangSwitcher from './LangSwitcher'
|
||
import Button from './ui/Button'
|
||
|
||
const Header = () => {
|
||
return (
|
||
<div className="flex justify-between items-center px-6 py-8 w-[93%] mx-auto">
|
||
<div className="flex items-center justify-center space-x-10">
|
||
<Image
|
||
src="/images/logo.png"
|
||
alt="logo"
|
||
width={50}
|
||
height={50}
|
||
priority
|
||
/>
|
||
|
||
<div className="hidden md:block">
|
||
<Burger />
|
||
</div>
|
||
<Link
|
||
href="/"
|
||
className="text-base font-medium px-4 hover:text-orange transition-colors hidden md:block"
|
||
>
|
||
Могу взять посылку
|
||
</Link>
|
||
</div>
|
||
<div className="flex items-center justify-center space-x-10">
|
||
<LangSwitcher />
|
||
<Button
|
||
text="Разместить объявление"
|
||
className="hidden md:block bg-orange hover:bg-orange/80 px-4 py-3 text-white"
|
||
/>
|
||
|
||
<div className="hidden md:block text-base font-medium">
|
||
<Link
|
||
href="/register"
|
||
className="hover:text-orange transition-colors"
|
||
>
|
||
Регистрация
|
||
</Link>
|
||
<span> / </span>
|
||
<Link href="/login" className="hover:text-orange transition-colors">
|
||
Войти
|
||
</Link>
|
||
</div>
|
||
|
||
<div className="flex items-center space-x-4 md:hidden">
|
||
<Link href="/login">
|
||
<Image
|
||
src="/images/userlogo.png"
|
||
alt="user"
|
||
width={24}
|
||
height={24}
|
||
/>
|
||
</Link>
|
||
<Burger />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default Header
|