import { GreywallLogo } from './logo'

export function Footer() {
  return (
    <footer className="py-12 px-6 border-t border-border/30">
      <div className="mx-auto flex w-full max-w-[1480px] flex-col items-center justify-between gap-4 sm:flex-row">
        <div className="flex items-center gap-2">
          <GreywallLogo size="small" />
          <span className="text-sm text-muted-foreground font-sans">by Greyhaven</span>
        </div>
        <div className="flex items-center gap-6 text-sm text-muted-foreground font-sans">
          <a
            href="https://github.com/GreyhavenHQ/greywall"
            target="_blank"
            rel="noopener noreferrer"
            className="hover:text-foreground transition-colors"
          >
            GitHub
          </a>
          <a
            href="https://greyhaven.co"
            target="_blank"
            rel="noopener noreferrer"
            className="hover:text-foreground transition-colors"
          >
            greyhaven.co
          </a>
          <a
            href="/privacy"
            className="hover:text-foreground transition-colors"
          >
            Privacy
          </a>
          <span>Apache 2.0</span>
        </div>
      </div>
    </footer>
  )
}