Files
graff.training/src/components/Layout/Navbar.tsx
T

33 lines
1.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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>
);
}