Dis 26 landing page header navbar-leo

[foliage21]

Design reference: Header Navbar
Desktop:

Mobile:

The navbar has been implemented according to the Zeplin design.

[Copilot]

Pull Request Overview

This pull request implements the header navbar on the landing page according to the Zeplin design, ensuring both desktop and mobile views are addressed. Key changes include the addition of reusable navigation item components (NavItem, DesktopNavItems, and MobileDrawer), integration of authentication buttons, and updates to the global layout to include the Roboto font.

Reviewed Changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/components/features/landing/navbar/NavItem.tsx	New NavItem component for navigation links with configurable widths.
src/components/features/landing/navbar/MobileDrawer.tsx	Mobile drawer implementation to render nav items and auth buttons.
src/components/features/landing/navbar/DesktopNavItems.tsx	Desktop navigation items layout using a flex Stack.
src/components/features/landing/navbar/AuthButton.tsx	AuthButton component with distinct styles for login and signup.
src/components/features/landing/Navbar.tsx	Navbar component bringing together mobile and desktop views.
src/app/page.tsx	Updated landing page to render the Navbar component.
src/app/layout.tsx	Updated global layout to include the Roboto font.

Comments suppressed due to low confidence (2)

src/components/features/landing/navbar/NavItem.tsx:9

• [nitpick] Consider renaming 'width' to a more descriptive name such as 'containerWidth' to clarify that it controls the overall component width.

  width: number;

src/components/features/landing/navbar/NavItem.tsx:10

• [nitpick] Consider renaming 'textWidth' to a more descriptive name like 'labelWidth' to clearly indicate its purpose for the text element's width.

  textWidth: number;

[foliage21]

The file conflicts have been resolved. Thank you!