Merge pull request #85 from fold-dev/content-updates-5

refactor: terms & content updates
fold-dev · Jun 14, 2024 · 88c19c8 · 88c19c8
2 parents 84bc518 + caf4e90
commit 88c19c8
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 27 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fold-dev/docs",
-  "version": "24.6.13.0",
+  "version": "24.6.14.0",
   "description": "UI components for product teams.",
   "scripts": {
     "prepare": "husky install",

diff --git a/src/components/go.component.tsx b/src/components/go.component.tsx
@@ -29,7 +29,7 @@ export const GoComponent = () => {
                     flex={1}
                     gap={30}
                     alignItems="flex-start"
-                    p="5rem">
+                    className="go">
                     {/* 
                     <View
                         bgToken="accent-400"

diff --git a/src/components/pricing.component.tsx b/src/components/pricing.component.tsx
@@ -77,18 +77,8 @@ export const FAQAccordion = (props) => (
                 What comes after Early Access?
             </AccordionHeading>
             <AccordionPanel>
-                After Early Access we will go into a stable release schedule, incrementally rolling out further updates.
-                This will also be accompanied by a price change. 
-            </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem>
-            <AccordionHeading>
-                What will the new pricing be after Early Access?
-            </AccordionHeading>
-            <AccordionPanel>
-                We are still finalizing this.
-                If you have purchased a Fold Pro Early Access license, you won't be affected by the new license terms or price increase. 
-                When you renew your license, you'll be charged the Early Access pricing, not the new pricing.
+                After Early Access Fold Pro will go into a stable release schedule, incrementally rolling out further updates.
+                This will also be accompanied by the price change. 
             </AccordionPanel>
         </AccordionItem>
         <AccordionItem>
@@ -353,6 +343,7 @@ export const PricingComponent = () => {
                     <Card
                         column
                         flex={1}
+                        height="auto"
                         p="2rem"
                         gap="1rem"
                         alignItems="flex-start"
@@ -416,18 +407,13 @@ export const PricingComponent = () => {
                                     <IconLib icon="check" color="var(--f-color-accent)" /> Unlimited projects&nbsp;<span style={{ color: 'var(--f-color-accent)' }}>*</span>
                                 </Li>
                             </Tooltip>
-                            <Tooltip text="Includes items beyond Early Access.">
+                            <Tooltip text="As they become available.">
                                 <Li
                                     row
                                     width="fit-content">
                                     <IconLib icon="check" color="var(--f-color-accent)" /> Access to future roadmap items&nbsp;<span style={{ color: 'var(--f-color-accent)' }}>*</span>
                                 </Li>
                             </Tooltip>
-                            <Li
-                                row
-                                width="fit-content">
-                                <IconLib icon="check" color="var(--f-color-accent)" /> Renews at Early Access pricing
-                            </Li>
                         </List>
                         <Divider style={{ '--f-divider-color': 'var(--f-color-text-weakest)' }} />
                         <Text colorToken="text-weak">
@@ -446,7 +432,7 @@ export const PricingComponent = () => {
                         alignContent="flex-start"
                         justifyContent="flex-start">
                         <Heading as="h2">
-                            Indie <small style={{ position: 'relative', top: -10, color: 'var(--f-color-text-weakest', fontWeight: 'bold' }}>EARLY ACCESS</small>
+                            Indie
                         </Heading>
                         <Text colorToken="base-300">
                             For teams of up to 3 developers, who need to level up their next big idea.
@@ -457,14 +443,20 @@ export const PricingComponent = () => {
                             gap={5}
                             alignItems="flex-start">
                             <Heading huge>
-                                399
+                                329
                             </Heading>
                             <Heading
                                 as="h5"
                                 fontWeight={600}>
                                 USD
                             </Heading>
                         </View>
+                        <Text 
+                            size="lg"
+                            colorToken="text-weakest"
+                            textDecoration="line-through">
+                            449 USD
+                        </Text>
                         <Flexer />
                         <Button
                             onClick={() => {
@@ -489,7 +481,7 @@ export const PricingComponent = () => {
                         alignContent="flex-start"
                         justifyContent="flex-start">
                         <Heading as="h2">
-                            Team <small style={{ position: 'relative', top: -10, color: 'var(--f-color-text-weakest', fontWeight: 'bold' }}>EARLY ACCESS</small>
+                            Team
                         </Heading>
                         <Text colorToken="base-300">
                             For teams of up to 10 developers, who need to supercharge their project.
@@ -500,14 +492,20 @@ export const PricingComponent = () => {
                             gap={5}
                             alignItems="flex-start">
                             <Heading huge>
-                                999
+                                749
                             </Heading>
                             <Heading
                                 as="h5"
                                 fontWeight={600}>
                                 USD
                             </Heading>
                         </View>
+                        <Text 
+                            size="lg"
+                            colorToken="text-weakest"
+                            textDecoration="line-through">
+                            999 USD
+                        </Text>
                         <Text
                             size="sm"
                             m="1rem 0 0 0">

diff --git a/src/layouts/site.layout.tsx b/src/layouts/site.layout.tsx
@@ -100,7 +100,7 @@ export default function SiteLayout(props: any) {
                         color="inherit"
                         colorToken="purple-50">
                             We've just launched Fold Pro Early Access! 
-                            Get your Early Access license now - <a href="/#pro" style={{ color: 'var(--f-color-purple-50)' }}>click here</a> to learn more.
+                            Get your license now - <a href="/#pro" style={{ color: 'var(--f-color-purple-50)' }}>click here</a> to learn more.
                     </Text>
                     <Icon icon={PiRocket} style={{ transform: 'rotate(45deg)', color: 'var(--f-color-purple-50)' }} />
                 </View>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -205,6 +205,10 @@ body {
     left: 40px;
 }
 
+.go {
+    padding: 5rem;
+}
+
  .text-content h1 {
     line-height: 4rem;
     margin: 0.5rem 0 0.5rem 0;
@@ -242,6 +246,10 @@ body {
     only screen and (max-device-width: 667px),
     only screen and (max-width: 480px) {
 
+    .go {
+        padding: 2rem;
+    }
+
     .hero {
         padding-bottom: 5rem !important;
     }