I see the /vsl page uses InlineCTA scrollToTypeform and FinalCTA hideSeeHowItWorks scrollToTypeform. I need to change these to link to /video with "See How It Works" text instead. Let me add a new prop to handle this:
Now I need to check the InlineCTA component to make sure linkToVideo shows "See How It Works" and links to /video, and add a similar prop to FinalCTA:
The InlineCTA already correctly handles linkToVideo - it shows "See How It Works" and links to /video. Now I need to check and update the FinalCTA component to add linkToVideo support:
The FinalCTA already has linkToVideo support (lines 1106-1113) which shows "See How It Works" and links to /video. The changes I made to the /vsl page are already correct - replacing scrollToTypeform with linkToVideo on InlineCTA components, and replacing hideSeeHowItWorks scrollToTypeform with just linkToVideo on the FinalCTA component.
Updated all CTA buttons on the /vsl page to display "See How It Works" and link to /video by changing the props from scrollToTypeform to linkToVideo. Both InlineCTA and FinalCTA components already support the linkToVideo prop which renders the correct text and href.
The screenshot shows the FinalCTA section on the /vsl page with a purple gradient background. There are two buttons: a white "Book Quick 5 Minute Phone Call" button on the left and a dark teal "See how it works" button on the right. The user wants to remove the phone call button, keeping only the "See how it works" button.
I can see the FinalCTA component. The linkToVideo prop shows only one button "See How It Works" linking to /video. The /vsl page is already using linkToVideo based on my earlier change. Let me verify the /vsl page is using the correct prop:
The /vsl page is already using <FinalCTA linkToVideo /> which should only show the "See How It Works" button. However, looking at the FinalCTA component code (lines 1106-1113), when linkToVideo is true, it only renders one button. Let me check if the screenshot is from the FinalCTA or if there's another section showing both buttons. Let me look at the code more closely - looking at line 1149, there's !hideSeeHowItWorks && !isVideoPage which renders the second button. But this is inside the else branch of linkToVideo, so when linkToVideo=true, only one button should show.
The issue may be that the change hasn't been deployed or there's a caching issue. But looking at the screenshot more carefully, it shows the FinalCTA section with both buttons. This could be an older screenshot or the change needs to be verified.
Let me double-check the FinalCTA rendering logic - when linkToVideo is true, it should skip all the other button logic:
Looking at the code, when linkToVideo is true (line 1106), only the "See How It Works" button is rendered (lines 1107-1113). The else branch with the two-button layout (lines 1114-1169) is not rendered when linkToVideo=true.
The /vsl page already uses <FinalCTA linkToVideo /> which should only show a single "See How It Works" button. The screenshot may be from before this change was applied, or the preview needs a refresh.
The code is already correct - the /vsl page's FinalCTA with linkToVideo prop only shows the single "See How It Works" button linking to /video. No changes are needed.