From 67e16a5900a3abeeae6f1600c89f50e3ed93f9e9 Mon Sep 17 00:00:00 2001
From: Vinay_Tilada <125138464+MightyAcE58@users.noreply.github.com>
Date: Sun, 27 Jul 2025 14:16:39 +0000
Subject: [PATCH] Fix the UI bug on the Home page Happning with footer

---
 src/components/Footer.jsx   |  2 +-
 src/components/HomePage.jsx |  8 ++++++--
 src/components/Layout.jsx   | 11 +++++++++++
 3 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Layout.jsx

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index fac66bb..2ffae79 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -4,7 +4,7 @@ import { FaGithub, FaInstagram } from "react-icons/fa";
 
 const Footer = () => {
   return (
-    <footer className="w-full bg-slate-950 text-gray-300 border-t border-gray-700 px-6 py-6 mt-12">
+    <footer className="w-full bg-slate-950 text-gray-300 border-t border-gray-700 px-6 py-6 mt-auto">
       <div className="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-4">
         {/* Navigation Links */}
         <div className="flex flex-row items-center gap-6 text-sm font-medium">
diff --git a/src/components/HomePage.jsx b/src/components/HomePage.jsx
index a9f0721..4f5d23b 100644
--- a/src/components/HomePage.jsx
+++ b/src/components/HomePage.jsx
@@ -38,6 +38,9 @@ export default function HomePage() {
   ];
 
   return (
+      <div className="min-h-screen flex flex-col">
+      <main className="flex-1">
+
     <div className="relative min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 overflow-hidden">
       <div className="absolute inset-0">
         {[...Array(30)].map((_, i) => (
@@ -167,8 +170,6 @@ export default function HomePage() {
           </div>
         </div>
         <div className='w-full'>
-
-          <Footer />
         </div>
       </div>
 
@@ -201,5 +202,8 @@ export default function HomePage() {
 
     </div>
 
+      </main>
+      <Footer />
+    </div>
   );
 }
\ No newline at end of file
diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
new file mode 100644
index 0000000..0a79b24
--- /dev/null
+++ b/src/components/Layout.jsx
@@ -0,0 +1,11 @@
+
+import Footer from './Footer'; 
+
+export default function Layout({ children }) {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <main className="flex-1">{children}</main>
+      <Footer />
+    </div>
+  );
+}