add file in gitignore

.gitignore

@@ -26,7 +26,7 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # local env files
-.env*.local
+.env 
 
 # vercel
 .vercel

components/Navbar.jsx

@@ -7,9 +7,10 @@ import Link from 'next/link'
 import {RiMenu3Line, RiCloseLine } from 'react-icons/ri';
 import { useStateContext } from '../context/StateContext';
 
-const Navbar = () => {
+const Navbar = ({Searchproducts}) => {
   const {showCart, setShowCart, totalQty} = useStateContext();
   const [toggleMenu, setToggleMenu] = useState(false);
+  // const [searchTerm, setSearchTerm] = useState('')
 
   return (
     <nav>
@@ -23,10 +24,15 @@ const Navbar = () => {
         <Link href='/products'><li>All Products</li></Link>
       </ul>
 
-      <div className='search-bar'>
-        <CiSearch />
-        <input type='text' placeholder='What you looking for'/>
-      </div>
+        <div className='search-bar'>
+          <CiSearch />
+          <input 
+            type='text' 
+            placeholder='What you looking for'/>
+        </div>
+        {/* onChange={(event) => {
+              setSearchTerm(event.target.value);
+          }} */}
 
       {showCart ?
       <Link href='/cart'>

components/index.js

@@ -6,4 +6,5 @@ export { default as AllProducts } from './AllProducts';
 export { default as FeaturesBanner } from './FeaturesBanner';
 export { default as Newsletter } from './Newsletter';
 export { default as Footer } from './Footer';
-export { default as Layout } from './Layout';
+export { default as Layout } from './Layout';
+export { default as Search } from './Search';

pages/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import {client} from '../lib/client'
 import { HeroBanner, EventsBanner, Newsletter, FeaturesBanner, Product } from '../components'
-import { Navigation, A11y } from 'swiper';
+import { Navigation, A11y, Lazy } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
 
 // Import Swiper styles