Skip to content

Commit

Permalink
feat(website): update faq and use consistent wording
Browse files Browse the repository at this point in the history
  • Loading branch information
cschroeter committed Nov 13, 2024
1 parent adc5095 commit 43f80d0
Show file tree
Hide file tree
Showing 11 changed files with 125 additions and 70 deletions.
2 changes: 1 addition & 1 deletion packages/react/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -451,7 +451,7 @@ import { Highlight } from '@ark-ui/react'
export const App = () => (
<Highlight
query={['Ark UI', 'exclusive examples']}
text="Unlock exclusive examples and support the development by getting Ark UI Plus."
text="Unlock exclusive examples and support the development by getting Ark Plus."
/>
)
```
Expand Down
2 changes: 1 addition & 1 deletion packages/solid/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -446,7 +446,7 @@ import { Highlight } from '@ark-ui/solid'
export const App = () => (
<Highlight
query={['Ark UI', 'exclusive examples']}
text="Unlock exclusive examples and support the development by getting Ark UI Plus."
text="Unlock exclusive examples and support the development by getting Ark Plus."
/>
)
```
Expand Down
2 changes: 1 addition & 1 deletion packages/vue/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -469,7 +469,7 @@ import { Highlight } from '@ark-ui/vue'
export const App = () => (
<Highlight
query={['Ark UI', 'exclusive examples']}
text="Unlock exclusive examples and support the development by getting Ark UI Plus."
text="Unlock exclusive examples and support the development by getting Ark Plus."
/>
)
```
Expand Down
4 changes: 2 additions & 2 deletions website/src/app/[framework]/plus/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export default function Page() {
<Container py="12" maxW="7xl">
<Stack gap={{ base: '16', md: '24' }} alignItems="center">
<PageHeader
heading="Ark UI Plus"
heading="Ark Plus"
subHeading="Pricing"
description="Unlock exclusive examples and support the development of Ark UI"
/>
Expand All @@ -26,7 +26,7 @@ export default function Page() {
}

export const metadata: Metadata = {
title: 'Ark UI Plus',
title: 'Ark Plus',
description:
'Discover amazing projects built with Ark UI. Share your own by opening an issue on our GitHub repository.',
}
2 changes: 1 addition & 1 deletion website/src/app/api/lemon/webhook/route.ts
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const Payload = Schema.Struct({
id: Schema.String,
attributes: Schema.Struct({
first_order_item: Schema.Struct({
product_name: Schema.Literal('Ark UI Plus'),
product_name: Schema.Literal('Ark Plus'),
variant_name: Schema.Literal('Personal', 'Team'),
}),
}),
Expand Down
32 changes: 21 additions & 11 deletions website/src/app/license/page.tsx
Original file line number Diff line number Diff line change
@@ -1,30 +1,40 @@
import type { Metadata } from 'next'
import { notFound } from 'next/navigation'
import { Container, Stack } from 'styled-system/jsx'
import { PageHeader } from '~/components/page-header'
import { Prose } from '~/components/ui/prose'
import { MDXContent } from '~/mdx-content'
import { pages } from '.velite'

const license = pages.find((page) => page.id === 'license')

export default function Page() {
const page = getPageById('license')
if (!page) {
return notFound()
}

return (
<Container py="12" maxW="7xl">
<Stack gap="12" alignItems="center">
<Container py={{ base: '16', md: '24' }} maxW="3xl">
<Stack gap={{ base: '16', md: '24' }} alignItems="center">
<PageHeader
heading="Ark UI Plus"
subHeading="License"
description="License agreement for Ark UI Plus"
heading={page.title}
subHeading={page.subtitle ?? ''}
description={page.description}
/>
<Prose>
<MDXContent code={license?.code ?? ''} />
<MDXContent code={page.code} />
</Prose>
</Stack>
</Container>
)
}

export const metadata: Metadata = {
title: 'Ark UI Plus - License',
description: 'License agreement for Ark UI Plus',
const getPageById = (id: string) => pages.find((page) => page.id === id)

export async function generateMetadata(): Promise<Metadata> {
const page = getPageById('license')

if (page) {
return { title: page.title, description: page.description }
}
return {}
}
2 changes: 1 addition & 1 deletion website/src/components/example-preview.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ export const ExamplePreview = async (props: Props) => {
<Button variant="outline" asChild alignSelf="flex-end" borderColor="border.muted">
<NextLink href="/react/plus">
<LockIcon />
Unlock Ark UI Plus
Unlock Ark Plus
</NextLink>
</Button>
<Box borderRadius="l3" overflow="hidden" minH="md" borderWidth="1px">
Expand Down
2 changes: 1 addition & 1 deletion website/src/components/marketing/hero.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export const Hero = () => {
<NextLink href="/react/plus">
<Badge size="lg" variant="outline">
<RocketIcon />
New: Launching Ark UI Plus
New: Launching Ark Plus
<ArrowRightIcon />
</Badge>
</NextLink>
Expand Down
31 changes: 18 additions & 13 deletions website/src/components/plus/faqs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,33 +22,29 @@ export const Faqs = () => {
question: 'How does the Team license work?',
answer: (
<Text>
The license grants all employees and contractors of the licensee permission to access and
use the examples. When activating your team license, we recommend using a shared email
address that all employees can access. For more information on team licensing specifics,{' '}
<NextLink href="/license">read through our license</NextLink>.
The Team license lets all your employees and contractors access and use the examples. We
recommend activating your license with a shared email everyone on the team can access. For
full details, <NextLink href="/license">check out our license page</NextLink>.
</Text>
),
},
{
question: 'Do you offer a free trial?',
answer: (
<Text>
We do not offer a free trial. However, some of our examples are available for free.
We don't offer a free trial. However, several examples are available for free to explore.
</Text>
),
},
{
question: 'Which version of Ark UI do I need?',
answer: (
<Text>The examples shown on this page are built with the latest version of Ark UI.</Text>
),
answer: <Text>The examples here use the latest version of Ark UI.</Text>,
},
{
question: 'Found an issue with an example?',
question: 'What if I find an issue with an example?',
answer: (
<Text>
Feel free to contact us at <MailToSupportLink subject="Bug Report" /> or create an issue
on our{' '}
Contact us via <MailToSupportLink subject="Bug Report" /> or create an issue on our{' '}
<Link
href="https://github.com/chakra-ui/ark/issues/new?assignees=&labels=&projects=&template=bug_report.yml"
target="_blank"
Expand All @@ -60,6 +56,16 @@ export const Faqs = () => {
</Text>
),
},
{
question: 'What is your refund policy?',
answer: (
<Text>
We do not offer refunds. As our products are digital goods, they cannot be returned once
they have been accessed. This policy is in place to prevent abuse and is in line with
industry standards for digital sales.
</Text>
),
},
]

return (
Expand All @@ -72,8 +78,7 @@ export const Faqs = () => {
<Heading size={{ base: '3xl', md: '4xl' }}>FAQs</Heading>
</Stack>
<Text color="fg.muted" textStyle="lg">
Everything you need to know about Ark UI Plus. For questions about licensing, please see
our{' '}
Everything you need to know about Ark Plus. For questions about licensing, please see our{' '}
<Link asChild>
<NextLink href="/license">licensing page</NextLink>
</Link>
Expand Down
115 changes: 77 additions & 38 deletions website/src/content/pages/license.mdx
Original file line number Diff line number Diff line change
@@ -1,68 +1,107 @@
---
id: license
title: Ark Plus - License
description: License agreement for Ark UI Plus
id: license
title: License Agreement
subTitle: Effective Nov 14, 2024
description: By purchasing Chakra UI Pro, you agree to be bound by this license agreement.
---

## 1. Definitions
## Standard License

- "Chakra Systems" refers to the company providing Ark UI Plus.
- "Ark UI Plus" refers to the software product, including all examples and components.
- "Licensee" refers to the individual or entity that has purchased a license to use Ark UI Plus.
The creators of Ark Plus grant an ongoing, non-exclusive license to use the Examples to **one individual** (the Licensee).

## 2. License Grant
### Permitted Uses

Chakra Systems grants the Licensee a non-exclusive, non-transferable license to use Ark UI Plus subject to the terms of this agreement.
- **Unlimited End Products:** Create as many End Products as you wish for personal or commercial purposes.
- **Commercial Use:** Sell End Products that incorporate the Examples to End Users.
- **Derivative Works:** Modify the Examples to create derivative products. The derivative works will still be subject to the terms of this license.
- **Open Source Projects:** Use the Examples in End Products that are open source and freely accessible to End Users.

## 3. License Types and Permitted Use
### Restricted Uses

### Personal License
- **End User Tools:** You may not create products that enable End Users to build their own End Products using the Examples or derivative works.
- **Redistribution:** Do not redistribute the Examples or derivative works separately from an End Product, whether as code or design assets.
- **Sharing Access:** Sharing access to the Examples with other individuals is prohibited.

- Grants a single user the right to access and use Ark UI Plus for personal or commercial projects.
- May not be shared or used by multiple individuals.
### Example Allowed Uses

### Team License
- Developing a personal website or web application.
- Creating a website or application for a client, where the ownership is transferred to the client.
- Building a commercial SaaS application, such as an invoicing app, where end-users pay a subscription or usage fee.
- Developing a commercial self-hosted web application sold for a one-time fee.
- Creating a public web application where the Examples are part of the project, but not its primary purpose.

- Grants access to the entire team, including employees and contractors, to use Ark UI Plus for team projects.
- The number of users is unlimited, but the license must not be shared between teams from different companies.
### Example Prohibited Uses

## 4. Restrictions
- Publishing a repository of Ark Plus Examples or derivative works publicly.
- Replicating Ark Plus and offering it for sale or free.
- Building a project that allows users to create their websites using the Examples.
- Developing themes, templates, or starter kits incorporating the Examples for sale or distribution.

The Licensee may not:
### Standard License Definitions

- Redistribute, sell, rent, lease, or sublicense Ark UI Plus or access to Ark UI Plus.
- Remove or alter any copyright notices or branding on Ark UI Plus.
- Use Ark UI Plus in any way not expressly permitted by this license.
- **Licensee:** The individual who has purchased a Standard License.
- **Examples:** The React, Solid and Vue source code snippets provided to the Licensee upon purchasing Ark Plus.
- **End Product:** Any product that includes the Examples or derivatives.
- **End User:** The user of an End Product.
- **Client:** An individual or entity receiving custom services from the Licensee. Clients do not include SaaS customers.

## 5. Updates and Support
---

## Team License

The creators of Ark Plus grant an ongoing, non-exclusive license to use the Examples to all **Employees and Contractors** of the Licensee.

- This license includes access to all future updates and new examples added to Ark UI Plus during the license term.
- Support is provided as described in the product documentation on the Chakra Systems website.
### Permitted Uses

## 6. Term
- **Unlimited End Products:** Create as many End Products as needed for personal or commercial purposes.
- **Commercial Use:** Sell End Products incorporating the Examples to End Users.
- **Derivative Works:** Modify the Examples to create derivative products. Derivative works remain subject to this license.
- **Open Source Projects:** Use the Examples in End Products that are open source and freely accessible to End Users.

This license is perpetual. The Licensee has lifetime access to Ark UI Plus from the date of purchase, subject to the terms of this agreement.
### Restricted Uses

## 7. Intellectual Property
- **End User Tools:** Do not create products that allow End Users to build their own End Products using the Examples.
- **Redistribution:** You may not redistribute the Examples or derivative works separately from an End Product.
- **Sharing Access:** Do not share access to the Examples with anyone outside of your organization.

Ark UI Plus is owned by Chakra Systems and is protected by copyright and other intellectual property laws. This license does not transfer any ownership rights to the Licensee.
### Example Allowed Uses

## 8. Disclaimer of Warranty
- Developing a company website or web application.
- Creating a website or application for a client, where the ownership is transferred to the client.
- Building a commercial SaaS application, such as an invoicing tool, where end-users pay for access.
- Developing a self-hosted web application sold for a one-time fee.
- Creating a public web application that uses the Examples but does not redistribute them.

Ark UI Plus is provided "as is" without warranty of any kind, either express or implied, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose.
### Example Prohibited Uses

## 9. Limitation of Liability
- Publishing a repository containing Ark Plus Examples or derivative works publicly.
- Replicating Ark Plus and distributing it for sale or free.
- Building projects where users can create their websites using the Examples.
- Developing themes, templates, or starter kits incorporating the Examples for distribution.
- Creating any End Product that isn't solely owned by your company or a client of your company.

In no event shall Chakra Systems or its authors be liable for any claim, damages, or other liability, whether in an action of contract, tort, or otherwise, arising from, out of, or in connection with Ark UI Plus or the use or other dealings in Ark UI Plus.
### Team License Definitions

## 10. Termination
- **Licensee:** The business entity that has purchased a Team License.
- **Examples:** The React, Solid and Vue source code snippets provided to the Licensee upon purchasing Ark Plus.
- **End Product:** Any product that includes the Examples or derivative works.
- **End User:** The user of an End Product.
- **Client:** An individual or entity receiving custom services from the Licensee. SaaS customers are not considered clients.
- **Contractor:** An individual or entity contracted to perform services for the Licensee.

---

Chakra Systems reserves the right to terminate this license if the Licensee breaches any of its terms. Upon termination, the Licensee must cease all use of Ark UI Plus and destroy all copies.
## Enforcement

Violation of this license may result in the termination of your Ark Plus account, with refunds issued at the creators' discretion. In cases of blatant or malicious violations, such as redistributing the Examples through unauthorized channels, no refund will be provided.

The creators of Ark Plus retain all rights to the Examples, except for the permissions explicitly granted in this license. Unauthorized use may result in legal action.

---

## 11. Governing Law
## Refund Policy

This agreement shall be governed by and construed in accordance with the laws of the State of Delaware, United States, without regard to its conflict of law provisions.

By purchasing and using Ark UI Plus, the Licensee agrees to be bound by the terms of this license agreement.
We do not offer refunds. As our products are digital goods, they cannot be returned once they have been accessed. This policy is in place to prevent abuse and is in line with industry standards for digital sales.

Last updated: September 23, 2024
Please try the [free Examples](/react/examples) before purchasing Ark Plus to familiarize yourself with the product.
1 change: 1 addition & 0 deletions website/velite.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ const pages = defineCollection({
.object({
id: s.string(),
title: s.string(),
subtitle: s.string().optional(),
description: s.string(),
metadata: s.metadata(),
content: s.markdown(),
Expand Down

0 comments on commit 43f80d0

Please sign in to comment.