diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index ff76dfa..6b32b6d 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -1,46 +1,134 @@
-import Logo from '../ui/Logo';
+import Logo from "../ui/Logo";
 
 const CodeIcon = () => (
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-    <polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" />
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+  >
+    <polyline points="16 18 22 12 16 6" />
+    <polyline points="8 6 2 12 8 18" />
   </svg>
 );
 
 const GitHubIcon = () => (
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+  >
     <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
   </svg>
 );
 
 const LinkedInIcon = () => (
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+  >
     <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
-    <rect x="2" y="9" width="4" height="12" /><circle cx="4" cy="4" r="2" />
+    <rect x="2" y="9" width="4" height="12" />
+    <circle cx="4" cy="4" r="2" />
   </svg>
 );
 
+const InstagramIcon = () => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+  >
+    <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
+    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
+    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5" />
+  </svg>
+);
+
+;
+
 export default function Footer() {
   return (
-    <footer className="app-footer">
-      <div className="footer-content">
-        <div className="footer-left">
-          <Logo size={28} />
-          <p>Designed &amp; Built by <strong>Mohit Kumar</strong></p>
+    <footer className="rf-footer">
+      <div className="rf-footer-top">
+        <div className="rf-footer-brand">
+          <Logo size={42} />
+
+          <div>
+            <h2>ReadmeForge</h2>
+
+            <p>
+              Build stunning GitHub READMEs with a modern futuristic workflow.
+            </p>
+          </div>
         </div>
-        <div className="footer-right">
-          <a href="https://github.com/Mohit-368/ReadmeForge" target="_blank" rel="noreferrer" className="footer-link">
+
+        <div className="rf-footer-links">
+          <h4>Quick Links</h4>
+
+          <a href="/">Home</a>
+          <a href="#" onClick={(e) => {  e.preventDefault();   alert("Coming soon!"); }}>About</a>
+          <a href="#" onClick={(e) => {  e.preventDefault();   alert("Coming soon!"); }}>Privacy Policy</a>
+          <a href="#" onClick={(e) => {  e.preventDefault();   alert("Coming soon!"); }}>Terms & Conditions</a>
+        </div>
+
+        <div className="rf-footer-socials">
+          <h4>Connect</h4>
+
+          <a
+            href="https://github.com/Mohit-368/ReadmeForge"
+            target="_blank"
+            rel="noreferrer"
+            className="rf-source-btn"
+          >
             <CodeIcon />
             Source Code
           </a>
-          <div className="footer-divider" />
-          <a href="https://github.com/Mohit-368" target="_blank" rel="noreferrer" className="footer-icon" title="GitHub">
-            <GitHubIcon />
-          </a>
-          <a href="https://www.linkedin.com/in/mohitkumar368/" target="_blank" rel="noreferrer" className="footer-icon" title="LinkedIn">
-            <LinkedInIcon />
-          </a>
+
+          <div className="rf-social-icons">
+            <a
+              href="https://github.com/Mohit-368"
+              target="_blank"
+              rel="noreferrer"
+              aria-label="GitHub"
+            >
+              <GitHubIcon />
+            </a>
+
+            <a
+              href="https://www.linkedin.com/in/mohitkumar368/"
+              target="_blank"
+              rel="noreferrer"
+              aria-label="LinkedIn"
+            >
+              <LinkedInIcon />
+            </a>
+
+            <a
+              href="https://instagram.com"
+              target="_blank"
+              rel="noreferrer"
+              aria-label="Instagram"
+            >
+              <InstagramIcon />
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div className="rf-footer-bottom">
+        <div className="rf-footer-signature">
+          <Logo size={30} />
+
+          <p className="rf-credit">
+            Designed & Built by <strong>Mohit Kumar</strong>
+          </p>
         </div>
       </div>
     </footer>
   );
-}
+}
\ No newline at end of file
diff --git a/src/styles/index.css b/src/styles/index.css
index da61a81..f2051c8 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1628,117 +1628,427 @@ body.light-mode .gh-preview {
 }
 
 /* =======================================================
-   FOOTER SECTION
+   FOOTER
 ======================================================= */
-.app-footer {
-  background: transparent;
-  padding: 40px 32px;
+
+.rf-footer {
   position: relative;
-  z-index: 20;
-  margin-top: 20px;
+  margin-top: 80px;
+  padding: 70px 40px 28px;
+  border-top: 1px solid rgba(255,255,255,0.06);
+  background: transparent;
+  overflow: hidden;
 }
 
-.app-footer::before {
+.rf-footer::before {
   content: "";
   position: absolute;
-  top: 0;
-  left: 15%;
-  right: 15%;
-  height: 1px;
-  background: linear-gradient(90deg,
-      transparent,
-      rgba(255, 255, 255, 0.08),
-      transparent);
+  inset: 0;
+
+  background-image:
+    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
+
+  background-size: 40px 40px;
+
+  pointer-events: none;
+  z-index: -1;
 }
 
-.footer-content {
+.rf-footer-top {
   max-width: 1200px;
-  margin: 0 auto;
+  margin: auto;
+
+  display: grid;
+  grid-template-columns: 1.4fr 1fr 1fr;
+
+  gap: 40px;
+
+  align-items: start;
+}
+
+.rf-footer-brand {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 24px;
+  align-items: flex-start;
+  gap: 18px;
+}
+
+.rf-footer-brand h2 {
+  font-size: 28px;
+  margin-bottom: 10px;
+  letter-spacing: -0.03em;
+}
+
+.rf-footer-brand p {
+  color: var(--muted);
+  line-height: 1.7;
+  max-width: 320px;
+  font-size: 14px;
 }
 
-.footer-left {
+.rf-footer-links,
+.rf-footer-socials {
   display: flex;
+  flex-direction: column;
+}
+
+.rf-footer-socials {
   align-items: center;
-  gap: 16px;
-  color: var(--muted2);
-  font-size: 13px;
-  font-family: "Space Grotesk", sans-serif;
 }
 
-.footer-left strong {
+.rf-footer-links h4,
+.rf-footer-socials h4 {
+  font-size: 15px;
+  margin-bottom: 18px;
   color: var(--text);
-  font-weight: 600;
+  position: relative;
 }
 
-.footer-logo {
+.rf-footer-links h4::after,
+.rf-footer-socials h4::after {
+  content: "";
+
+  position: absolute;
+
+  left: 0;
+  bottom: -8px;
+
   width: 28px;
-  height: 28px;
-  background: linear-gradient(135deg, var(--accent), var(--accent2));
-  border-radius: 8px;
+  height: 2px;
+
+  border-radius: 10px;
+
+  background: var(--accent);
+}
+
+/* Connect underline centered */
+
+.rf-footer-socials h4::after {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.rf-footer-links a {
+  display: inline-flex;
+  align-items: center;
+
+  width: fit-content;
+
+  padding: 10px 14px;
+
+  border-radius: 12px;
+
+  text-decoration: none;
+
+  color: var(--muted);
+
+  font-size: 14px;
+  font-weight: 500;
+
+  transition:
+    transform 0.28s ease,
+    color 0.28s ease,
+    background 0.28s ease,
+    box-shadow 0.28s ease;
+}
+
+.rf-footer-links a:hover {
+  color: var(--accent);
+
+  background:
+    rgba(56,189,248,0.08);
+
+  transform:
+    translateX(4px)
+    scale(1.04);
+
+  box-shadow:
+    0 0 18px rgba(56,189,248,0.08);
+}
+
+.rf-source-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+
+  width: fit-content;
+
+  padding: 12px 18px;
+
+  border-radius: 14px;
+
+  text-decoration: none;
+
+  color: var(--text);
+
+  background: rgba(255,255,255,0.03);
+
+  border: 1px solid rgba(255,255,255,0.08);
+
+  transition: all 0.3s ease;
+
+  align-self: center;
+}
+
+.rf-source-btn:hover {
+  color: white;
+
+  border-color:
+    rgba(56,189,248,0.45);
+
+  background:
+    linear-gradient(
+      135deg,
+      rgba(56,189,248,0.16),
+      rgba(129,140,248,0.16)
+    );
+
+  transform:
+    translateY(-4px)
+    scale(1.03);
+
+  box-shadow:
+    0 10px 30px rgba(56,189,248,0.16);
+}
+
+.rf-source-btn svg {
+  width: 18px;
+  height: 18px;
+}
+
+.rf-social-icons {
   display: flex;
+
   align-items: center;
+
   justify-content: center;
-  font-family: "JetBrains Mono", monospace;
-  font-weight: 700;
-  font-size: 11px;
-  color: #fff;
-  box-shadow: 0 0 15px rgba(56, 189, 248, 0.2);
+
+  gap: 16px;
+
+  margin-top: 22px;
 }
 
-.footer-right {
+.rf-social-icons a {
+  width: 48px;
+  height: 48px;
+
+  border-radius: 14px;
+
   display: flex;
   align-items: center;
-  gap: 20px;
+  justify-content: center;
+
+  flex-shrink: 0;
+
+  color: var(--muted);
+
+  background: rgba(255,255,255,0.03);
+
+  border: 1px solid rgba(255,255,255,0.08);
+
+  transition: all 0.3s ease;
 }
 
-.footer-divider {
-  width: 1px;
-  height: 24px;
-  background: var(--border2);
+.rf-social-icons a:hover {
+  color: white;
+
+  transform:
+    translateY(-5px)
+    scale(1.06);
+
+  border-color:
+    rgba(56,189,248,0.45);
+
+  background:
+    linear-gradient(
+      135deg,
+      rgba(56,189,248,0.18),
+      rgba(129,140,248,0.18)
+    );
+
+  box-shadow:
+    0 12px 30px rgba(56,189,248,0.18),
+    inset 0 0 20px rgba(255,255,255,0.04);
 }
 
-.footer-link,
-.footer-icon {
-  color: var(--muted);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+.rf-source-btn,
+.rf-social-icons a,
+.rf-footer-links a {
+  backdrop-filter: blur(10px);
+}
+
+.rf-social-icons svg {
+  width: 20px;
+  height: 20px;
+}
+
+.rf-social-icons a svg {
+  transition:
+    transform 0.3s ease,
+    filter 0.3s ease;
+}
+
+.rf-social-icons a:hover svg {
+  transform: scale(1.08);
+
+  filter:
+    drop-shadow(0 0 10px rgba(56,189,248,0.5));
+}
+
+.rf-footer-bottom {
+  max-width: 1200px;
+
+  margin: 55px auto 0;
+
+  padding-top: 22px;
+
+  border-top: 1px solid rgba(255,255,255,0.06);
+
+  text-align: center;
+}
+
+.rf-footer-signature {
   display: flex;
   align-items: center;
-  gap: 8px;
-  text-decoration: none;
+  justify-content: center;
+  gap: 16px;
+}
+
+.rf-credit {
+  color: var(--muted);
   font-size: 13px;
-  font-weight: 600;
-  font-family: "Inter", sans-serif;
+  letter-spacing: 0.04em;
 }
 
-.footer-link:hover,
-.footer-icon:hover {
-  color: var(--accent);
-  transform: translateY(-2px);
+.rf-credit strong {
+  color: var(--text);
+  font-weight: 700;
 }
 
-.footer-link svg,
-.footer-icon svg {
-  width: 20px;
-  height: 20px;
-  transition: filter 0.3s ease;
+/* =======================================================
+   RESPONSIVE
+======================================================= */
+
+@media (max-width: 900px) {
+
+  .rf-footer {
+    padding: 60px 24px 24px;
+  }
+
+  .rf-footer-top {
+    grid-template-columns: 1fr;
+    gap: 45px;
+  }
+
+  .rf-footer-brand {
+    flex-direction: column;
+  }
+
+  .rf-footer-brand h2 {
+    font-size: 24px;
+  }
+
 }
 
-.footer-link:hover svg,
-.footer-icon:hover svg {
-  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.5));
+@media (max-width: 768px) {
+
+  .rf-footer-bottom {
+    margin-top: 40px;
+  }
+
+  .rf-footer-signature {
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  .rf-footer-links a {
+    padding-left: 0;
+  }
+
 }
 
-@media (max-width: 600px) {
-  .footer-content {
+/* =======================================================
+   RESPONSIVE
+======================================================= */
+
+@media (max-width: 900px) {
+
+  .rf-footer {
+    padding: 60px 24px 24px;
+  }
+
+  .rf-footer-top {
+    grid-template-columns: 1fr;
+    gap: 45px;
+  }
+
+  .rf-footer-brand {
     flex-direction: column;
-    text-align: center;
-    justify-content: center;
   }
+
+  .rf-footer-brand h2 {
+    font-size: 24px;
+  }
+
+}
+
+@media (max-width: 768px) {
+
+  .rf-footer-bottom {
+    margin-top: 40px;
+  }
+
+  .rf-footer-signature {
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  .rf-footer-links a {
+    padding-left: 0;
+  }
+
+}
+
+/* =======================================================
+   RESPONSIVE
+======================================================= */
+
+@media (max-width: 900px) {
+
+  .rf-footer {
+    padding: 60px 24px 24px;
+  }
+
+  .rf-footer-top {
+    grid-template-columns: 1fr;
+    gap: 45px;
+  }
+
+  .rf-footer-brand {
+    flex-direction: column;
+  }
+
+  .rf-footer-brand h2 {
+    font-size: 24px;
+  }
+
+}
+
+@media (max-width: 768px) {
+
+  .rf-footer-bottom {
+    margin-top: 40px;
+  }
+
+  .rf-footer-signature {
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  .rf-footer-links a {
+    padding-left: 0;
+  }
+
 }
 
 /* =======================================================