kleap
/
app-whistling-shiba-drift
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update components/footer.tsx

This commit is contained in:
kleap-admin 2026-01-16 17:00:57 +00:00
parent ab844e303b
commit 9c002a25e9
1 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/footer.tsx Normal file
View File

@ -0,0 +1,44 @@
import { Container } from "@/components/container";
import { Logo } from "@/components/Logo";
import Link from "next/link";
export function Footer() {
return (
<footer className="bg-neutral-900 text-white py-16">
<Container>
<div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
<div className="col-span-1 md:col-span-2">
<Logo />
<p className="mt-6 text-neutral-400 max-w-sm">
Accident is a public safety platform dedicated to documenting incidents and improving emergency response through community awareness.
</p>
</div>
<div>
<h4 className="font-bold mb-6">Quick Links</h4>
<ul className="space-y-4 text-neutral-400">
<li><Link href="/" className="hover:text-white transition-colors">Home</Link></li>
<li><Link href="#report" className="hover:text-white transition-colors">Report Incident</Link></li>
<li><Link href="#safety" className="hover:text-white transition-colors">Safety Tips</Link></li>
<li><Link href="#" className="hover:text-white transition-colors">Public Records</Link></li>
</ul>
</div>
<div>
<h4 className="font-bold mb-6">Legal & Safety</h4>
<ul className="space-y-4 text-neutral-400">
<li><Link href="#" className="hover:text-white transition-colors">Privacy Policy</Link></li>
<li><Link href="#" className="hover:text-white transition-colors">Terms of Service</Link></li>
<li><Link href="#" className="hover:text-white transition-colors">Anonymous Reporting</Link></li>
<li><Link href="#" className="hover:text-white transition-colors">Law Enforcement</Link></li>
</ul>
</div>
</div>
<div className="pt-8 border-t border-neutral-800 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-neutral-500">
<p>© {new Date().getFullYear()} Accident Safety Org. All rights reserved.</p>
<div className="flex gap-6">
<span>Emergency? Call 911</span>
</div>
</div>
</Container>
</footer>
);
}