From 015293eb826b346871696183e96d49da44f31393 Mon Sep 17 00:00:00 2001
From: DustinTurska <135719141+DustinTurska@users.noreply.github.com>
Date: Sun, 8 Dec 2024 20:35:36 +0000
Subject: [PATCH] Update CTA (#5627)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Set CTA for Engine Playground to "Deploy an Instance"

## Problem solved
Update for [DASH-535](https://linear.app/thirdweb/issue/DASH-535/make-deploy-an-instance-the-primary-cta-in-playground)

Set CTA for Engine Playground to "Deploy an Instance"

<!-- start pr-codex -->

---

## PR-Codex overview
This PR primarily updates the `deployLink` across multiple pages and modifies the `EngineAPIHeader` component to dynamically include the `deployLink` prop, enhancing the deployment functionality in the playground web application.

### Detailed summary
- Added `deployLink` prop to `page.tsx` files for `webhooks`, `minting`, and `airdrop`.
- Updated `docsLink` for `minting` and `airdrop` pages to point to specific API documentation.
- Modified `EngineAPIHeader` component to utilize the `deployLink` prop for dynamic linking.
- Removed hardcoded `Deploy an Instance` button from `EngineAPIHeader`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 .../playground-web/src/app/engine/airdrop/page.tsx |  1 +
 .../playground-web/src/app/engine/minting/page.tsx |  1 +
 .../src/app/engine/webhooks/page.tsx               |  1 +
 .../src/components/blocks/EngineAPIHeader.tsx      | 14 ++++++--------
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/playground-web/src/app/engine/airdrop/page.tsx b/apps/playground-web/src/app/engine/airdrop/page.tsx
index 3fb8d20433a..75a93a73eaa 100644
--- a/apps/playground-web/src/app/engine/airdrop/page.tsx
+++ b/apps/playground-web/src/app/engine/airdrop/page.tsx
@@ -15,6 +15,7 @@ export default function Page() {
               address!
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc20/POST/contract/{chain}/{contractAddress}/erc20/mint-batch-to?utm_source=playground"
           heroLink="/airdrop.avif"
         />
diff --git a/apps/playground-web/src/app/engine/minting/page.tsx b/apps/playground-web/src/app/engine/minting/page.tsx
index 3c8a9930fba..ac19b9813aa 100644
--- a/apps/playground-web/src/app/engine/minting/page.tsx
+++ b/apps/playground-web/src/app/engine/minting/page.tsx
@@ -14,6 +14,7 @@ export default function Page() {
               sponsor the gas so your users only need a wallet address!
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc1155/POST/contract/{chain}/{contractAddress}/erc1155/mint-to?utm_source=playground"
           heroLink="/minting.avif"
         />
diff --git a/apps/playground-web/src/app/engine/webhooks/page.tsx b/apps/playground-web/src/app/engine/webhooks/page.tsx
index af146ca17b6..d38d80a9d2d 100644
--- a/apps/playground-web/src/app/engine/webhooks/page.tsx
+++ b/apps/playground-web/src/app/engine/webhooks/page.tsx
@@ -14,6 +14,7 @@ export default function Page() {
               transaction or backend wallet events.
             </>
           }
+          deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
           docsLink="https://portal.thirdweb.com/engine/features/webhooks?utm_source=playground"
           heroLink="/webhooks.avif"
         />
diff --git a/apps/playground-web/src/components/blocks/EngineAPIHeader.tsx b/apps/playground-web/src/components/blocks/EngineAPIHeader.tsx
index 16b20f4eda9..6ca258d8cd7 100644
--- a/apps/playground-web/src/components/blocks/EngineAPIHeader.tsx
+++ b/apps/playground-web/src/components/blocks/EngineAPIHeader.tsx
@@ -5,6 +5,7 @@ import { Button } from "../ui/button";
 export function EngineAPIHeader(props: {
   title: string;
   description: React.ReactNode;
+  deployLink: string;
   docsLink: string;
   heroLink: string;
 }) {
@@ -27,6 +28,11 @@ export function EngineAPIHeader(props: {
 
         <div className="flex flex-col gap-3 md:flex-row">
           <Button asChild size="lg">
+            <Link target="_blank" href={props.deployLink}>
+              Deploy an Instance
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="lg">
             <Link target="_blank" href={props.docsLink}>
               View docs
             </Link>
@@ -39,14 +45,6 @@ export function EngineAPIHeader(props: {
               Book a Demo
             </Link>
           </Button>
-          <Button asChild variant="outline" size="lg">
-            <Link
-              target="_blank"
-              href="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
-            >
-              Deploy an Instance
-            </Link>
-          </Button>
         </div>
       </div>