import Link from "next/link";

/** Footer from justine/01_homepage.html */
export function JustineFooter() {
  return (
    <footer>
      <div>
        <span className="f" style={{ fontSize: 16, fontWeight: 700, color: "var(--ink)" }}>
          vibn
        </span>
        <span className="footer-tagline">The fastest way from idea to product.</span>
      </div>
      <div className="footer-links">
        <Link href="/#how-it-works" style={{ fontSize: 13, color: "var(--muted)", textDecoration: "none" }}>
          How it works
        </Link>
        <Link href="/pricing" style={{ fontSize: 13, color: "var(--muted)", textDecoration: "none" }}>
          Pricing
        </Link>
        <Link href="/privacy" style={{ fontSize: 13, color: "var(--muted)", textDecoration: "none" }}>
          Privacy
        </Link>
        <Link href="/terms" style={{ fontSize: 13, color: "var(--muted)", textDecoration: "none" }}>
          Terms
        </Link>
      </div>
      <span style={{ fontSize: 12.5, color: "var(--muted)", textAlign: "right", display: "block" }}>
        © {new Date().getFullYear()} vibn
      </span>
    </footer>
  );
}
