Merge pull request #24 from csesoc/add-merch-store

[CW2-36] Linking Merch Store Link in nav bar and hamburger

Author: derekxu04

frontend/public/assets/merch-store-icon.svg

@@ -50,6 +50,9 @@ export default function Hamburger() {
               <li className="py-2 text-lg">
                 <Link href={'/contact-us'}>Contact Us</Link>
               </li>
+              <li className="py-2 text-lg">
+                <a target="_blank" href="https://csesoc-merch.square.site/">Merch Store</a>
+              </li>
             </ul>
           </motion.div>
         )}

frontend/src/components/Hamburger.tsx

@@ -46,6 +46,15 @@ const Navbar = () => {
           <Link href="/contact-us">
             <div className="text-xl">{'//'} contact us</div>
           </Link>
+          <a target="_blank" href="https://csesoc-merch.square.site/" className='flex'>
+            <Image
+              src="/assets/merch-store-icon.svg"
+              alt="Merchandise Store Icon"
+              width={29}
+              height={29}
+              draggable={false}
+            />
+          </a>
         </div>
         <div className="md:hidden xl:hidden lg:hidden text-right font-bold block">
           <Hamburger />