export function MinimalNavbar() {
  return (
    <div className="w-full max-w-md rounded-full border border-border/40 bg-background/60 backdrop-blur-md shadow-sm p-1.5 flex items-center justify-between">
      <div className="flex items-center gap-1">
        <button className="px-4 py-2 text-sm font-medium rounded-full bg-foreground text-background">Home</button>
        <button className="px-4 py-2 text-sm font-medium rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors">Work</button>
        <button className="px-4 py-2 text-sm font-medium rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors">About</button>
      </div>
      <button className="h-9 w-9 rounded-full bg-muted flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="text-foreground"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
      </button>
    </div>
  );
}