export function Footer() {
  return (
    <footer className="py-12 px-6 border-t border-border/30">
      <div className="mx-auto max-w-5xl flex flex-col sm:flex-row items-center justify-between gap-4">
        <div className="flex items-center gap-2">
          <svg viewBox="0 0 32 32" fill="none" className="h-4 w-4" xmlns="http://www.w3.org/2000/svg">
            <path d="M16 2L4 7V15C4 22.18 9.11 28.79 16 30C22.89 28.79 28 22.18 28 15V7L16 2Z" fill="#D95E2A" />
            <path d="M16 6L8 9.5V15C8 20.05 11.42 24.68 16 26C20.58 24.68 24 20.05 24 15V9.5L16 6Z" fill="#161614" />
            <circle cx="16" cy="12" r="2" fill="#D95E2A" />
            <circle cx="12" cy="17" r="1.5" fill="#D95E2A" />
            <circle cx="20" cy="17" r="1.5" fill="#D95E2A" />
            <circle cx="16" cy="21" r="1.5" fill="#D95E2A" />
            <path d="M16 14V19.5M14 16L12.5 17M18 16L19.5 17" stroke="#D95E2A" strokeWidth="1" strokeLinecap="round" />
          </svg>
          <span className="font-serif font-semibold text-sm text-foreground">Greywall</span>
          <span className="text-xs text-muted-foreground font-sans">by Greyhaven</span>
        </div>
        <div className="flex items-center gap-6 text-xs 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>
          <span>Apache 2.0</span>
        </div>
      </div>
    </footer>
  )
}
