From 86c6a480659c0ffcddcccd37d6d2f4c60889a90d Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Fri, 17 May 2024 21:17:03 +0300
Subject: [PATCH] style: add border to buttons

---
 .../LiveEditor/GraphView/NotSupported.tsx      |  1 +
 src/containers/Modals/AccountModal/index.tsx   |  2 +-
 src/containers/Toolbar/index.tsx               |  1 +
 src/layout/Footer.tsx                          |  1 +
 src/layout/Navbar.tsx                          |  1 +
 src/pages/index.tsx                            | 18 ++++++++----------
 src/pages/pricing.tsx                          |  3 ++-
 7 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/containers/Editor/LiveEditor/GraphView/NotSupported.tsx b/src/containers/Editor/LiveEditor/GraphView/NotSupported.tsx
index c2a39ac..2d28674 100644
--- a/src/containers/Editor/LiveEditor/GraphView/NotSupported.tsx
+++ b/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>
diff --git a/src/containers/Modals/AccountModal/index.tsx b/src/containers/Modals/AccountModal/index.tsx
index c1149a4..25040d7 100644
--- a/src/containers/Modals/AccountModal/index.tsx
+++ b/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);
diff --git a/src/containers/Toolbar/index.tsx b/src/containers/Toolbar/index.tsx
index a08e334..c04d53b 100644
--- a/src/containers/Toolbar/index.tsx
+++ b/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);
diff --git a/src/layout/Footer.tsx b/src/layout/Footer.tsx
index ebd0b31..e4817e9 100644
--- a/src/layout/Footer.tsx
+++ b/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"
diff --git a/src/layout/Navbar.tsx b/src/layout/Navbar.tsx
index 108d042..837fcf7 100644
--- a/src/layout/Navbar.tsx
+++ b/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"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8b554e3..6461651 100644
--- a/src/pages/index.tsx
+++ b/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>
diff --git a/src/pages/pricing.tsx b/src/pages/pricing.tsx
index 7b03597..9824d12 100644
--- a/src/pages/pricing.tsx
+++ b/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"