How to Show Or Hide Template Elements in Qwik - https://blog.qwikacademy.io/qwik-conditional-rendering-show-hide/

01.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      <div className="user-profile">
        <img src="https://qwik.builder.io/logos/qwik-logo.svg" />
      </div>
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
})

02.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      { isLoggedIn && 
        <div className="user-profile">
          <img src="https://qwik.builder.io/logos/qwik-logo.svg" />
        </div>
      }
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
});

03.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      { isLoggedIn ? 
        <div className="user-profile">
          <img src="https://qwik.builder.io/logos/qwik-logo.svg" />
        </div>
      : 
        <h1>No profile picture available</h1>
        }
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
});

04.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      { 
       .... we are going to add here the user profile, depending on the value of isLoggedIn ...
      }
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
});

05.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      { isLoggedIn && ...some value... }
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
});

06.ts

export const App = component$<{isLoggedIn:boolean}>( (props) => {

  const {isLoggedIn} = props;

  return (
    <div class="container">
      { isLoggedIn && 
        <div className="user-profile">
          <img src="https://qwik.builder.io/logos/qwik-logo.svg" />
        </div>
      }
      <div class="main">
        <p>the rest of the content ....</p>
      </div>
    </div>
  );
});