UI Enhancements: Cleaned up AppPage by removing navbar and notice banner, added footer and floating home button

frontend/src/pages/AppPage.jsx

@@ -101,6 +101,7 @@ const STAGES = [
 ];
 
 export default function AppPage() {
+  const navigate = useNavigate();
   const [srcMode, setSrcMode] = useState('upload');
   const [srcFile, setSrcFile] = useState(null);
   const [srcB64,  setSrcB64]  = useState(null);
@@ -274,37 +275,18 @@ export default function AppPage() {
   return (
     <div className="min-h-screen bg-bg font-sans text-navy">
 
-      {/* HEADER — using ict_logo.png colored version since background is light */}
-      <header className="sticky top-0 z-40 glass border-b border-border shadow-sm">
-        <div className="max-w-5xl mx-auto px-4 sm:px-6 h-14 sm:h-16 flex items-center justify-between gap-3">
-          <Link to="/" className="flex items-center gap-2.5 shrink-0 hover:opacity-80 transition-opacity">
-            <img src="/logos/ict_logo.png" alt="ICT" className="h-8 sm:h-10 w-auto object-contain" />
-            <div className="hidden sm:block w-px h-6 bg-border" />
-            <div className="hidden sm:flex flex-col leading-none">
-              <span className="text-navy font-extrabold tracking-tight text-sm">DeepFace Studio</span>
-              <span className="text-slate text-[9px] tracking-wider uppercase font-medium">Marwadi University</span>
-            </div>
-          </Link>
-          <div className="flex items-center gap-2 sm:gap-3 min-w-0">
-            <button onClick={() => navigate('/')}
-              className="flex items-center gap-1.5 text-xs text-navy border border-border bg-white rounded-md px-2.5 sm:px-3 py-1.5 hover:bg-bg3 transition-colors whitespace-nowrap shrink-0 font-medium shadow-sm">
-              <svg className="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" strokeWidth={2} viewBox="0 0 24 24">
-                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
-                <polyline points="9 22 9 12 15 12 15 22"/>
-              </svg>
-              Home
-            </button>
-          </div>
-        </div>
-      </header>
+      {/* Floating Home Button (No Navbar) */}
+      <button onClick={() => navigate('/')}
+        className="absolute top-4 left-4 sm:top-6 sm:left-6 z-50 flex items-center gap-2 text-xs sm:text-sm text-navy border border-border/60 bg-white/90 backdrop-blur-md rounded-lg px-3 sm:px-4 py-1.5 sm:py-2 hover:border-teal/50 hover:bg-white transition-all duration-200 whitespace-nowrap font-bold shadow-sm hover:shadow">
+        <svg className="w-4 h-4 shrink-0 text-teal" fill="none" stroke="currentColor" strokeWidth={2.5} viewBox="0 0 24 24">
+          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+          <polyline points="9 22 9 12 15 12 15 22"/>
+        </svg>
+        Home
+      </button>
 
-      <main className="max-w-5xl mx-auto px-4 sm:px-6 py-6 sm:py-8 flex flex-col gap-5 sm:gap-7">
+      <main className="max-w-5xl mx-auto px-4 sm:px-6 py-12 sm:py-16 flex flex-col gap-5 sm:gap-7">
 
-        {/* NOTICE */}
-        <div className="flex items-start sm:items-center gap-2 bg-yellow-50 border border-yellow-200 rounded-lg px-3 sm:px-4 py-2.5 text-yellow-800 text-xs font-medium leading-relaxed">
-          <span className="shrink-0 mt-0.5 sm:mt-0 text-yellow-600">&#9888;</span>
-          <span>Use responsibly. Only process images you own or have explicit consent to use.</span>
-        </div>
 
         {/* INPUT PANELS */}
         <div className="grid grid-cols-1 md:grid-cols-[1fr_32px_1fr] items-start gap-4 md:gap-0">
@@ -527,6 +509,27 @@ export default function AppPage() {
       </main>
 
       <Toast msg={toast} onClose={() => setToast('')} />
+
+      {/* Footer Strip */}
+      <footer className="mt-auto bg-bg3 border-t border-border py-2 px-4">
+        <div className="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3 text-xs sm:text-sm text-slate">
+          <div className="flex flex-col sm:flex-row items-center gap-2 sm:gap-4 text-center sm:text-left w-full sm:w-auto">
+            <img src="/logos/ict_logo_black.png" alt="ICT Department" className="h-6 sm:h-8 w-auto opacity-70" />
+            <div className="w-12 h-px sm:w-px sm:h-8 bg-border" />
+            <div className="flex flex-col leading-tight">
+              <strong className="text-navy">DeepFace Studio</strong>
+              <span>Dept. of ICT, Marwadi University</span>
+            </div>
+          </div>
+          <div className="flex items-center gap-2 sm:gap-3 flex-wrap justify-center font-medium">
+            <span>Educational use only</span>
+            <span className="text-border2">·</span>
+            <span>Local processing</span>
+            <span className="text-border2">·</span>
+            <span>© Aditya Raj 2026</span>
+          </div>
+        </div>
+      </footer>
     </div>
   );
 }