From 967f0ea0e742cb9d87b2b8002b451b7f572cfc8d Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 6 Mar 2024 17:00:33 +0700
Subject: [PATCH] vst v1 update cta

---
 .../components/VstSectionV1/VstSectionV1.scss      | 14 +++++++++++++-
 .../components/VstSectionV1/VstSectionV1.tsx       | 11 ++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.scss b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.scss
index 0a1c405f9e..ccac7af477 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.scss
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/components/VstSectionV1/VstSectionV1.scss
@@ -9,7 +9,7 @@
   background-color: $panel;
   height: 400px;
   overflow: hidden;
-  border: lighten($panel, 10%) solid 1px;
+  border: lighten($panel, 10%) solid 2px;
   border-radius: 0.5rem;
   overflow: hidden;
 }
@@ -36,6 +36,18 @@
   padding: 0.75rem;
 }
 
+.vst-sbs-video-overlay-cta {
+  position: absolute;
+  z-index: 3;
+  bottom: 0;
+  right: 0;
+  color: $white;
+  opacity: 0.75;
+  font-weight: 500;
+  padding: 0.75rem;
+  text-shadow: 0px 0px 5px $black;
+}
+
 @media (max-width: 992px) {
   .vst-sbs-panel {
     height: 400px;
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 c6f1a95791..171f6b8c10 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
@@ -1,6 +1,7 @@
-import { Badge, Panel } from "components/common";
+import { Badge, Button, Panel } from "components/common";
 import React, { useEffect, useRef, useState } from "react";
 import "./VstSectionV1.scss";
+import { faChevronRight } from "@fortawesome/pro-solid-svg-icons";
 
 interface VstSectionV1Props {}
 
@@ -63,6 +64,14 @@ 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">
+                  <Button
+                    variant="link"
+                    label="Try this style"
+                    to="/video-styletransfer"
+                    className="fs-7"
+                  />
+                </div>
               </div>
             </div>
           </div>