vst section only when not logged in

packages/fakeyou.com/src/v2/view/pages/landing/Dashboard.tsx

@@ -127,7 +127,7 @@ export default function Dashboard(props: DashboardProps) {
   ];
 
   return (
-    <Panel clear={true} className="mt-5">
+    <Panel clear={true} className={`${!isLoggedIn ? "section" : "mt-5"}`}>
       <h1 className="fw-bold mb-4">{t("productsTitle")}</h1>
 
       <DashboardRow items={dashboardProducts} />

packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx

@@ -7,7 +7,6 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie
 import { Container } from "components/common";
 import FakeYouLandingHeader from "./fakeyou/FakeYouLandingHeader";
 import Dashboard from "./Dashboard";
-import FakeYouLandingBody from "./fakeyou/FakeYouLandingBody";
 import { useDomainConfig } from "context/DomainConfigContext";
 import StorytellerLanding from "./storyteller/StorytellerLanding";
 import {
@@ -46,24 +45,25 @@ function LandingPage(props: Props) {
           <>
             {/* FAKEYOU.COM */}
             {!isLoggedIn && (
-              <FakeYouLandingHeader
-                sessionWrapper={props.sessionWrapper}
-                sessionSubscriptionsWrapper={props.sessionSubscriptionsWrapper}
-                inferenceJobs={props.inferenceJobs}
-                ttsInferenceJobs={props.ttsInferenceJobs}
-                enqueueInferenceJob={props.enqueueInferenceJob}
-                inferenceJobsByCategory={props.inferenceJobsByCategory}
-                enqueueTtsJob={props.enqueueTtsJob}
-              />
+              <>
+                <FakeYouLandingHeader
+                  sessionWrapper={props.sessionWrapper}
+                  sessionSubscriptionsWrapper={
+                    props.sessionSubscriptionsWrapper
+                  }
+                  inferenceJobs={props.inferenceJobs}
+                  ttsInferenceJobs={props.ttsInferenceJobs}
+                  enqueueInferenceJob={props.enqueueInferenceJob}
+                  inferenceJobsByCategory={props.inferenceJobsByCategory}
+                  enqueueTtsJob={props.enqueueTtsJob}
+                />
+                <VstSectionV1 />
+                <VstSectionV2 />
+                {/* <FakeYouLandingBody /> */}
+              </>
             )}
 
-            <VstSectionV1 />
-
-            <VstSectionV2 />
-
             <Dashboard sessionWrapper={props.sessionWrapper} />
-
-            {!isLoggedIn && <FakeYouLandingBody />}
           </>
         ) : (
           <>

packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.tsx

@@ -59,7 +59,7 @@ export default function VstSectionV1(props: VstSectionV1Props) {
   return (
     <Panel clear={true} className="vst-section">
       <div className="col-12 col-lg-6 mb-5 pb-lg-3">
-        <h1 className="fw-bold">Video Style Transfer 1</h1>
+        <h1 className="fw-bold">Video Style Transfer</h1>
         <p className="opacity-75 mb-4">
           Transform your videos effortlessly with video style transfer. Apply
           unique styles and effects to create visually captivating content.

packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx

@@ -111,7 +111,7 @@ export default function VstSectionV2(props: VstSectionV2Props) {
   return (
     <Panel clear={true} className="vst-section">
       <div className="col-12 col-lg-6 mb-5 mb-lg-3 pb-lg-3">
-        <h1 className="fw-bold">Video Style Transfer 2</h1>
+        <h1 className="fw-bold">Video Style Transfer</h1>
         <p className="opacity-75 mb-4">
           Transform your videos effortlessly with video style transfer. Apply
           unique styles and effects to create visually captivating content.