From ca5ff2dd273e703116bf7a903ff530d50535a1ed Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Fri, 8 Mar 2024 00:26:52 +0700
Subject: [PATCH] vst section commented out style cta, reordered the sections

---
 .../src/v2/view/pages/landing/LandingPage.tsx          |  8 +++++---
 .../landing/components/VstSectionV1/VstSectionV1.tsx   |  6 +++---
 .../landing/components/VstSectionV2/VstSectionV2.tsx   |  6 +++---
 .../view/pages/landing/fakeyou/FakeYouLandingBody.tsx  | 10 +++++-----
 4 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
index 46633b88df..70fa7b5516 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/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 />}
           </>
         ) : (
           <>
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.tsx
index e56fab1652..b73ab91cb6 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.tsx
+++ b/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>
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx
index 92949378e8..a221c716d1 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV2/VstSectionV2.tsx
+++ b/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>
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/FakeYouLandingBody.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/FakeYouLandingBody.tsx
index 88ee7c3dea..ea5ddf0a1e 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/FakeYouLandingBody.tsx
+++ b/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>