chore(lp): 📦️ Import existing Landing page

apps/landing-page/components/PricingPage/PricingCard/CardBadge.tsx

@@ -0,0 +1,30 @@
+import { Flex, FlexProps, Text, useColorModeValue } from '@chakra-ui/react'
+import * as React from 'react'
+
+export const CardBadge = (props: FlexProps) => {
+  const { children, ...flexProps } = props
+  return (
+    <Flex
+      bg={useColorModeValue('green.500', 'green.200')}
+      position="absolute"
+      right={-20}
+      top={6}
+      width="240px"
+      transform="rotate(45deg)"
+      py={2}
+      justifyContent="center"
+      alignItems="center"
+      {...flexProps}
+    >
+      <Text
+        fontSize="xs"
+        textTransform="uppercase"
+        fontWeight="bold"
+        letterSpacing="wider"
+        color={useColorModeValue('white', 'gray.800')}
+      >
+        {children}
+      </Text>
+    </Flex>
+  )
+}