export default function ExplorePage() {
  return (
    <div className="max-w-4xl mx-auto px-4 md:px-6 py-6 space-y-6">
      <h1 className="text-xl font-semibold text-[#172B4D]">Explore</h1>
      <div className="flex flex-col items-center justify-center py-16 border border-dashed border-[#DFE1E6] rounded text-center gap-3">
        <svg width="40" height="40" fill="none" stroke="#97A0AF" strokeWidth="1" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
        </svg>
        <div>
          <p className="text-sm font-medium text-[#172B4D]">Explore public repositories</p>
          <p className="text-xs text-[#5E6C84] mt-1">
            Federated discovery across ForgeBucket instances — coming soon.
          </p>
        </div>
      </div>
    </div>
  )
}
