product filter part

app/page.tsx

@@ -1,12 +1,16 @@
 import Image from "next/image";
 import Header from "../components/nav_foot/header";
 import Navbar from "@/components/nav_foot/navbar";
+import Products from "@/components/pageParts/products";
 
 export default function Home() {
   return (
     <div >
       <Header/>
       <Navbar/>
+      <section id="products" className="mt-50">  
+        <Products/>
+      </section>
     </div>
   );
 }