diff --git a/components/NoResults.tsx b/components/NoResults.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0f8631101e4c362b42a2ff3ed2b3cc0eee113617
--- /dev/null
+++ b/components/NoResults.tsx
@@ -0,0 +1,28 @@
+import { Search } from "lucide-react"; // Importing Lucide React for icons
+import React from "react";
+
+interface NoResultsProps {
+  title?: string;
+  description?: string;
+
+}
+
+const NoResults: React.FC<NoResultsProps> = ({
+  title = "No Results Found",
+  description = "We couldn’t find anything matching your search. Try refining your filters or starting a new search.",
+
+}) => {
+  return (
+    <div className="mt-2 flex flex-col items-center justify-center bg-theme p-6 w-full text-center space-y-3">
+      <div className="flex items-center justify-center w-12 h-12 bg-explorer-bg-start rounded-full">
+        <Search className="w-6 h-6" />
+      </div>
+      <h2 className="text-xl font-semibold">
+        {title}
+      </h2>
+      <p className="text-sm">{description}</p>     
+    </div>
+  );
+};
+
+export default NoResults;