CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/next/pages/features/compare.tsx
Views: 687
1
/*

2
 *  This file is part of CoCalc: Copyright © 2021 Sagemath, Inc.

3
 *  License: MS-RSL – see LICENSE.md for details

4
 */

5


6
import { Layout } from "antd";

7


8
import { Icon } from "@cocalc/frontend/components/icon";

9
import { COLORS } from "@cocalc/util/theme";

10
import Tables, { Disclaimer } from "components/landing/compare";

11
import Footer from "components/landing/footer";

12
import Head from "components/landing/head";

13
import Header from "components/landing/header";

14
import SignIn from "components/landing/sign-in";

15
import { Customize } from "lib/customize";

16
import withCustomize from "lib/with-customize";

17


18
const component = "CoCalc";

19
const title = "CoCalc v Competition";

20


21
export default function Octave({ customize }) {

22
  return (

23
    <Customize value={customize}>

24
      <Head title={title} />

25
      <Layout>

26
        <Header page="features" subPage="compare" />

27
        <Layout.Content>

28
          <div

29
            style={{

30
              backgroundColor: COLORS.LANDING.TOP_BG,

31
              textAlign: "center",

32
              padding: "60px 0",

33
            }}

34
          >

35
            <Icon

36
              style={{ fontSize: "100pt", marginBottom: "50px" }}

37
              name="table"

38
            />

39
            <h1 style={{ fontSize: "26pt" }}>

40
              Comparing CoCalc to the Competition

41
            </h1>

42
            <SignIn startup={"CoCalc"} />

43
          </div>

44


45
          <Disclaimer />

46


47
          <Tables />

48


49
          <SignIn startup={component} />

50
        </Layout.Content>

51
        <Footer />

52
      </Layout>

53
    </Customize>

54
  );

55
}

56


57
export async function getServerSideProps(context) {

58
  return await withCustomize({ context });

59
}

60


61