improved footer ui consistency

Author: abhi-nav-25

app/components/Footer.tsx

@@ -2,41 +2,49 @@ import Link from 'next/link';
 
 export function Footer() {
   return (
-    <footer className="mt-12 border-t border-black/10 dark:border-white/5 pt-8 text-sm text-zinc-600 dark:text-white/30 transition-colors">
-      <div className="flex flex-col items-center justify-between gap-6 md:flex-row">
+    <footer className="mt-14 border-t border-black/15 dark:border-white/10 bg-transparent pt-10 pb-4 text-sm transition-colors">
+      <div className="mx-auto flex max-w-7xl flex-col items-start justify-between gap-8 px-6 md:flex-row">
         {/* LEFT */}
-        <p className="text-center md:text-left">
-          © 2026 CommitPulse. Designed for the elite builder community.
-        </p>
+        <div className="text-center md:text-left">
+          <h2 className="text-lg font-semibold text-black dark:text-white">CommitPulse</h2>
+
+          <p className="mt-1 text-zinc-600 dark:text-zinc-400">
+            Designed for the elite builder community.
+          </p>
+        </div>
 
         {/* RIGHT */}
-        <div className="flex items-center gap-8">
+        <div className="flex items-start gap-6 text-sm font-medium text-zinc-600 dark:text-zinc-400">
+          {' '}
           <Link
             href="/contributors"
-            className="transition-colors hover:text-black dark:hover:text-white"
+            className="transition-colors duration-200 hover:text-black dark:hover:text-white"
           >
             Contributors
           </Link>
-
           <a
             href="https://github.com/JhaSourav07/commitpulse/blob/main/README.md"
             target="_blank"
             rel="noreferrer"
-            className="transition-colors hover:text-black dark:hover:text-white"
+            className="transition-colors duration-200 hover:text-black dark:hover:text-white"
           >
             Documentation
           </a>
-
           <a
             href="https://github.com/jhasourav07"
             target="_blank"
             rel="noreferrer"
-            className="transition-colors hover:text-white"
+            className="transition-colors duration-200 hover:text-black dark:hover:text-white"
           >
             Creator
           </a>
         </div>
       </div>
+
+      {/* BOTTOM */}
+      <div className="mt-6 border-t border-black/5 pt-3 text-center text-xs text-zinc-500 dark:border-white/5 dark:text-zinc-500">
+        © 2026 CommitPulse. All rights reserved.
+      </div>
     </footer>
   );
 }

app/page.tsx

@@ -9,6 +9,7 @@ import { X } from 'lucide-react';
 import { CommitPulseLogo } from '@/components/commitpulse-logo';
 import { CustomizeCTA } from './components/CustomizeCTA';
 import { useRecentSearches } from '@/hooks/useRecentSearches';
+import { Footer } from '@/app/components/Footer';
 
 const Icons = {
   Github: () => (
@@ -129,7 +130,7 @@ export default function LandingPage() {
         <div className="absolute -right-[10%] top-[20%] h-[30%] w-[30%] rounded-full bg-white/2 blur-[120px]" />
       </div>
 
-      <main className="relative z-10 mx-auto max-w-6xl px-6 pb-32">
+      <main className="relative z-10 mx-auto max-w-6xl px-6 mt-32">
         <div className="mb-16 text-center">
           <motion.a
             href="https://discord.gg/Cb73bS79j"
@@ -364,36 +365,7 @@ export default function LandingPage() {
             desc="Sophisticated 3D projection formulas turn 2D data into digital architecture."
           />
         </div>
-
-        <footer className="mt-32 flex flex-col items-center justify-between gap-6 border-t border-black/10 pt-8 text-sm text-gray-600 dark:border-white/5 dark:text-white/30 md:flex-row">
-          <p>&copy; 2026 CommitPulse. Designed for the elite builder community.</p>
-          <div className="flex gap-8">
-            <Link
-              href="/contributors"
-              className="transition-colors hover:text-black dark:hover:text-white"
-            >
-              Contributors
-            </Link>
-
-            <a
-              href="https://github.com/JhaSourav07/commitpulse/blob/main/README.md"
-              target="_blank"
-              rel="noreferrer"
-              className="transition-colors hover:text-white"
-            >
-              Documentation
-            </a>
-
-            <a
-              href="https://github.com/jhasourav07"
-              target="_blank"
-              rel="noreferrer"
-              className="transition-colors hover:text-black dark:hover:text-white"
-            >
-              Creator
-            </a>
-          </div>
-        </footer>
+        <Footer />
       </main>
     </div>
   );