import UserProfileClient from "./UserProfileClient";
import UseEffectBasics from "./useEffect-demo";
import FetchGitUsers from "./FetchGitUsers";

export default function UserPage() {
  return (
    <main className="bg-base-200 p-8 flex flex-col items-center justify-center">
      <div className="max-w-md w-full space-y-6">
        <header className="text-center">
          <h1 className="text-3xl font-extrabold text-base-content tracking-tight">
            User Dashboard
          </h1>
          <p className="text-sm text-base-content/60 mt-1">
            Next.js Navigation
          </p>
        </header>

        {/* Client Component */}

        <UserProfileClient />
        {/* <UseEffectBasics /> */}
        {/* <FetchGitUsers /> */}
      </div>
    </main>
  );
}