ناوبری پایین

<div className="flex items-center justify-around">
  <button className="flex flex-col items-center gap-1 p-2 text-primary">
    <Home className="h-5 w-5" />
    <span className="text-xs">خانه</span>
  </button>
  <button className="flex flex-col items-center gap-1 p-2 text-muted-foreground">
    <Search className="h-5 w-5" />
    <span className="text-xs">جستجو</span>
  </button>
  ...
</div>