Navigation Bar

## **Context**
A navigation bar is important for a websites navigation. Right now, it is a bar on top of the webpage with a single link directing to the homepage, located in the topmost layout.tsx file. This eventually should allow users to navigate to the resources, about, contact page as well. The purpose of this issue is to create and style a navigation bar that points to the other pages of the website.

## **Helpful resources:**
These are some resources that I found may be helpful while developing in Next.js, feel free to choose any of them depending on your preferred learning methods or use whatever you feel is most beneficial.

* [Next.js documentation on routing](https://nextjs.org/docs/app/building-your-application/routing/defining-routes) (e.g. /about)
* Next.js video overview ([TraversyMedia](https://www.youtube.com/watch?v=Y6KDk5iyrYE&ab_channel=TraversyMedia))
* Long but detailed video, likely will only need the first sections.
* Introduction to HTML and CSS ([TheOdinProject](https://www.theodinproject.com/lessons/foundations-introduction-to-html-and-css))
* Project-based course to build foundations in full-stack web development. Intro to HTML and CSS cover what they are and how to use them while following best practices.
* HTML and CSS crash course ([NetNinja](https://www.youtube.com/watch?v=hu-q2zYwEYs&ab_channel=NetNinja))
* Video series about HTML and CSS.
* Color schemes ([TailwindCSS](https://tailwindcss.com/docs/customizing-colors))
* If we choose to apply a different color scheme to this website it may help to pick an already existing color palette for consistency. This resource includes the hexcodes of each color for us to use.
* If we choose to stick with Elon colors, we should be precise in our colors. Here is the website detailing the hexcodes or RGB values for the maroon and gold. ([Elon](https://www.elon.edu/u/university-communications/identity/colors/))
* [Figma](https://www.figma.com/)
* Figma is a resource that provides a platform to prototype designs rapidly.

## **Inspiration/Reference Designs**
See About Section/Page issue for similar designs.