diff --git a/app/layout.js b/app/layout.js
index 32f4f36..ba5bc98 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,10 +1,10 @@
 import { Inter } from "next/font/google";
-import "./globals.css";
+
 import Nav from "./components/Nav";
-import { SocketProvider } from "./context/socketContext";
 import { ChatProvider } from "./context/chatContext";
+import { SocketProvider } from "./context/socketContext";
 
-
+import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
@@ -22,6 +22,46 @@ export default async function RootLayout({ children }) {
           <ChatProvider>
             <Nav />
             {children}
+            <div className="container mx-auto flex justify-between items-center">
+             
+             <p className="italic"></p>
+             </div>
+           <footer className="bg-[#d97f02] text-white p-6"> {/* Assuming navbar color is #333 */}
+           <div className="container mx-auto flex justify-between items-center">
+               <div>
+                 <h5 className="font-bold text-lg">Booksmall</h5>
+                 <p>© 2023 Booksmall. All rights reserved.</p>
+               </div>
+               <div>
+                 <h5 className="font-bold text-lg">Quick Links</h5>
+                 <ul>
+                   <li><a href="/about" className="hover:underline">About Us</a></li>
+                   <li><a href="/contact" className="hover:underline">Contact</a></li>
+                   <li><a href="/privacy" className="hover:underline">Privacy Policy</a></li>
+                 </ul>
+               </div>
+               <div>
+                 <h5 className="font-bold text-lg">Follow Us</h5>
+                 <div className="flex space-x-4">
+                   <a href="https://facebook.com" className="hover:underline">
+                     <img src="./image.png" alt="Facebook" className="w-6 h-6" />
+                   </a>
+                   <a href="https://twitter.com" className="hover:underline">
+                     <img src="./X.png" alt="Twitter" className="w-6 h-6" />
+                   </a>
+                   <a href="https://instagram.com" className="hover:underline">
+                     <img src="./insta.png" alt="Instagram" className="w-6 h-6" />
+                   </a>
+                 </div>
+               </div>
+               <div>
+                 <h5 className="font-bold text-lg">Contact Us</h5>
+                 <p>Email: support@booksmall.com</p>
+                 <p>Phone: +123 456 7890</p>
+                 </div>
+                 </div>
+               </footer>
+            
           </ChatProvider>
         </SocketProvider>
 
diff --git a/package.json b/package.json
index ec35f8e..0e93762 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,10 @@
     "lint": "next lint"
   },
   "dependencies": {
-      "appwrite": "^15.0.0",
+    "appwrite": "^15.0.0",
     "axios": "^1.7.2",
     "next": "14.2.5",
+    "onemore": "file:",
     "react": "^18",
     "react-dom": "^18",
     "react-password-strength-bar": "^0.4.1",
diff --git a/public/X.png b/public/X.png
new file mode 100644
index 0000000..39bbd54
Binary files /dev/null and b/public/X.png differ
diff --git a/public/image.png b/public/image.png
new file mode 100644
index 0000000..6160f20
Binary files /dev/null and b/public/image.png differ
diff --git a/public/insta.png b/public/insta.png
new file mode 100644
index 0000000..f0b4484
Binary files /dev/null and b/public/insta.png differ