Navigation Component

[SafeDuck]

Note: This issue can take 2 weeks

File Location:

src/components/navigation.tsx
create the file

Requirements:

1. Must create a file under the data folder called Nav.ts (create the data folder is it isn't already there)
2. Must map through the json array in the navbar component
3. Use Image component from next/image to display the logo
4. Make sure fonts match the Figma

Examples:

1. https://github.com/acm-ucr/highlander-gloves-website/blob/dev/src/components/Navigation.tsx (without bootstrap)
2. https://github.com/acm-ucr/hiss-website/blob/dev/src/components/Navigation.jsx (with bootstrap)

Bootstrap?

We aren't using Bootstrap anymore. Try to use shadcn. If you don't want to use shadcn then make the navbar from scratch
Note: Try to responsify the navbar for mobile