Skip to content

Fix broken footer links pointing to "#" (#108) #176

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Sendi0011 merged 2 commits into from
Jul 21, 2026
+109 −13
Merged

Fix broken footer links pointing to "#" (#108) #176

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5f787a5
Fix broken footer links pointing to '#'
temisan0x Jul 19, 2026
062edf3
Fix formatting per prettier
temisan0x Jul 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 46 additions & 0 deletions frontend/app/privacy/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
)
}
46 changes: 46 additions & 0 deletions frontend/app/terms/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
)
}
30 changes: 17 additions & 13 deletions frontend/components/landing/footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
<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" />
Expand All @@ -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>
Expand Down
Loading