return (
    <div className="flex flex-col items-center justify-center min-h-screen py-2">
      <h1 className="text-4xl font-bold mb-4">Discord User API</h1>
      {error && <p className="text-red-500 mb-4">{error}</p>}
      {user ? (
        <div className="text-center">
          <p className="mb-4">Welcome, {user.global_name}!</p>
          <Button onClick={handleLogout}>Logout</Button>
          <Button onClick={handleUserInfo} className="mt-4">User Info</Button>
        </div>
      ) : (
        <Button onClick={handleLogin}>Login with Discord</Button>
      )}
    </div>
  )
}