From ff114dc8c171baecfca7d5e2214a5f55f8a5a134 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Mon, 15 Jul 2024 22:23:26 +0700
Subject: [PATCH] re-enabled VST CTA section

---
 .../src/v2/view/pages/landing/LandingPage.tsx |  5 ++++-
 .../components/VstSectionV2/VstSectionV2.tsx  | 20 +++++++++----------
 2 files changed, 14 insertions(+), 11 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 bc15def77e..b1a0e18036 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -18,6 +18,7 @@ import {
 import PostlaunchLanding from "./storyteller/PostlaunchLanding/PostlaunchLanding";
 import StorytellerStudioCTA from "components/common/StorytellerStudioCTA";
 import MentionsSection from "components/common/MentionsSection";
+import VstSectionV2 from "./components/VstSectionV2";
 
 interface Props {
   sessionWrapper: SessionWrapper;
@@ -68,13 +69,15 @@ function LandingPage(props: Props) {
                   }
                 />
                 {/* <VstSectionV1 /> */}
-                {/* <VstSectionV2 /> */}
+                <VstSectionV2 />
                 <div className="py-5">
                   <StorytellerStudioCTA />
                 </div>
               </>
             )}
 
+            {isLoggedIn && <VstSectionV2 />}
+
             <Dashboard sessionWrapper={props.sessionWrapper} />
 
             {!isLoggedIn && (
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 4f64e752ad..fbc48b703e 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
@@ -1,4 +1,4 @@
-import { Badge, Panel } from "components/common";
+import { Badge, Button, Panel } from "components/common";
 import React, { useState } from "react";
 import "./VstSectionV2.scss";
 import { Swiper, SwiperSlide } from "swiper/react";
@@ -12,9 +12,10 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import {
   faArrowDownLong,
+  faArrowRight,
   faArrowRightLong,
 } from "@fortawesome/pro-solid-svg-icons";
-import TypeformButton from "components/common/TypeformButton";
+// import TypeformButton from "components/common/TypeformButton";
 // import { Link } from "react-router-dom";
 
 interface VstSectionV2Props {}
@@ -120,18 +121,17 @@ export default function VstSectionV2(props: VstSectionV2Props) {
           unique styles and effects to create visually captivating content.
         </p>
         <div className="d-flex">
-          {/* <Button
-            onClick={openTypeform}
-            label="Join Waitlist for Video Style Transfer"
-            small={true}
-            icon={faArrowRight}
+          <Button
+            to="/style-video"
+            label="Stylize a Video"
             iconFlip={true}
-          /> */}
-          <TypeformButton
+            icon={faArrowRight}
+          />
+          {/* <TypeformButton
             label="Join the Waitlist"
             formId="oWnV91Z9"
             labelSubmitted="You're on the waitlist!"
-          />
+          /> */}
         </div>
       </div>
       <div className="row gx-0">