Skip to content

Conversation

@GeoXhacker
Copy link
Contributor

Overview:

This pull request addresses the redesign of the navigation bar (navbar) to improve the user interface and user experience. The updated design aims to provide a more intuitive and visually appealing navigation experience for our users.

Key Changes:

New Layout and Design:

  • Updated the navbar layout to a more modern and streamlined design.
  • Improved the alignment and spacing for better visual balance.
  • Enhanced the color scheme to align with the overall brand aesthetics.

Responsive Design:

  • Ensured the navbar is fully responsive and functions seamlessly across different devices and screen sizes.
  • Implemented a mobile-friendly menu with a collapsible design for smaller screens.

Accessibility Improvements:

  • Improved keyboard navigation and screen reader support.
  • Added ARIA labels to enhance accessibility for users with disabilities.

Enhanced Functionality:

  • Updated the dropdown menus for better usability and interaction.
  • Incorporated a search bar within the navbar for quick access to site-wide search functionality.

Code Refactoring:

  • Cleaned up and optimized the CSS and JavaScript for better performance.
  • Removed deprecated code.

Packages

  • Added heroicons/react to provide more icons

Please review and let me know if you'll need more adjustments to the navbar. Thanks

@netlify
Copy link

netlify bot commented May 17, 2024

👷 Deploy request for pyconug pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 693cdac

import { QUICKET_LINK } from "@/2023/utils/constants";
import { useState } from "react";
import { useState, Fragment } from "react";
import { Dialog, Disclosure, Popover, Transition } from "@headlessui/react";
Copy link
Member

@HassanBahati HassanBahati May 20, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hey @GeoXhacker , the redesign looks amazing...i really love it.

headlessui is great, its actually what we'd piloted with but, due to a couple of reasons not limited to the numbers of components they offer.... we are moving to radixui implemented with shadcn. For icon, we are settling for lucid icons .

it would really be amazing to have this navbar with the new approach we adopting moving forward in a fork off #131 as well. you can please check out what @amkayondo is working on via #131

really excited for us to have this implementation through #131 as well! Thanks a bunch, @GeoXhacker!

Copy link
Member

@HassanBahati HassanBahati left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks @GeoXhacker 👏

@HassanBahati HassanBahati merged commit edbba62 into PyconUg:main May 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants