111 lines
4.3 KiB
TypeScript
111 lines
4.3 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
|
|
export default function Footer() {
|
|
const year = new Date().getFullYear();
|
|
|
|
return (
|
|
<footer
|
|
className="border-t mt-auto"
|
|
style={{ borderColor: "#222222", background: "#0a0a0a" }}
|
|
>
|
|
{/* Disclaimer bar */}
|
|
<div
|
|
className="border-b px-6 py-3 text-center text-xs"
|
|
style={{ borderColor: "#1a1a1a", color: "#3a3a3a" }}
|
|
>
|
|
UIT is for informational purposes only. Nothing on this site constitutes
|
|
financial advice or a recommendation to buy or sell any security. Past
|
|
performance does not guarantee future results. Consult a licensed financial
|
|
advisor before making investment decisions.
|
|
</div>
|
|
|
|
{/* Main footer */}
|
|
<div className="max-w-6xl mx-auto px-6 py-10">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-10">
|
|
{/* Brand */}
|
|
<div>
|
|
<div className="mb-3">
|
|
<span className="text-sm font-semibold tracking-widest uppercase" style={{ letterSpacing: "0.15em" }}>
|
|
Verimund
|
|
</span>{" "}
|
|
<span className="text-sm font-light tracking-widest uppercase" style={{ color: "#888888", letterSpacing: "0.15em" }}>
|
|
Solutions
|
|
</span>
|
|
</div>
|
|
<p className="text-xs leading-relaxed" style={{ color: "#888888" }}>
|
|
Finance-specialized SaaS tools built for serious investors.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Navigation */}
|
|
<div>
|
|
<p className="text-xs font-semibold uppercase tracking-widest mb-3" style={{ color: "#3a3a3a", letterSpacing: "0.12em" }}>
|
|
Navigation
|
|
</p>
|
|
<div className="flex flex-col gap-2">
|
|
{[
|
|
{ href: "/", label: "Home" },
|
|
{ href: "/uit", label: "UIT" },
|
|
{ href: "/faq", label: "FAQ" },
|
|
{ href: "/contact", label: "Contact" },
|
|
].map(({ href, label }) => (
|
|
<Link
|
|
key={href}
|
|
href={href}
|
|
className="text-xs transition-colors duration-200"
|
|
style={{ color: "#888888" }}
|
|
onMouseEnter={(e) => (e.currentTarget.style.color = "#ffffff")}
|
|
onMouseLeave={(e) => (e.currentTarget.style.color = "#888888")}
|
|
>
|
|
{label}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
{/* Contact + Legal */}
|
|
<div>
|
|
<p className="text-xs font-semibold uppercase tracking-widest mb-3" style={{ color: "#3a3a3a", letterSpacing: "0.12em" }}>
|
|
Contact
|
|
</p>
|
|
<div className="flex flex-col gap-1 mb-5">
|
|
<p className="text-xs" style={{ color: "#888888" }}>Nolan Kovacs — CEO</p>
|
|
<p className="text-xs" style={{ color: "#888888" }}>248-252-9430</p>
|
|
<p className="text-xs" style={{ color: "#888888" }}>
|
|
{/* Placeholder until email is set up */}
|
|
nolankovacs@verimundsolutions.com
|
|
</p>
|
|
</div>
|
|
<div className="flex gap-4">
|
|
<Link href="/terms" className="text-xs transition-colors duration-200" style={{ color: "#3a3a3a" }}
|
|
onMouseEnter={(e) => (e.currentTarget.style.color = "#888888")}
|
|
onMouseLeave={(e) => (e.currentTarget.style.color = "#3a3a3a")}
|
|
>
|
|
Terms of Service
|
|
</Link>
|
|
<Link href="/privacy" className="text-xs transition-colors duration-200" style={{ color: "#3a3a3a" }}
|
|
onMouseEnter={(e) => (e.currentTarget.style.color = "#888888")}
|
|
onMouseLeave={(e) => (e.currentTarget.style.color = "#3a3a3a")}
|
|
>
|
|
Privacy Policy
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Bottom row */}
|
|
<div
|
|
className="mt-10 pt-6 border-t flex flex-col md:flex-row items-center justify-between gap-3"
|
|
style={{ borderColor: "#1a1a1a" }}
|
|
>
|
|
<p className="text-xs" style={{ color: "#3a3a3a" }}>
|
|
© {year} Verimund Solutions. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|