footer added

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: [email protected]</p>
+                 <p>Phone: +123 456 7890</p>
+                 </div>
+                 </div>
+               </footer>
+
           </ChatProvider>
         </SocketProvider>
 

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",