From 5f787a5f1cc5bc93a87160f9ae8e10d1d8d6031a Mon Sep 17 00:00:00 2001
From: temycodes <temycodes@gmail.com>
Date: Sun, 19 Jul 2026 10:17:26 +0100
Subject: [PATCH 1/2] Fix broken footer links pointing to '#'

- Link GitHub icon to the actual repo (opens in new tab)
- Mark Twitter and Discord as 'Coming soon' (disabled, styled distinctly) until real handles are confirmed
- Add placeholder /privacy and /terms pages with 'Coming soon' notices
- Update footer to link Privacy Policy / Terms of Service to the new pages

Closes #108
---
 frontend/app/privacy/page.tsx          | 46 ++++++++++++++++++++++++++
 frontend/app/terms/page.tsx            | 46 ++++++++++++++++++++++++++
 frontend/components/landing/footer.tsx | 34 ++++++++++---------
 3 files changed, 111 insertions(+), 15 deletions(-)
 create mode 100644 frontend/app/privacy/page.tsx
 create mode 100644 frontend/app/terms/page.tsx

diff --git a/frontend/app/privacy/page.tsx b/frontend/app/privacy/page.tsx
new file mode 100644
index 0000000..46afb23
--- /dev/null
+++ b/frontend/app/privacy/page.tsx
@@ -0,0 +1,46 @@
+import Image from "next/image"
+import Link from "next/link"
+import { ThemeToggle } from "@/components/ui/theme-toggle"
+
+export default function PrivacyPolicy() {
+  return (
+    <div className="min-h-screen bg-background">
+      <header className="fixed top-0 left-0 right-0 z-50 border-b border-border/40 bg-background/80 backdrop-blur-lg">
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex h-16 items-center justify-between">
+            <Link href="/" className="flex items-center gap-2">
+              <div className="flex h-10 w-10 items-center justify-center overflow-hidden rounded-xl">
+                <Image
+                  src="/joint-save.jpg"
+                  alt="JointSave Logo"
+                  width={40}
+                  height={40}
+                  className="object-cover"
+                />
+              </div>
+              <span className="text-xl font-bold">JointSave</span>
+            </Link>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+      <main className="container mx-auto flex min-h-screen items-center justify-center px-4 pt-16 sm:px-6 lg:px-8">
+        <section className="mx-auto max-w-3xl py-24 text-center">
+          <p className="mb-4 text-sm font-semibold uppercase tracking-wider text-primary">
+            Coming Soon
+          </p>
+          <h1 className="mb-6 text-5xl font-bold tracking-tight text-balance sm:text-6xl">
+            Privacy Policy
+          </h1>
+          <p className="mx-auto mb-10 max-w-2xl text-xl text-muted-foreground text-pretty">
+            We&apos;re finalizing our Privacy Policy. Check back soon, or reach out if you have
+            questions in the meantime.
+          </p>
+          <Link href="/" className="text-primary hover:underline">
+            Back to Home
+          </Link>
+        </section>
+      </main>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/frontend/app/terms/page.tsx b/frontend/app/terms/page.tsx
new file mode 100644
index 0000000..f7ec427
--- /dev/null
+++ b/frontend/app/terms/page.tsx
@@ -0,0 +1,46 @@
+import Image from "next/image"
+import Link from "next/link"
+import { ThemeToggle } from "@/components/ui/theme-toggle"
+
+export default function TermsOfService() {
+  return (
+    <div className="min-h-screen bg-background">
+      <header className="fixed top-0 left-0 right-0 z-50 border-b border-border/40 bg-background/80 backdrop-blur-lg">
+        <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex h-16 items-center justify-between">
+            <Link href="/" className="flex items-center gap-2">
+              <div className="flex h-10 w-10 items-center justify-center overflow-hidden rounded-xl">
+                <Image
+                  src="/joint-save.jpg"
+                  alt="JointSave Logo"
+                  width={40}
+                  height={40}
+                  className="object-cover"
+                />
+              </div>
+              <span className="text-xl font-bold">JointSave</span>
+            </Link>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+      <main className="container mx-auto flex min-h-screen items-center justify-center px-4 pt-16 sm:px-6 lg:px-8">
+        <section className="mx-auto max-w-3xl py-24 text-center">
+          <p className="mb-4 text-sm font-semibold uppercase tracking-wider text-primary">
+            Coming Soon
+          </p>
+          <h1 className="mb-6 text-5xl font-bold tracking-tight text-balance sm:text-6xl">
+            Terms of Service
+          </h1>
+          <p className="mx-auto mb-10 max-w-2xl text-xl text-muted-foreground text-pretty">
+            We&apos;re finalizing our Terms of Service. Check back soon, or reach out if you have
+            questions in the meantime.
+          </p>
+          <Link href="/" className="text-primary hover:underline">
+            Back to Home
+          </Link>
+        </section>
+      </main>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/frontend/components/landing/footer.tsx b/frontend/components/landing/footer.tsx
index ca3b420..8351d71 100644
--- a/frontend/components/landing/footer.tsx
+++ b/frontend/components/landing/footer.tsx
@@ -60,26 +60,30 @@ export function Footer() {
             <h3 className="font-semibold mb-4">Community</h3>
             <ul className="space-y-2">
               <li>
-                <a
-                  href="#"
-                  className="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2"
+                <span
+                  className="text-muted-foreground/50 cursor-not-allowed flex items-center gap-2"
+                  aria-disabled="true"
+                  title="Coming soon"
                 >
                   <Twitter className="h-4 w-4" />
-                  Twitter
-                </a>
+                  Twitter (Coming soon)
+                </span>
               </li>
               <li>
-                <a
-                  href="#"
-                  className="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2"
+                <span
+                  className="text-muted-foreground/50 cursor-not-allowed flex items-center gap-2"
+                  aria-disabled="true"
+                  title="Coming soon"
                 >
                   <MessageCircle className="h-4 w-4" />
-                  Discord
-                </a>
+                  Discord (Coming soon)
+                </span>
               </li>
-              <li>
+             <li>
                 <a
-                  href="#"
+                  href="https://github.com/JointSave-org/Joint_Save"
+                  target="_blank"
+                  rel="noopener noreferrer"
                   className="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2"
                 >
                   <Github className="h-4 w-4" />
@@ -93,10 +97,10 @@ export function Footer() {
         <div className="border-t border-border/40 pt-8 flex flex-col sm:flex-row justify-between items-center gap-4">
           <p className="text-sm text-muted-foreground">© 2025 JointSave. Built on Stellar.</p>
           <div className="flex gap-6 text-sm text-muted-foreground">
-            <Link href="#" className="hover:text-foreground transition-colors">
+            <Link href="/privacy" className="hover:text-foreground transition-colors">
               Privacy Policy
             </Link>
-            <Link href="#" className="hover:text-foreground transition-colors">
+            <Link href="/terms" className="hover:text-foreground transition-colors">
               Terms of Service
             </Link>
           </div>
@@ -104,4 +108,4 @@ export function Footer() {
       </div>
     </footer>
   )
-}
+}
\ No newline at end of file

From 062edf3f91a1f4c7eef74bc4d3d9bbc070ec8dd8 Mon Sep 17 00:00:00 2001
From: temycodes <temycodes@gmail.com>
Date: Sun, 19 Jul 2026 10:22:22 +0100
Subject: [PATCH 2/2] Fix formatting per prettier

---
 frontend/app/privacy/page.tsx          | 2 +-
 frontend/app/terms/page.tsx            | 2 +-
 frontend/components/landing/footer.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/privacy/page.tsx b/frontend/app/privacy/page.tsx
index 46afb23..dfec1f6 100644
--- a/frontend/app/privacy/page.tsx
+++ b/frontend/app/privacy/page.tsx
@@ -43,4 +43,4 @@ export default function PrivacyPolicy() {
       </main>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/app/terms/page.tsx b/frontend/app/terms/page.tsx
index f7ec427..4d9d1c6 100644
--- a/frontend/app/terms/page.tsx
+++ b/frontend/app/terms/page.tsx
@@ -43,4 +43,4 @@ export default function TermsOfService() {
       </main>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/components/landing/footer.tsx b/frontend/components/landing/footer.tsx
index 8351d71..91d7192 100644
--- a/frontend/components/landing/footer.tsx
+++ b/frontend/components/landing/footer.tsx
@@ -79,7 +79,7 @@ export function Footer() {
                   Discord (Coming soon)
                 </span>
               </li>
-             <li>
+              <li>
                 <a
                   href="https://github.com/JointSave-org/Joint_Save"
                   target="_blank"
@@ -108,4 +108,4 @@ export function Footer() {
       </div>
     </footer>
   )
-}
\ No newline at end of file
+}