Missing files and text

website/docusaurus.config.ts

@@ -3,8 +3,8 @@ import type {Config} from '@docusaurus/types';
 import type * as Preset from '@docusaurus/preset-classic';
 
 const config: Config = {
-    title: 'workflows4s',
-    tagline: 'Workflows for Scala',
+    title: 'Workflows4s',
+    tagline: 'Simple, Composable, Business-oriented Workflows for Scala',
     favicon: 'img/favicon.ico',
 
     // Set the production url of your site here

website/src/css/custom.css

@@ -0,0 +1,30 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #002D62; /* Base blue color */
+  --ifm-color-primary-dark: #002252; /* Slightly darker blue */
+  --ifm-color-primary-darker: #001D42; /* Even darker blue */
+  --ifm-color-primary-darkest: #001634; /* Darkest blue variant */
+  --ifm-color-primary-light: #00347A; /* Lighter blue */
+  --ifm-color-primary-lighter: #00459B; /* Even lighter blue */
+  --ifm-color-primary-lightest: #0056BC; /* Lightest blue variant */
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+  --ifm-color-primary: #4091c9; /* A lighter blue for dark mode, more readable */
+  --ifm-color-primary-dark: #3a82b1; /* Dark variant for dark mode */
+  --ifm-color-primary-darker: #3473a9; /* Darker variant for dark mode */
+  --ifm-color-primary-darkest: #2e6491; /* Darkest variant for dark mode */
+  --ifm-color-primary-light: #4a9ed1; /* Light variant for dark mode */
+  --ifm-color-primary-lighter: #54abda; /* Lighter variant for dark mode */
+  --ifm-color-primary-lightest: #6eb8e4; /* Lightest variant for dark mode */
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+}

website/src/pages/index.module.css

@@ -0,0 +1,33 @@
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 996px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.roundedImage {
+  width: 200px;
+  height: 200px;
+  border-radius: 50%; /* Makes the image circular */
+  background-color: white; /* Sets the background color to white */
+  padding: 5px; /* Adds some space between the image edge and the circular border */
+  border: 2px solid white; /* Optional: Adds a white border around the image */
+  display: inline-block; /* Ensures the padding and border-radius are applied correctly */
+}

website/src/pages/index.tsx

@@ -0,0 +1,46 @@
+import clsx from 'clsx';
+import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Layout from '@theme/Layout';
+import HomepageFeatures from '@site/src/components/HomepageFeatures';
+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="text--center">
+                    <img className={styles.roundedImage} src="img/workflows4s-logo.drawio.svg"/>
+                </div>
+                <Heading as="h1" className="hero__title">
+                    {siteConfig.title}
+                </Heading>
+                <p className="hero__subtitle">{siteConfig.tagline}</p>
+                <div className={styles.buttons}>
+                    <Link
+                        className="button button--secondary button--lg"
+                        to="/docs">
+                        Read the Docs
+                    </Link>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default function Home(): JSX.Element {
+    const {siteConfig} = useDocusaurusContext();
+    return (
+        <Layout
+            title={siteConfig.title}
+            description={siteConfig.tagline}>
+            <HomepageHeader/>
+            <main>
+                <HomepageFeatures/>
+            </main>
+        </Layout>
+    );
+}

website/src/pages/markdown-page.md

@@ -0,0 +1,7 @@
+---
+title: Markdown page example
+---
+
+# Markdown page example
+
+You don't need React to write simple standalone pages.