Added ThemeToggle

Added Footer

src/App.jsx

@@ -1,26 +1,32 @@
 import React from "react";
-import "./i18n"; // Import i18n configuration
+import "./i18n";
 import Navbar from "./Components/Nav/Navbar";
 import Home from "./Components/Sections/Home/Home";
 import Services from "./Components/Sections/Services/Services";
 import About from "./Components/Sections/About/About";
 import Contact from "./Components/Sections/Contact/Contact";
 import ImagePreloader from "./Components/ImagePreloader";
+import Footer from "./Components/Nav/Footer";
 import "./App.css";
 
-function App() {
+const App = () => {
+
   return (
     <ImagePreloader>
-      <div className="App">
-        <Navbar />
-        <Home />
-        <Services />
-        <About />
-        <Contact />
+      <div className="min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white transition-colors duration-300">
+        <div className="flex flex-col min-h-screen">
+          <Navbar />
+          <main className="flex-grow">
+            <Home />
+            <Services />
+            <About />
+            <Contact />
+          </main>
+          <Footer />
+        </div>
       </div>
     </ImagePreloader>
   );
-}
+};
 
-export default App;
-//test
+export default App;