diff --git a/src/components/FamilyAcc/FamilySettings/index.jsx b/src/components/FamilyAcc/FamilySettings/index.jsx
index 50ee4b5..5b4a14b 100644
--- a/src/components/FamilyAcc/FamilySettings/index.jsx
+++ b/src/components/FamilyAcc/FamilySettings/index.jsx
@@ -1,10 +1,25 @@
-import React from 'react'
-import Layout from '../../Partials/Layout'
+import React from "react";
+import Layout from "../../Partials/Layout";
 
 const FamilySettings = () => {
   return (
-    <Layout>FamilySettings</Layout>
-  )
-}
+    <Layout>
+      <div className="notification-page w-full mb-10">
+        <div className="notification-wrapper w-full">
+          {/* heading */}
+          <div className="sm:flex justify-between items-center mb-6">
+            <div className="mb-5 sm:mb-0">
+              <h1 className="text-26 font-bold inline-flex gap-3 text-dark-gray dark:text-white items-center">
+                <span className={``}>Family Settings</span>
+              </h1>
+            </div>
+            <div></div>
+          </div>
+          {/* Something Here */}
+        </div>
+      </div>
+    </Layout>
+  );
+};
 
-export default FamilySettings
\ No newline at end of file
+export default FamilySettings;