improved footer ui consistency (JhaSourav07#617)

## Description
Improved the footer UI for better consistency, responsiveness, and
maintainability.

**Changes made:**
- Replaced duplicated footer code in page.tsx with reusable Footer
component
- Improved spacing and alignment
- Enhanced dark mode contrast and hover interactions
- Added responsive layout refinements
- Reduced unnecessary bottom spacing
- Improved overall visual hierarchy and footer consistency

Fixes JhaSourav07#466 

## Pillar

- [ ] 🎨 Pillar 1 — New Theme Design
- [ ] 📐 Pillar 2 — Geometric SVG Improvement
- [ ] 🕐 Pillar 3 — Timezone Logic Optimization
- [x] 🛠️ Other (Bug fix, refactoring, docs)

## Visual Preview
**Before:**
<img width="1348" height="628" alt="image"
src="https://github.com/user-attachments/assets/e098d199-683b-479f-aaae-0a497d956d3b"
/>
**After:**
<img width="1293" height="629" alt="image"
src="https://github.com/user-attachments/assets/b9185a90-2c89-48f6-b797-b12865e1b4e6"
/>


## Checklist before requesting a review:

- [x] I have read the `CONTRIBUTING.md` file.
- [x] I have tested these changes locally
(`localhost:3000/api/streak?user=YOUR_USERNAME`).
- [x] I have run `npm run format` and `npm run lint` locally and
resolved all errors (CI will fail otherwise).
- [x] My commits follow the Conventional Commits format (e.g.,
`feat(themes): ...`, `fix(calculate): ...`).
- [ ] I have updated `README.md` if I added a new theme or URL
parameter.
- [ ] I have started the repo.
- [x] I have made sure that i have only one commit to merge in this PR.
- [x] The SVG output matches the CommitPulse "premium quality" aesthetic
standard (no raw elements, smooth animations, correct fonts).
- [ ] (Recommended) I joined the CommitPulse Discord community for
contributor discussions, mentorship, and faster PR support.

Author: JhaSourav07

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>
   );