src/pages/index.tsx

import { useState } from "react";

function Home() {
 const [isLoggedIn, setIsLoggedIn] = useState(false);

 return (
    <div>
      <h1>Welcome to my TikTok clone!</h1>
      {isLoggedIn ? (
        <p>You are logged in. Click <a href="/profile">here</a> to go to your profile.</p>
      ) : (
        <p>
          <a href="/login">Login</a> or <a href="/signup">Signup</a> to start sharing
          your videos!
        </p>
      )}
    </div>
 );
}

export default Home;