More

src/components/navbar.tsx

@@ -1,13 +1,15 @@
 'use client';
-import React, { useState, useEffect, useRef } from 'react';
+import Image from 'next/image';
 import Link from 'next/link';
+import React, { useEffect, useRef, useState } from 'react';
 import { FiSearch, FiUser } from 'react-icons/fi';
 import { HiShoppingBag } from 'react-icons/hi2';
-import styles from './navbar.module.css';
-import Image from 'next/image';
+
 // import logoWhite from '/public/images/logo-white.svg';
 import logoBlack from '/public/images/logo-black.svg';
 
+import styles from './navbar.module.css';
+
 // components/Navbar.tsx
 export function Navbar() {
   const prevScrollY = useRef(0);
@@ -94,9 +96,9 @@ export function Navbar() {
           <button aria-label='Profile'>
             <FiUser size={20} />
           </button>
-          <button aria-label='Shopping Cart'>
+          <a aria-label='Shopping Cart' href='/products'>
             <HiShoppingBag size={20} />
-          </button>
+          </a>
         </div>
       </nav>
     </div>