From 7bcaba8e632827cbd3048aa8c8e98edcef7269e3 Mon Sep 17 00:00:00 2001
From: Yachika Sharma <shakuntalaramphalsharma@gmail.com>
Date: Sat, 20 Jun 2026 21:15:05 +0530
Subject: [PATCH] feat: add Legal Links section to footer

- Added LEGAL_LINKS array with Privacy Policy, Guidelines, and Documentation
- Added new Legal Links column in footer grid
- Updated grid layout from 4 to 5 columns for responsive design
- Matches existing footer styling, typography, and hover effects

Closes #1323
---
 src/components/Footer.tsx | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 5f69b67e6..f36c5abdf 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -20,6 +20,11 @@ const COMMUNITY_LINKS = [
   { label: "GitHub Repository", href: "https://github.com/Priyanshu-byte-coder/devtrack" },
   { label: "Contributing Guide", href: "https://github.com/Priyanshu-byte-coder/devtrack/blob/main/CONTRIBUTING.md" },
 ];
+const LEGAL_LINKS = [
+  { label: "Privacy Policy", href: "/privacy-policy" },
+  { label: "Guidelines", href: "https://github.com/Priyanshu-byte-coder/devtrack/blob/main/CODE_OF_CONDUCT.md" },
+  { label: "Documentation", href: "https://github.com/Priyanshu-byte-coder/devtrack/blob/main/DEVELOPMENT.md" },
+];
 
 const SOCIAL_LINKS = [
   {
@@ -114,7 +119,7 @@ export default function Footer() {
       <div className="relative mx-auto w-full max-w-7xl px-6 py-12 sm:px-8 lg:px-12">
 
         {/* Main grid */}
-        <div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-[1.8fr_1fr_1fr_1fr]">
+        <div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-[1.8fr_1fr_1fr_1fr_1fr]">
 
           {/* Brand column */}
           <div>
@@ -213,7 +218,26 @@ export default function Footer() {
               ))}
             </nav>
           </div>
-
+          {/* Legal Links */}
+          <div>
+              <h3
+                className="text-[11px] font-bold uppercase tracking-[0.2em] text-[var(--foreground)]"
+                style={{ fontFamily: "var(--font-jetbrains, ui-monospace, monospace)" }}
+              >
+                Legal Links
+              </h3>
+              <nav aria-label="Legal links" className="mt-6 flex flex-col gap-3">
+                {LEGAL_LINKS.map(({ label, href }) => (
+                  <FooterLink
+                    key={label}
+                    href={href}
+                    external={href.startsWith("http")}
+                  >
+                    {label}
+                  </FooterLink>
+                ))}
+              </nav>
+            </div>
           {/* Stats column */}
           <div>
             <h3