made the get started button cooler

NabilNYMansour · Sep 1, 2024 · 80f4588 · 80f4588
1 parent fc0b156
commit 80f4588
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/app/ui/components/landing/LandingHero.tsx b/src/app/ui/components/landing/LandingHero.tsx
@@ -49,17 +49,17 @@ const LandingHero = () => {
       </Container>
 
       <Flex direction="column" w="100%" gap={2} pl="md" pr="md">
-        <Button
-          component={Link}
-          href='/sign-up'
-          style={{ transition: "all 0.2s" }}
-          radius="md" w="100%" size='md'>
+        <CoolButton href="/sign-up"
+          style={{
+            width: "100%", textTransform: "none", marginTop: 5, fontWeight: 900,
+            paddingTop: 10, paddingBottom: 10, borderRadius: 8, backgroundColor: "var(--mantine-color-main-filled)"
+          }}>
           Get started right now! It&apos;s &nbsp;
-          <Text fw={900} size="25px" c="lime" style={{ textShadow: "0 0 10px lime" }}>
+          <Text span fw={900} size="25px" c="lime" style={{ textShadow: "0 0 10px lime" }}>
             Free
           </Text>
           &nbsp;&nbsp;🤩
-        </Button>
+        </CoolButton>
       </Flex>