33 lines
1.4 KiB
TypeScript
33 lines
1.4 KiB
TypeScript
import { NavLink } from '../../ui/NavLink';
|
||
|
||
export function Navbar() {
|
||
return (
|
||
<nav className="flex items-stretch justify-between text-[#ffffff] desktop:text-lg tablet:text-base font-semibold border-b border-[#3D425C] desktop:pl-10 t mobile:pl-4">
|
||
<div className="flex w-[104px] justify-between items-center mobile:py-3">
|
||
<img src="src/assets/logo.svg" alt="" />
|
||
<img
|
||
src="src/assets/text_logo.svg"
|
||
alt=""
|
||
className="desktop:block mobile:hidden"
|
||
/>
|
||
</div>
|
||
<div className="items-stretch flex">
|
||
<NavLink text="Типы тренажеров" route="/" />
|
||
<NavLink text="Варианты комплектации" route="/" />
|
||
<NavLink text="Проекты" route="/" />
|
||
<NavLink text="События" route="/" />
|
||
<button className="text-lg bg-gradient-to-r from-[#798FFF] to-[#D375FF] border-x border-[#3D425C] tablet:block mobile:hidden py-[30px] px-10">
|
||
Оставить заявку
|
||
</button>
|
||
<button className="p-6 gap-x-1 items-center desktop:flex mobile:hidden">
|
||
<span>RU</span>
|
||
<img src="src/assets/arrow_down.svg" alt="" />
|
||
</button>
|
||
<button className="px-6 py-5 min-[1350px]:hidden mobile:block border-l border-[#3D425C]">
|
||
<img src="src/assets/burger.svg" alt="" />
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
);
|
||
}
|