Product Card

export function ProductCard() {
  return (
    <div className="w-56 overflow-hidden rounded-2xl border border-white/10 bg-white/5 text-white">
      <div className="h-32 bg-gradient-to-br from-violet-600 to-cyan-400" />
      <div className="p-4">
        <h3 className="font-bold">Aurora Sneakers</h3>
        <p className="text-sm text-white/60">Limited edition</p>
        <div className="mt-3 flex items-center justify-between">
          <span className="text-lg font-extrabold">$129</span>
          <button className="rounded-xl bg-violet-600 px-4 py-2 text-sm font-bold">Add</button>
        </div>
      </div>
    </div>
  )
}