import { Brand } from "@/components/shared/brand"

export function SiteFooter() {
  return (
    <footer className="px-6 py-10 sm:px-10">
      <div className="flex flex-col gap-8 sm:flex-row sm:items-center sm:justify-between">
        <div>
          <Brand />
          <p className="mt-3 max-w-sm text-xs leading-5 text-muted-foreground">
            The unified gateway for production AI applications.
          </p>
        </div>
        <div className="flex flex-wrap gap-x-6 gap-y-3 text-xs text-muted-foreground">
          <a className="hover:text-foreground" href="#models">Models</a>
          <a className="hover:text-foreground" href="#developers">Docs</a>
          <a className="hover:text-foreground" href="#pricing">Pricing</a>
          <a className="hover:text-foreground" href="#top">Status</a>
          <a className="hover:text-foreground" href="#top">Privacy</a>
        </div>
      </div>
      <div className="mt-10 text-[11px] text-muted-foreground">
        <span>© 2026 Vertex, Inc. All rights reserved.</span>
      </div>
    </footer>
  )
}