style: add border to buttons

src/containers/Editor/LiveEditor/GraphView/NotSupported.tsx

@@ -180,6 +180,7 @@ export const NotSupported = () => {
           variant="gradient"
           radius="xl"
           rightSection={<MdChevronRight size="24" />}
+          style={{ border: "1px solid #625BF6" }}
         >
           Get Premium
         </Button>

src/containers/Modals/AccountModal/index.tsx

@@ -52,7 +52,7 @@ export const AccountModal = ({ opened, onClose }: ModalProps) => {
       <Group justify="right">
         <Button
           variant="gradient"
-          gradient={{ from: "teal", to: "lime", deg: 105 }}
+          style={{ border: "1px solid #625BF6" }}
           leftSection={<IoRocketSharp />}
           onClick={() => {
             setVisible("upgrade")(true);

src/containers/Toolbar/index.tsx

@@ -79,6 +79,7 @@ export const Toolbar = ({ isWidget = false }: ToolbarProps) => {
           <Button
             size="xs"
             variant="gradient"
+            style={{ border: "1px solid #625BF6" }}
             leftSection={<AiFillGift />}
             onClick={() => {
               setVisible("upgrade")(true);

src/layout/Footer.tsx

@@ -28,6 +28,7 @@ export const Footer = () => {
 
         <Button
           variant="gradient"
+          style={{ border: "1px solid #625BF6" }}
           component={Link}
           prefetch={false}
           href="/pricing"

src/layout/Navbar.tsx

@@ -106,6 +106,7 @@ export const Navbar = () => {
           </Button>
           <Button
             variant="gradient"
+            style={{ border: "1px solid #625BF6" }}
             component={Link}
             prefetch={false}
             href="/pricing"

src/pages/index.tsx

@@ -262,6 +262,7 @@ export const HomePage = () => {
                 onClick={() => gaEvent("Hero Section", "click upgrade premium")}
                 component="a"
                 variant="gradient"
+                style={{ border: "1px solid #625BF6" }}
                 href="/#pricing"
                 size="lg"
                 visibleFrom="sm"
@@ -288,6 +289,7 @@ export const HomePage = () => {
                 href="/pricing"
                 size="md"
                 variant="gradient"
+                style={{ border: "1px solid #625BF6" }}
                 rightSection={<MdChevronRight size={24} />}
                 hiddenFrom="sm"
                 radius="lg"
@@ -328,12 +330,6 @@ export const HomePage = () => {
             </Carousel.Slide>
           ))}
         </Carousel>
-        <Flex justify="center" align="center" mt={10} gap={4}>
-          <IoMdInformationCircle color="gray" />
-          <Text c="dimmed" fz="sm" ta="center">
-            Preview images are from the premium version
-          </Text>
-        </Flex>
       </StyledCarouselWrapper>
 
       <Paper
@@ -342,16 +338,18 @@ export const HomePage = () => {
         pb={rem(20)}
         maw="95%"
         radius="xl"
-        bg="dark.9"
         mx="auto"
         mt="-17.5rem"
-        style={{ textAlign: "center" }}
+        style={{
+          textAlign: "center",
+          background: "linear-gradient(rgb(98, 91, 246) 0%, rgb(54, 46, 243) 100%)",
+        }}
         visibleFrom="sm"
       >
-        <Title c="white" order={2} fz={36} fw={500} mb="md">
+        <Title c="white" order={2} fz={42} fw={700} mb="md">
           Optimized for easy navigation
         </Title>
-        <Text mx="auto" fz={16} maw="80%" c="dimmed" mb={60}>
+        <Text mx="auto" fz={16} maw="80%" c="gray.4" mb={60}>
           Designed to help you navigate through your data with ease. The editor provides a clean and
           intuitive interface that allows you to focus on what matters most: your data.
         </Text>

src/pages/pricing.tsx

@@ -46,7 +46,7 @@ const StyledPaper = styled(Paper)`
   width: 400px;
   border-radius: 1em;
   border: 2px solid #e9e9e9;
-  border-top: 3px solid #601bf4;
+  border-top: 3px solid #625bf6;
   background: white;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 `;
@@ -96,6 +96,7 @@ export const PricingCards = () => {
           <Button
             component="a"
             variant="gradient"
+            style={{ border: "1px solid #625BF6" }}
             onClick={() => gaEvent("Pricing", "click upgrade premium")}
             href={isMonthly ? purchaseLinks.monthly : purchaseLinks.annual}
             target="_blank"