diff --git a/frontend/src/components/FeaturedProducts.js b/frontend/src/components/FeaturedProducts.js
new file mode 100644
index 0000000000000000000000000000000000000000..1d56e8c9005295e6ba6afd8d7ede592cb81f350f
--- /dev/null
+++ b/frontend/src/components/FeaturedProducts.js
@@ -0,0 +1,21 @@
+// FeaturedProducts.js
+import React from 'react';
+import '../css/FeaturedProducts.css'
+
+function FeaturedProducts({ title, products }) {
+    return (
+        <div className="featured-products">
+            <h2>{title}</h2>
+            <div className="product-list">
+                {products.map(product => (
+                    <div key={product.id} className="product">
+                        <img src={product.image} alt={product.name} />
+                        <h3>{product.name}</h3>
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+}
+
+export default FeaturedProducts;