diff --git a/app/(main)/components/Footer.tsx b/app/(main)/components/Footer.tsx
new file mode 100644
index 0000000..235651f
--- /dev/null
+++ b/app/(main)/components/Footer.tsx
@@ -0,0 +1,97 @@
+import React from "react";
+import Link from "next/link";
+import { Twitter, Github, Disc } from "lucide-react";
+
+const Footer = () => {
+  return (
+    <footer className="bg-white border-t border-gray-200 py-8">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
+          {/* Brand Section */}
+          <div>
+            <div className="flex items-center gap-2 mb-4">
+              <div className="w-9 h-9 rounded-lg bg-[#1a3a6b] flex items-center justify-center">
+                <span className="text-white font-bold text-base leading-none">S</span>
+              </div>
+              <span className="text-lg font-semibold text-gray-900">StellarAid</span>
+            </div>
+            <p className="text-sm text-gray-500">Transparent charitable giving on blockchain</p>
+          </div>
+
+          {/* Platform Links */}
+          <div>
+            <h4 className="text-sm font-semibold text-gray-900 mb-4">Platform</h4>
+            <ul className="space-y-2">
+              <li>
+                <Link href="/how-it-works" className="text-gray-500 hover:text-gray-900">
+                  How it works
+                </Link>
+              </li>
+              <li>
+                <Link href="/projects" className="text-gray-500 hover:text-gray-900">
+                  Projects
+                </Link>
+              </li>
+              <li>
+                <Link href="/about" className="text-gray-500 hover:text-gray-900">
+                  About
+                </Link>
+              </li>
+            </ul>
+          </div>
+
+          {/* Legal Links */}
+          <div>
+            <h4 className="text-sm font-semibold text-gray-900 mb-4">Legal</h4>
+            <ul className="space-y-2">
+              <li>
+                <Link href="/privacy" className="text-gray-500 hover:text-gray-900">
+                  Privacy
+                </Link>
+              </li>
+              <li>
+                <Link href="/terms" className="text-gray-500 hover:text-gray-900">
+                  Terms
+                </Link>
+              </li>
+              <li>
+                <Link href="/contact" className="text-gray-500 hover:text-gray-900">
+                  Contact
+                </Link>
+              </li>
+            </ul>
+          </div>
+
+          {/* Connect Links */}
+          <div>
+            <h4 className="text-sm font-semibold text-gray-900 mb-4">Connect</h4>
+            <ul className="space-y-2">
+              <li>
+                <Link href="https://twitter.com" className="text-gray-500 hover:text-gray-900 inline-flex items-center gap-2">
+                  <Twitter className="w-4 h-4" /> Twitter
+                </Link>
+              </li>
+              <li>
+                <Link href="https://discord.com" className="text-gray-500 hover:text-gray-900 inline-flex items-center gap-2">
+                  <Disc className="w-4 h-4" /> Discord
+                </Link>
+              </li>
+              <li>
+                <Link href="https://github.com" className="text-gray-500 hover:text-gray-900 inline-flex items-center gap-2">
+                  <Github className="w-4 h-4" /> GitHub
+                </Link>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        {/* Copyright Section */}
+        <div className="mt-8 text-center text-sm text-gray-500">
+          © 2026 StellarAid. All rights reserved.
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/app/(main)/page.tsx b/app/(main)/page.tsx
index 4c1690a..01cd616 100644
--- a/app/(main)/page.tsx
+++ b/app/(main)/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import { WhyChooseUs } from "./components/WhyChooseUs";
+import Footer from "./components/Footer";
 
 
 export const metadata: Metadata = {
@@ -10,7 +11,7 @@ export const metadata: Metadata = {
 
 export default function HomePage() {
   return (
-    <div className="min-h-screen bg-[#f0f4fa] flex flex-col items-center justify-center px-4 py-20">
+    <div className="min-h-screen bg-[#f0f4fa] flex flex-col">
       {/* ── Hero ─────────────────────────────────────────────────────── */}
       <section className="w-full max-w-3xl mx-auto text-center relative overflow-hidden rounded-2xl">
 
@@ -68,6 +69,7 @@ export default function HomePage() {
       <section>
         <WhyChooseUs />
       </section>
+      <Footer />
     </div>
   );
 }
diff --git a/package-lock.json b/package-lock.json
index 56e0809..28b9182 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -940,6 +940,7 @@
       "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.2.2"
@@ -1384,6 +1385,7 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1877,6 +1879,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -2609,6 +2612,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -2777,6 +2781,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -5248,6 +5253,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -5464,6 +5470,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -5476,6 +5483,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -5489,6 +5497,7 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.71.2.tgz",
       "integrity": "sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -6458,6 +6467,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -6659,6 +6669,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"