Beginning of ecommerce

src/components/navbar.tsx

@@ -5,7 +5,8 @@ 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 logoPic from '/public/images/logo.svg';
+import logoWhite from '/public/images/logo-white.svg';
+import logoBlack from '/public/images/logo-black.svg';
 
 // components/Navbar.tsx
 export function Navbar() {
@@ -49,7 +50,7 @@ export function Navbar() {
       <div className='flex-shrink-0'>
         <Link href='/' className='text-lg font-bold'>
           <Image
-            src={logoPic}
+            src={navBarStyle === 'scrolledUp' ? logoWhite : logoBlack}
             alt='Logo'
             className='logo text-white'
             width={100}