CoCalc -- index.tsx

GitHub Repository: sagemathinc/cocalc
Path: blob/master/src/packages/next/pages/pricing/index.tsx
¹⁴⁵⁰ views
1
/*
2
 *  This file is part of CoCalc: Copyright © 2022 Sagemath, Inc.
3
 *  License: MS-RSL – see LICENSE.md for details
4
 */
5

6
import { Layout } from "antd";
7

8
import Footer from "components/landing/footer";
9
import Head from "components/landing/head";
10
import Header from "components/landing/header";
11
import IndexList, { DataSource } from "components/landing/index-list";
12
import A from "components/misc/A";
13
import { Customize } from "lib/customize";
14
import withCustomize from "lib/with-customize";
15

16
const dataSource: DataSource = [
17
  {
18
    link: "/store",
19
    title: "Store",
20
    logo: "shopping-cart",
21
    description: (
22
      <>
23
        Purchase a license for upgrades or dedicated resources at{" "}
24
        <A href="/store">the store</A>.
25
      </>
26
    ),
27
  },
28
  {
29
    link: "/pricing/products",
30
    title: "Products",
31
    logo: "credit-card",
32
    description: (
33
      <>
34
        Overview of <A href="/pricing/products">what you can purchase</A> to
35
        enhance your use of CoCalc.
36
      </>
37
    ),
38
  },
39
  {
40
    link: "/pricing/subscriptions",
41
    title: "Subscriptions",
42
    logo: "calendar",
43
    description: (
44
      <>
45
        How to keep some of your projects upgraded via{" "}
46
        <A href="/pricing/subscriptions">a periodic subscription.</A>
47
      </>
48
    ),
49
  },
50
  {
51
    link: "/pricing/courses",
52
    title: "Courses",
53
    logo: "graduation-cap",
54
    description: (
55
      <>
56
        What to purchase when{" "}
57
        <A href="/pricing/courses">
58
          <b>using CoCalc to teach a course.</b>
59
        </A>
60
      </>
61
    ),
62
  },
63
  {
64
    link: "/pricing/institutions",
65
    title: "Institutions",
66
    logo: "home",
67
    description: (
68
      <>
69
        What to purchase when{" "}
70
        <A href="/pricing/institutions">
71
          <b>using CoCalc in an institution.</b>
72
        </A>
73
      </>
74
    ),
75
  },
76
  //   {
77
  //     link: "/pricing/dedicated",
78
  //     title: "Dedicated Resources",
79
  //     logo: "server",
80
  //     description: (
81
  //       <>
82
  //         How to{" "}
83
  //         <A href="/pricing/dedicated">
84
  //           rent a dedicated powerful virtual machine
85
  //         </A>
86
  //         , which can greatly improve collaboration and scalability in your
87
  //         research group.
88
  //       </>
89
  //     ),
90
  //   },
91
  {
92
    link: "/pricing/onprem",
93
    title: "On-Premises Installations",
94
    logo: "server",
95
    description: (
96
      <>
97
        You can run CoCalc on{" "}
98
        <A href="/pricing/onprem">your own Kubernetes cluster.</A>
99
      </>
100
    ),
101
  },
102
  {
103
    link: "/vouchers",
104
    title: "Vouchers",
105
    logo: "gift",
106
    description: (
107
      <>
108
        Vouchers are a convenient way to{" "}
109
        <A href="/vouchers">share and resell licenses</A>.
110
      </>
111
    ),
112
  },
113
];
114

115
export default function Pricing({ customize }) {
116
  return (
117
    <Customize value={customize}>
118
      <Head title="Pricing" />
119
      <Layout>
120
        <Header page="pricing" />
121
        <IndexList
122
          title="Products and Pricing"
123
          description={
124
            <>
125
              You can read more about {customize.siteName}{" "}
126
              <A href="/pricing/products">products</A> and{" "}
127
              <A href="/pricing/subscriptions">subscriptions</A> below or{" "}
128
              <A href="/store">visit the store</A>.
129
            </>
130
          }
131
          dataSource={dataSource}
132
        />
133
        <Footer />
134
      </Layout>
135
    </Customize>
136
  );
137
}
138

139
export async function getServerSideProps(context) {
140
  return await withCustomize({ context });
141
}
142

143