Skip to content
This repository was archived by the owner on Jan 28, 2026. It is now read-only.
This repository was archived by the owner on Jan 28, 2026. It is now read-only.

🦅 Navbar Component for the landing page  #905

@jasangill1

Description

@jasangill1

Build out a navbar component:

  • Navbar Component: The first component we need to construct is a navigation bar (navbar). This will be the primary means for users to navigate through our website.

  • Design: The navbar design should follow the structure shown in the provided images. Please ensure the styling matches the images as closely as possible.

  • Light and Dark Mode Toggle: Include a button for toggling between light and dark mode on the navbar. For this stage of development, we don't need to implement the functionality behind the light and dark mode switch. Focus on the aesthetics and placement of this button.

  • Responsiveness: Please ensure that the navbar is responsive and maintains its design integrity across various screen sizes and devices.

  • Links: Attach all links accordingly

REMINDER: Remember to use the in-app components like buttons, inputs, combo box, and dialog box wherever need be these can be found in the /ui file.

Navbar Design

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestjavascriptPull requests that update Javascript code

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions