oneground.github.io/src/pages/index.tsx at fbe542c8b22e08fe95aa6a81dd4fd39beecb7fc9 · OneGround/oneground.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
import clsx from "clsx";
import Link from "@docusaurus/Link";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from "@theme/Layout";
import Heading from "@theme/Heading";

import styles from "./index.module.css";

function HomepageHeader() {
    const { siteConfig } = useDocusaurusContext();
    return (
        <header className={clsx("hero hero--primary", styles.heroBanner)}>
            <div className="container">
                <div className={styles.heroContent}>
                    <div className={styles.heroText}>
                        <Heading as="h1" className={styles.heroTitle}>
                            OneGround
                        </Heading>
                        <p className={styles.heroSubtitle}>{siteConfig.tagline}</p>
                        <p className={styles.heroDescription}>
                            OneGround’s implementation of ZGW APIs, providing API components and related modules for a standardized Dutch
                            approach to case management (Zaakgericht Werken).
                        </p>
                        <div className={styles.buttons}>
                            <Link className={clsx("button button--primary button--lg", styles.primaryButton)} to="/docs/about-oneground">
                                Get Started
                            </Link>
                            <Link
                                className={clsx("button button--outline button--primary button--lg", styles.outlineButton)}
                                to="/changelog"
                            >
                                What's New
                            </Link>
                            <Link className={clsx("button button--outline button--primary button--lg", styles.outlineButton)} to="/blog">
                                Blog
                            </Link>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    );
}

function OneGroundEditions() {
    return (
        <section className={styles.editions}>
            <div className="container">
                <div className={styles.editionsHeader}>
                    <Heading as="h2" className={styles.editionsTitle}>
                        Choose Your OneGround Edition
                    </Heading>
                    <p className={styles.editionsSubtitle}>Select the perfect solution for your Common Ground development needs</p>
                </div>
                <div className="row">
                    <div className={clsx("col col--6")}>
                        <div className={styles.editionCard}>
                            <div className={styles.editionHeader}>
                                <Heading as="h4" className={styles.editionBrand}>
                                    OneGround
                                </Heading>
                                <Heading as="h3" className={styles.editionName}>
                                    Community Edition
                                </Heading>
                            </div>
                            <div className={styles.editionContent}>
                                <p className={styles.editionDescription}>
                                    The Community Edition is available as an open source variant and can be downloaded via GitHub by
                                    governments and software parties to install themselves on their own hosting environment. Free to use,
                                    inspect, and enhance.
                                </p>
                                <div className={styles.editionFeatures}>
                                    <div className={styles.feature}>Open source available via GitHub</div>
                                    <div className={styles.feature}>Self-hosted and managed</div>
                                    <div className={styles.feature}>Source code available for inspection</div>
                                    <div className={styles.feature}>All ZGW API components included</div>
                                    <div className={styles.feature}>Free to use</div>
                                </div>
                                <div className={styles.editionButtons}>
                                    <Link className="button button--primary button--block" to="/docs/about-oneground">
                                        Get Started
                                    </Link>
                                    <Link
                                        className="button button--outline button--primary button--block"
                                        href="https://github.com/OneGround/ZGW-APIs/blob/main/getting-started/docker-compose/README.md"
                                        target="_blank"
                                    >
                                        View on GitHub
                                    </Link>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className={clsx("col col--6")}>
                        <div className={clsx(styles.editionCard, styles.editionCardFeatured)}>
                            <div className={styles.editionHeader}>
                                <Heading as="h4" className={styles.editionBrand}>
                                    OneGround
                                </Heading>
                                <Heading as="h3" className={styles.editionName}>
                                    Unlimited
                                </Heading>
                            </div>
                            <div className={styles.editionContent}>
                                <p className={styles.editionDescription}>
                                    The Unlimited variant offers a full SaaS experience where you are fully supported and provided with all
                                    conveniences to quickly deploy Common Ground applications. Roxit handles hosting, technical management,
                                    and security.
                                </p>
                                <div className={styles.editionFeatures}>
                                    <div className={styles.feature}>Hosting on Dutch servers</div>
                                    <div className={styles.feature}>24-hour monitoring</div>
                                    <div className={styles.feature}>Complies with ISO standards for archiving</div>
                                    <div className={styles.feature}>ADFS integration available</div>
                                    <div className={styles.feature}>Dashboard for API storage and usage statistics</div>
                                    <div className={styles.feature}>Configuration tool for ClientID's and authorisations</div>
                                    <div className={styles.feature}>Rate limiting on API Gateway</div>
                                </div>
                                <div className={styles.editionButtons}>
                                    <Link className="button button--primary button--block" to="https://portaal.oneground.nl/register">
                                        Request Free Trial
                                    </Link>
                                    <Link
                                        className="button button--outline button--primary button--block"
                                        href="https://oneground.nl/contact/"
                                        target="_blank"
                                    >
                                        Contact for Sale
                                    </Link>
                                </div>
                            </div>
                        </div>{" "}
                    </div>
                </div>
                <div className={styles.comparisonNote}>
                    <p>
                        For a complete feature comparison between editions, visit{" "}
                        <Link href="https://oneground.nl/varianten/" target="_blank">
                            oneground.nl/varianten
                        </Link>
                    </p>
                </div>
            </div>
        </section>
    );
}

export default function Home(): JSX.Element {
    const { siteConfig } = useDocusaurusContext();

    return (
        <Layout
            title="ZGW API Documentation & Developer Portal"
            description="Complete ZGW API implementation for Dutch case management (Zaakgericht Werken). Developer documentation, guides, and integration resources for ZRC, DRC, ZTC, BRC, NRC, and AC components."
        >
            <HomepageHeader />
            <main>
                <OneGroundEditions />
            </main>
        </Layout>
    );
}