sweepai / landing-page

7 stars 6 forks source link

Sweep: change the CTA to Book a Demo only instead of two buttons. #663

Open wwzeng1 opened 2 weeks ago

wwzeng1 commented 2 weeks ago

Add install our CLI as a clickable blue link underneath it colored 9B9EF2

sweep-nightly[bot] commented 2 weeks ago

🚀 Here's the PR! #665

💎 Sweep Pro: You have unlimited Sweep issues

Actions

Step 1: 🔎 Searching

(Click to expand) Here are the code search results. I'm now analyzing these search results to write the PR. https://github.com/sweepai/landing-page/blob/8ac92194fe33b7003d1a866be83630e1f5d24c1e/src/components/CallToAction.tsx#L1-L170 https://github.com/sweepai/landing-page/blob/8ac92194fe33b7003d1a866be83630e1f5d24c1e/src/components/PricingPage.tsx#L1-L119

Step 2: ⌨️ Coding

I'm going to follow the following steps to help you solve the GitHub issue:

  1. Remove the "Get started - free" button from the CallToAction component.
  2. Update the remaining button in the CallToAction component to only say "Book a Demo".
  3. Add a new link under the "Book a Demo" button in the CallToAction component that says "Install our CLI".
  4. Style the new "Install our CLI" link to be colored #9B9EF2.

Here are the changes we decided to make. I'm done making edits and now I'm just validating the changes using a linter to catch any mistakes like syntax errors or undefined variables:

src/components/CallToAction.tsx

Remove the "Get started - free" button from the CallToAction component.
--- 
+++ 
@@ -1,16 +1,4 @@
         <Stack direction="row" spacing={4}>
-          <Button
-            color="white"
-            p={6}
-            colorScheme={"purple"}
-            bg={"purple.400"}
-            _hover={{ bg: "purple.600" }}
-            onClick={() => window.open("https://github.com/apps/sweep-ai")}
-            fontSize={"xl"}
-            mr="1rem !important"
-          >
-            Get started - free
-          </Button>
           <Button
             color="white"
             p={6}

src/components/CallToAction.tsx

Update the text of the remaining "Book a demo" button to "Book a Demo".
--- 
+++ 
@@ -7,5 +7,5 @@
             onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
             fontSize={"xl"}
           >
-            Book a demo
+            Book a Demo
           </Button>

src/components/CallToAction.tsx

Add a new Link component under the "Book a Demo" button that links to the Sweep CLI documentation.
--- 
+++ 
@@ -9,4 +9,7 @@
           >
             Book a Demo
           </Button>
+          <Link href="https://docs.sweep.dev/cli">
+            Install our CLI
+          </Link>
         </Stack>

src/components/CallToAction.tsx

Style the new "Install our CLI" Link to be colored #9B9EF
--- 
+++ 
@@ -1,3 +1,3 @@
-          <Link href="https://docs.sweep.dev/cli">
+          <Link href="https://docs.sweep.dev/cli" color="#9B9EF2">
             Install our CLI
           </Link>

Step 3: 🔄️ Validating

Your changes have been successfully made to the branch sweep/change_the_cta_to_book_a_demo_only_inste. I have validated these changes using a syntax checker and a linter.


[!TIP] To recreate the pull request, edit the issue title or description.

This is an automated message generated by Sweep AI.