diff --git a/src/components/index.ts b/src/components/index.ts
index 9c7ebdd..5e0f17b 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -3,6 +3,7 @@ import Input from "./interface/Input";
 import ActionButton from "./interface/ActionButton";
 import Navbar from "./interface/Navbar";
 import ScrollButtons from "./interface/ScrollButtons";
+import FeedTitle from "./interface/FeedTitle";
 
 // Pages components
 import Login from "./pages/Login";
@@ -17,8 +18,10 @@ export {
     ActionButton,
     Navbar,
     ScrollButtons,
+    FeedTitle,
     Login,
     Home,
     Feed,
     FeedLayout,
+
 };
diff --git a/src/components/interface/FeedTitle.tsx b/src/components/interface/FeedTitle.tsx
new file mode 100644
index 0000000..8449ca5
--- /dev/null
+++ b/src/components/interface/FeedTitle.tsx
@@ -0,0 +1,20 @@
+import Circle from "../../assets/svgs/circle.svg";
+
+interface Props {
+    content: string;
+}
+
+function FeedTitle({ content }: Props) {
+    return (
+        <div className=" flex flex-col items-center justify-center mx-auto w-11/12">
+            <img
+                className="h-48 w-48 rounded-full mx-auto"
+                src={Circle}
+                alt="Circles"
+            />
+            <p className="text-2xl text-center">{content}</p>
+        </div>
+    );
+}
+
+export default FeedTitle;