Merge pull request #646 from sweepai/sweep/add_a_secondary_button_to_…

…the_right_of_t Sweep: add a secondary button to the right of the main call to action button
sweepai · Apr 30, 2024 · e10a592 · e10a592
2 parents 54e9f44 + 78fadf3
commit e10a592
Showing 1 changed file with 27 additions and 15 deletions.
diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx
@@ -11,7 +11,6 @@ import { loadConfettiPreset } from "tsparticles-preset-confetti";
 import { useState } from "react";
 import logo from "../assets/icon.png";
 
-import ExternalLinkWithText from "./ExternalLinkWithText";
 import { TypeAnimation } from "react-type-animation";
 const demo = require("../assets/demo.mp4");
 
@@ -122,19 +121,32 @@ export default function CallToAction() {
         >
           AI Junior Developer that maintains your legacy codebase
         </Text>
-        <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"}
-          mb="1rem !important"
-        >
-          Get started - free
-        </Button>
-        <ExternalLinkWithText
+        <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}
+            colorScheme={"purple"}
+            bg={"purple.400"}
+            _hover={{ bg: "purple.600" }}
+            onClick={() => window.open("https://form.typeform.com/to/wliuvyWE")}
+            fontSize={"xl"}
+          >
+            Book a demo
+          </Button>
+        </Stack>
+        {/* <ExternalLinkWithText
           href="https://form.typeform.com/to/wliuvyWE"
           color="purple.400"
           mt="0 !important"
@@ -145,7 +157,7 @@ export default function CallToAction() {
           }}
         >
           &nbsp;&nbsp;Book a call
-        </ExternalLinkWithText>
+        </ExternalLinkWithText> */}
         <Flex w={"full"} mt="4rem !important">
           <Container width="100vw" boxShadow="0 0 80px #181818" p={0} maxWidth="full">
             <video src={demo} autoPlay muted loop playsInline>