Conditionally render home page

index.js

{loggedIn ? (
  <PostList />
) : (
  <div style={styles.flex}>
    <Image
      width="80px"
      height="80px"
      src="/pinnie.svg"
      alt="Pinnie the pinata"
    />
    <h1>Pinnie For Your Thoughts</h1>
    <p>Where Web3 meets Web2.</p>
    <div style={styles.flexRow}>
      <form onSubmit={handleSubscribe}>
        <input
          style={styles.input}
          onChange={(e) => setEmail(e.target.value)}
          value={email}
          type="email"
          placeholder="Type your email"
        />
        <button type="submit" style={styles.btn}>
          Subscribe
        </button>
      </form>
    </div>
    <div>
      <p style={styles.error}>{errorMessage}</p>
      <p style={styles.success}>{successMessage}</p>
    </div>
    <div style={styles.sample}>
      <Link href="/samples/QmPEEogbDouMH8bVSt9K2Tyzg98ACzhZ3cszYhwh7bfWXN">
        Read a Sample First
      </Link>
    </div>
  </div>
)}