vst section commented out style cta, reordered the sections

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

@@ -15,8 +15,9 @@ import {
 } from "@storyteller/components/src/jobs/InferenceJob";
 import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs";
 import "./LandingPage.scss";
-import VstSectionV1 from "./components/VstSectionV1";
+// import VstSectionV1 from "./components/VstSectionV1";
 import VstSectionV2 from "./components/VstSectionV2";
+import FakeYouLandingBody from "./fakeyou/FakeYouLandingBody";
 
 interface Props {
   sessionWrapper: SessionWrapper;
@@ -57,13 +58,14 @@ function LandingPage(props: Props) {
                   inferenceJobsByCategory={props.inferenceJobsByCategory}
                   enqueueTtsJob={props.enqueueTtsJob}
                 />
-                <VstSectionV1 />
+                {/* <VstSectionV1 /> */}
                 <VstSectionV2 />
-                {/* <FakeYouLandingBody /> */}
               </>
             )}
 
             <Dashboard sessionWrapper={props.sessionWrapper} />
+
+            {!isLoggedIn && <FakeYouLandingBody />}
           </>
         ) : (
           <>

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

@@ -2,7 +2,7 @@ import { Badge, Button, Panel } from "components/common";
 import React, { useEffect, useRef, useState } from "react";
 import "./VstSectionV1.scss";
 import { faArrowRight } from "@fortawesome/pro-solid-svg-icons";
-import { Link } from "react-router-dom";
+// import { Link } from "react-router-dom";
 
 interface VstSectionV1Props {}
 
@@ -87,11 +87,11 @@ export default function VstSectionV1(props: VstSectionV1Props) {
                 <div className="vst-sbs-video-overlay-text">
                   <Badge label={column.title} color="gray" />
                 </div>
-                <div className="vst-sbs-video-overlay-cta">
+                {/* <div className="vst-sbs-video-overlay-cta">
                   <Link to={column.ctaLink || "/video-styletransfer"}>
                     <Badge label="Try this style" />
                   </Link>
-                </div>
+                </div> */}
               </div>
             </div>
           </div>

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

@@ -14,7 +14,7 @@ import {
   faArrowRight,
   faArrowRightLong,
 } from "@fortawesome/pro-solid-svg-icons";
-import { Link } from "react-router-dom";
+// import { Link } from "react-router-dom";
 
 interface VstSectionV2Props {}
 
@@ -225,11 +225,11 @@ export default function VstSectionV2(props: VstSectionV2Props) {
                 <div className="vst-styled-videos-panel-overlay-text">
                   <Badge label={styledVideo.label} color="gray" />
                 </div>
-                <div className="vst-styled-videos-panel-overlay-cta">
+                {/* <div className="vst-styled-videos-panel-overlay-cta">
                   <Link to={styledVideo.ctaLink || "/video-styletransfer"}>
                     <Badge label="Try this style" />
                   </Link>
-                </div>
+                </div> */}
               </div>
             ))}
           </div>

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

@@ -1,9 +1,9 @@
 import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Panel } from "components/common";
+// import { Panel } from "components/common";
 import { useLocalize } from "hooks";
 import React from "react";
-import { Link } from "react-router-dom";
+// import { Link } from "react-router-dom";
 
 interface FakeYouLandingBodyProps {}
 
@@ -12,7 +12,7 @@ export default function FakeYouLandingBody(props: FakeYouLandingBodyProps) {
 
   return (
     <>
-      <Panel clear={true}>
+      {/* <Panel clear={true}>
         <div className="section px-md-5 px-xl-3">
           <div className="row g-4 g-lg-5 flex-row-reverse">
             <div className="col-12 col-md-6 col-lg-7">
@@ -48,9 +48,9 @@ export default function FakeYouLandingBody(props: FakeYouLandingBodyProps) {
             </div>
           </div>
         </div>
-      </Panel>
+      </Panel> */}
 
-      <div className="py-4 mb-4">
+      <div className="section">
         <div className="container text-center community-container">
           <div className="panel px-4 py-5 d-flex flex-column align-items-center community-container rounded">
             <h2 className="fw-bold mb-2">{t("communityTitle")}</h2>