diff --git a/LICENSES/Apache-2.0.txt b/LICENSES/Apache-2.0.txt
new file mode 100644
index 00000000..9d72f1cc
--- /dev/null
+++ b/LICENSES/Apache-2.0.txt
@@ -0,0 +1,201 @@
+                             Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
\ No newline at end of file
diff --git a/apps/docs/docusaurus.config.js b/apps/docs/docusaurus.config.js
index e83e708a..82b409d2 100644
--- a/apps/docs/docusaurus.config.js
+++ b/apps/docs/docusaurus.config.js
@@ -11,12 +11,11 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Jayvee',
-  tagline: 'Data engineering made easy',
   url: 'https://jvalue.github.io',
-  baseUrl: '/jayvee/',
+  baseUrl: '/jayvee',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
-  favicon: 'img/jayvee.png',
+  favicon: '/img/jayvee.png',
   organizationName: 'jvalue', // Usually your GitHub org/user name.
   projectName: 'jayvee', // Usually your repo name.
   themes: ['@docusaurus/theme-mermaid'],
@@ -43,16 +42,8 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       navbar: {
-        logo: {
-          alt: 'Jayvee logo',
-          src: 'img/jayvee.png',
-        },
+        title: 'Jayvee',
         items: [
-          {
-            type: 'docsVersionDropdown',
-            position: 'left',
-            dropdownActiveClassDisabled: true,
-          },
           {
             type: 'doc',
             docId: 'user/intro',
@@ -65,10 +56,16 @@ const config = {
             position: 'left',
             label: 'Developer Docs',
           },
+          {
+            type: 'docsVersionDropdown',
+            position: 'right',
+            dropdownActiveClassDisabled: true,
+          },
           {
             href: 'https://github.com/jvalue/jayvee',
-            label: 'GitHub',
             position: 'right',
+            className: 'header-github-link',
+            'aria-label': 'GitHub repository',
           },
         ],
       },
@@ -76,18 +73,26 @@ const config = {
         style: 'dark',
         links: [
           {
-            title: 'User Docs',
+            title: 'Learn',
             items: [
               {
-                label: 'Introduction to Jayvee',
+                label: 'Installation',
                 to: '/docs/user/intro',
               },
+              {
+                label: 'Core Concepts',
+                to: '/docs/user/core-concepts',
+              },
+              {
+                label: 'Examples',
+                to: '/docs/user/examples/cars',
+              },
+              {
+                label: 'Start contributing',
+                to: '/docs/dev/intro',
+              },
             ],
           },
-          {
-            title: 'Developer Docs',
-            items: [],
-          },
           {
             title: 'More',
             items: [
@@ -95,6 +100,23 @@ const config = {
                 label: 'GitHub',
                 href: 'https://github.com/jvalue/jayvee',
               },
+              {
+                label: 'JValue',
+                href: 'https://jvalue.org/',
+              },
+            ],
+          },
+          {
+            title: 'Legal',
+            items: [
+              {
+                label: 'Imprint',
+                href: 'https://jvalue.org/notices/imprint/',
+              },
+              {
+                label: 'Privacy Policy',
+                href: 'https://jvalue.org/notices/privacy-policy/',
+              },
             ],
           },
         ],
diff --git a/apps/docs/src/components/HomepageFeatures/index.tsx b/apps/docs/src/components/HomepageFeatures/index.tsx
index afb3b678..4cdf7ac6 100644
--- a/apps/docs/src/components/HomepageFeatures/index.tsx
+++ b/apps/docs/src/components/HomepageFeatures/index.tsx
@@ -5,26 +5,28 @@
 import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.css';
+import { useBaseUrlUtils } from '@docusaurus/useBaseUrl';
 
-type FeatureItem = {
-  title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
-  description: JSX.Element;
-};
+import { type FeatureItem, Features } from '../../data/features';
 
-const FeatureList: FeatureItem[] = [
-  
-];
+function Feature(feature: FeatureItem) {
+  const {withBaseUrl} = useBaseUrlUtils();
 
-function Feature({ title, Svg, description }: FeatureItem) {
   return (
     <div className={clsx('col col--4')}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+      <img
+        className={styles.featureImage}
+        alt={feature.title}
+        src={withBaseUrl(feature.image.src)}
+        width={Math.floor(feature.image.width)}
+        height={Math.floor(feature.image.height)}
+        loading="lazy"
+      />
       </div>
       <div className="text--center padding-horiz--md">
-        <h3>{title}</h3>
-        <p>{description}</p>
+        <h3>{feature.title}</h3>
+        <div>{feature.description}</div>
       </div>
     </div>
   );
@@ -34,8 +36,9 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
+        <h2 className='text--center'>Main Features</h2>
         <div className="row">
-          {FeatureList.map((props, idx) => (
+          {Features.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}
         </div>
diff --git a/apps/docs/src/components/HomepageFeatures/styles.module.css b/apps/docs/src/components/HomepageFeatures/styles.module.css
index 2dab6d10..62da5396 100644
--- a/apps/docs/src/components/HomepageFeatures/styles.module.css
+++ b/apps/docs/src/components/HomepageFeatures/styles.module.css
@@ -9,9 +9,4 @@
   align-items: center;
   padding: 2rem 0;
   width: 100%;
-}
-
-.featureSvg {
-  height: 200px;
-  width: 200px;
-}
+}
\ No newline at end of file
diff --git a/apps/docs/src/css/custom.css b/apps/docs/src/css/custom.css
index 1b2cf266..dead4e6e 100644
--- a/apps/docs/src/css/custom.css
+++ b/apps/docs/src/css/custom.css
@@ -34,3 +34,20 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.header-github-link:before {
+    background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
+    display: flex;
+    height: 24px;
+    width: 24px;
+    content: "";
+}
+.header-github-link:hover {
+  opacity: 0.6;
+}
+
+.navbar__title {
+  background: linear-gradient(45deg, var(--ifm-color-primary), var(--ifm-color-primary-lightest) 80%);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
\ No newline at end of file
diff --git a/apps/docs/src/data/features.tsx b/apps/docs/src/data/features.tsx
new file mode 100644
index 00000000..4ed97997
--- /dev/null
+++ b/apps/docs/src/data/features.tsx
@@ -0,0 +1,74 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import React from "react";
+
+export type FeatureItem = {
+    title: string;
+    image: {
+        src: string;
+        height: number;
+        width: number;
+    }
+    description: JSX.Element;
+};
+
+export const Features: FeatureItem[] = [
+    {
+      title: "Focused",
+      description: <p>Jayvee is a <b>DSL</b> (domain-specific language) <b>tailored for data engineering</b>.</p>,
+      image: {
+        src: '/img/features/focus.svg',
+        width: 100,
+        height: 100,
+      },
+    },
+    {
+      title: "Text-based",
+      description: <p>Jayvee's text-based syntax allows <b>reuse</b> of existing <b>collaboration infrastructure</b> from open source software development.</p>,
+      image: {
+        src: '/img/features/text.svg',
+        width: 100,
+        height: 100,
+      },
+    },
+    {
+      title: "Open",
+      description: <p>Jayvee is open for extension (<b>no vendor lock-in</b>) with a <b>fast innovation in tools</b>.</p>,
+      image: {
+        src: '/img/features/open.svg',
+        width: 100,
+        height: 100,
+      },
+    },
+    {
+      title: "Accessible",
+      description: <p>Jayvee enables <b>collaboration with subject matter experts</b> that might not be professional programmers.</p>,
+      image: {
+        src: '/img/features/accessible.svg',
+        width: 100,
+        height: 100,
+      },
+    },
+    {
+      title: "Maintainable",
+      description: <p>Jayvee passes on hidden magic to make the <b>code more self-explaining</b>.</p>,
+      image: {
+        src: '/img/features/maintainable.svg',
+        width: 100,
+        height: 100,
+      },
+    },
+    {
+      title: "Empirical Design",
+      description: <p>The design of Jayvee is <b>validated with scientific methods</b> like surveys and controlled experiments instead of relying on gut feeling.</p>,
+      image: {
+        src: '/img/features/research.svg',
+        width: 100,
+        height: 100,
+      },
+    }
+  ];
\ No newline at end of file
diff --git a/apps/docs/src/pages/index.module.css b/apps/docs/src/pages/index.module.css
index 1fb178fa..de3425b0 100644
--- a/apps/docs/src/pages/index.module.css
+++ b/apps/docs/src/pages/index.module.css
@@ -9,21 +9,66 @@
  * and scoped locally.
  */
 
-.heroBanner {
-  padding: 4rem 0;
+.titleBanner {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   text-align: center;
   position: relative;
   overflow: hidden;
+  color: aliceblue;
+  background-color: #2b3137;
+  padding: 4rem;
 }
 
 @media screen and (max-width: 996px) {
-  .heroBanner {
+  .titleBanner {
     padding: 2rem;
   }
 }
 
-.buttons {
+.titleBannerTitle {
+  font-size: 64px;
+  font-weight: bold;
+  margin: 0.5rem 0;
+}
+
+.titleBannerTitleText {
+  background: linear-gradient(45deg, var(--ifm-color-primary), var(--ifm-color-info) 80%);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.titleBannerTagline {
+  font-size: 32px;
+}
+
+.titleBannerTagline b {
+  color: var(--ifm-color-primary);
+}
+
+.titleBannerButtons {
+  --ifm-button-size-multiplier: 1.5;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: center;
+  margin-top: 12px;
 }
+
+.titleBannerButtons a,
+.titleBannerButtons a:hover {
+  color: black;
+  margin: 12px 12px 0px 12px;
+}
+
+.titleBannerButtonsGitHubButtonWrapper {
+  margin-top: 12px;
+  margin-left: 12px;
+  display: flex;
+}
+
+.titleBannerButtonsGitHubButton {
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/apps/docs/src/pages/index.tsx b/apps/docs/src/pages/index.tsx
index be2c207a..fe4dc2b1 100644
--- a/apps/docs/src/pages/index.tsx
+++ b/apps/docs/src/pages/index.tsx
@@ -7,28 +7,60 @@ 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 HomepageFeatures from '@site/src/components/HomepageFeatures';
 
 import styles from './index.module.css';
 
 function HomepageHeader() {
-  const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <div>
+      <TitleBanner/>
+    </div>
+  );
+}
+
+
+function TitleBanner(): JSX.Element {
+  return (
+    <header className={clsx('hero hero--primary', styles.titleBanner)}>
       <div className="container">
-        <h1 className="hero__title">{siteConfig.title}</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
+        <div className={styles.titleBannerTitle}>
+          🥳 
+          <span className={styles.titleBannerTitleText}><b>Jayvee</b>'s alpha is now available!</span>
+          🎉
+        </div>
+
+        <div className={styles.titleBannerTagline}>
+          A <b>domain-specific language</b> for everyone to <b>participate</b> in building <b>data pipelines</b>!
+        </div>
+
+        <div className={styles.titleBannerButtons}>
           <Link
-            className="button button--secondary button--lg"
+            className="button button--primary"
             to="/docs/user/intro"
           >
-            Start data engineering - 5min ⏱️
+            Get Started
           </Link>
+          <Link
+            className="button button--info"
+            to="/docs/user/examples/cars"
+          >
+            Example
+          </Link>
+          <span className={styles.titleBannerButtonsGitHubButtonWrapper}>
+            <iframe
+              className={styles.titleBannerButtonsGitHubButton}
+              src="https://ghbtns.com/github-btn.html?user=jvalue&amp;repo=jayvee&amp;type=star&amp;count=true&amp;size=large"
+              width={160}
+              height={30}
+              title="GitHub Stars"
+            />
+          </span>
         </div>
       </div>
     </header>
-  );
+  )
 }
 
 export default function Home(): JSX.Element {
diff --git a/apps/docs/src/typings.d.ts b/apps/docs/src/typings.d.ts
new file mode 100644
index 00000000..854c7a61
--- /dev/null
+++ b/apps/docs/src/typings.d.ts
@@ -0,0 +1,7 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+declare module '*.module.css';
diff --git a/apps/docs/static/img/features/accessible.svg b/apps/docs/static/img/features/accessible.svg
new file mode 100644
index 00000000..4b0dc87a
--- /dev/null
+++ b/apps/docs/static/img/features/accessible.svg
@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 4v7h-9.83l-1.17 1.17v-8.17zm1-2h-13a1 1 0 0 0 -1 1v14l4-4h10a1 1 0 0 0 1-1v-9a1 1 0 0 0 -1-1m5 4h-2v9h-13v2a1 1 0 0 0 1 1h11l4 4v-15a1 1 0 0 0 -1-1z"/></svg>
\ No newline at end of file
diff --git a/apps/docs/static/img/features/accessible.svg.license b/apps/docs/static/img/features/accessible.svg.license
new file mode 100644
index 00000000..5a67ce0b
--- /dev/null
+++ b/apps/docs/static/img/features/accessible.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: Apache-2.0
+
+Source: https://iconduck.com/icons/89249/forum-outline
\ No newline at end of file
diff --git a/apps/docs/static/img/features/focus.svg b/apps/docs/static/img/features/focus.svg
new file mode 100644
index 00000000..13ce4f73
--- /dev/null
+++ b/apps/docs/static/img/features/focus.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m21 11h-1.07a8 8 0 0 0 -6.93-6.93v-1.07a1 1 0 0 0 -2 0v1.07a8 8 0 0 0 -6.93 6.93h-1.07a1 1 0 0 0 0 2h1.07a8 8 0 0 0 6.93 6.93v1.07a1 1 0 0 0 2 0v-1.07a8 8 0 0 0 6.93-6.93h1.07a1 1 0 0 0 0-2zm-9 7a6 6 0 1 1 6-6 6 6 0 0 1 -6 6zm0-9a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"/></svg>
\ No newline at end of file
diff --git a/apps/docs/static/img/features/focus.svg.license b/apps/docs/static/img/features/focus.svg.license
new file mode 100644
index 00000000..6b16e4e7
--- /dev/null
+++ b/apps/docs/static/img/features/focus.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: Apache-2.0
+
+Source: https://iconduck.com/icons/56427/crosshair
\ No newline at end of file
diff --git a/apps/docs/static/img/features/maintainable.svg b/apps/docs/static/img/features/maintainable.svg
new file mode 100644
index 00000000..4c7dcacf
--- /dev/null
+++ b/apps/docs/static/img/features/maintainable.svg
@@ -0,0 +1 @@
+<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke="#000" stroke-width="2"><path d="m14 3.2686c0-.70063-.568-1.2686-1.2686-1.2686h-1.4628c-.7006 0-1.2686.56797-1.2686 1.2686 0 .57885-.39635 1.07442-.9348 1.28686-.08522.03362-.16973.06867-.25348.1051-.53102.231-1.16197.16088-1.57145-.24859-.49553-.49554-1.29895-.49554-1.79448 0l-1.03392 1.03391c-.49555.49555-.49555 1.29899 0 1.79454.40948.40948.4796 1.04044.24862 1.57147-.03641.0837-.07143.16815-.10503.25331-.21244.53845-.70802.9348-1.28686.9348-.70063 0-1.2686.568-1.2686 1.2686v1.4628c0 .7006.56797 1.2686 1.2686 1.2686.57884 0 1.07442.3963 1.28686.9348.0336.0852.06862.1696.10503.2533.23099.531.16086 1.162-.24862 1.5715-.49555.4955-.49555 1.299 0 1.7945l1.03391 1.0339c.49554.4956 1.29896.4956 1.7945 0 .40947-.4094 1.04043-.4796 1.57145-.2486.08375.0365.16825.0715.25347.1051.53845.2125.9348.7081.9348 1.2869 0 .7006.568 1.2686 1.2686 1.2686h1.4628c.7006 0 1.2686-.568 1.2686-1.2686 0-.5788.3963-1.0744.9348-1.2869.0852-.0336.1697-.0686.2534-.105.531-.231 1.1619-.1609 1.5713.2486.4955.4955 1.2989.4955 1.7944 0l1.0341-1.0341c.4955-.4955.4955-1.2988 0-1.7943-.4095-.4095-.4796-1.0404-.2486-1.5714.0365-.0837.0715-.1683.1051-.2535.2125-.5384.7081-.9348 1.2869-.9348.7006 0 1.2686-.568 1.2686-1.2686v-1.4628c0-.7006-.568-1.2686-1.2686-1.2686-.5788 0-1.0744-.39635-1.2869-.9348-.0336-.08524-.0686-.16976-.1051-.25354-.231-.53098-.1609-1.16189.2486-1.57133.4955-.4955.4955-1.29886 0-1.79436l-1.0341-1.03404c-.4955-.49551-1.2989-.49551-1.7944 0-.4094.40945-1.0403.47957-1.5713.24859-.0837-.03642-.1682-.07145-.2534-.10506-.5385-.21244-.9348-.70802-.9348-1.28686z"/><path d="m16 12c0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4 0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4z"/></g></svg>
\ No newline at end of file
diff --git a/apps/docs/static/img/features/maintainable.svg.license b/apps/docs/static/img/features/maintainable.svg.license
new file mode 100644
index 00000000..331d9e3d
--- /dev/null
+++ b/apps/docs/static/img/features/maintainable.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: MIT
+
+Source: https://iconduck.com/icons/113189/gear
\ No newline at end of file
diff --git a/apps/docs/static/img/features/open.svg b/apps/docs/static/img/features/open.svg
new file mode 100644
index 00000000..5477ec18
--- /dev/null
+++ b/apps/docs/static/img/features/open.svg
@@ -0,0 +1 @@
+<svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.02682 2.5v.5h-1.52682c-.27614 0-.5.22386-.5.5v13c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-13c0-.27614-.2239-.5-.5-.5h-1.5268v-.5c0-.27614-.2239-.5-.5-.5h-3.0281c-.9425 0-1.8255.40492-2.4451 1.0902-.61965-.68528-1.50259-1.0902-2.44505-1.0902h-3.02813c-.27614 0-.5.22386-.5.5zm10.94638.96416c-.0009.01184-.0013.02379-.0013.03584s.0004.024.0013.03584v10.40536h-2.353c-.7846 0-1.5271.271-2.1202.7433v-10.60561c.4263-.67222 1.1588-1.07889 1.9451-1.07889h2.5281zm1 .53584h1.0268v12h-6.373c.4515-.6592 1.1943-1.0588 1.9932-1.0588h2.853c.2761 0 .5-.2239.5-.5zm-8.59343 10.9412c.79892 0 1.54168.3996 1.99319 1.0588h-6.37296v-12h1.02682v10.4412c0 .2761.22386.5.5.5zm-2.35295-1v-10.40537c.00084-.01183.00127-.02378.00127-.03583s-.00043-.024-.00127-.03583v-.46417h2.52813c.78624 0 1.51879.40667 1.94505 1.07889v10.60561c-.59312-.4723-1.33559-.7433-2.12023-.7433z" fill="#212121"/></svg>
\ No newline at end of file
diff --git a/apps/docs/static/img/features/open.svg.license b/apps/docs/static/img/features/open.svg.license
new file mode 100644
index 00000000..8514fd55
--- /dev/null
+++ b/apps/docs/static/img/features/open.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: MIT
+
+Source: https://iconduck.com/icons/66734/book-open
\ No newline at end of file
diff --git a/apps/docs/static/img/features/research.svg b/apps/docs/static/img/features/research.svg
new file mode 100644
index 00000000..c1a9f3e2
--- /dev/null
+++ b/apps/docs/static/img/features/research.svg
@@ -0,0 +1 @@
+<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25.3943 24a7.8772 7.8772 0 0 0 -1.6707-8.5684 3.918 3.918 0 0 0 -1.0844-4.414l2.7759-2.7759a2.0025 2.0025 0 0 0 0-2.8286l-2.8282-2.8282a2.0021 2.0021 0 0 0 -2.8286 0l-13.1724 13.1724a2.0027 2.0027 0 0 0 0 2.8286l2.8282 2.8282a2.0024 2.0024 0 0 0 2.8286 0l4.7749-4.7754a3.9329 3.9329 0 0 0 5.5139.4326 5.9442 5.9442 0 0 1 .646 6.9287h-7.1775v4h-12v2h24v-6zm-14.5662-4-2.8281-2.8286 1.8787-1.8784 2.8283 2.8281zm5.1719-6a3.9811 3.9811 0 0 0 .0762.7524l-1.9551 1.9546-2.8284-2.8281 9.88-9.88 2.8283 2.8282-3.2488 3.2491a3.9771 3.9771 0 0 0 -4.7522 3.9238zm4 2a2 2 0 1 1 2-2 2.0023 2.0023 0 0 1 -2 2zm6 12h-8v-2h8z"/><path d="m0 0h32v32h-32z" fill="none"/></svg>
\ No newline at end of file
diff --git a/apps/docs/static/img/features/research.svg.license b/apps/docs/static/img/features/research.svg.license
new file mode 100644
index 00000000..879e6c6d
--- /dev/null
+++ b/apps/docs/static/img/features/research.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: Apache-2.0
+
+Source: https://iconduck.com/icons/9483/microscope
\ No newline at end of file
diff --git a/apps/docs/static/img/features/text.svg b/apps/docs/static/img/features/text.svg
new file mode 100644
index 00000000..fc25dca1
--- /dev/null
+++ b/apps/docs/static/img/features/text.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 10L17 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 6H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 18L17 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 14H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/docs/static/img/features/text.svg.license b/apps/docs/static/img/features/text.svg.license
new file mode 100644
index 00000000..26427708
--- /dev/null
+++ b/apps/docs/static/img/features/text.svg.license
@@ -0,0 +1,5 @@
+SPDX-FileCopyrightText: Iconduck
+
+SPDX-License-Identifier: MIT
+
+Source: https://iconduck.com/icons/124267/align-left
\ No newline at end of file
diff --git a/apps/docs/static/img/jayvee.png b/apps/docs/static/img/jayvee.png
deleted file mode 100644
index 734fc0ec..00000000
Binary files a/apps/docs/static/img/jayvee.png and /dev/null differ
diff --git a/apps/docs/static/img/jayvee.png.license b/apps/docs/static/img/jayvee.png.license
deleted file mode 100644
index 17c5d2ba..00000000
--- a/apps/docs/static/img/jayvee.png.license
+++ /dev/null
@@ -1,3 +0,0 @@
-SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
-
-SPDX-License-Identifier: AGPL-3.0-only
diff --git a/apps/docs/tsconfig.app.json b/apps/docs/tsconfig.app.json
index fde4b9d3..ed7754c7 100644
--- a/apps/docs/tsconfig.app.json
+++ b/apps/docs/tsconfig.app.json
@@ -1,13 +1,16 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "jsx": "react",
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
     "types": ["node"],
-    "lib": ["DOM"],
+    "lib": ["DOM", "ESNext"],
+    "esModuleInterop": true,
+    "skipLibCheck": false,
   },
   "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts", "generator/src/**/*.spec.ts", "generator/src/**/*.test.ts"],
-  "include": ["src/**/*.ts", "generator/src/**/*.ts"],
+  "include": ["src/**/*.ts", "generator/src/**/*.ts", "src/**/*.tsx"],
   "types": [
     "node",
     "@docusaurus/module-type-aliases",
diff --git a/assets/jayvee.xcf b/assets/jayvee.xcf
deleted file mode 100644
index a8f3fd02..00000000
Binary files a/assets/jayvee.xcf and /dev/null differ
diff --git a/assets/jayvee.xcf.license b/assets/jayvee.xcf.license
deleted file mode 100644
index 17c5d2ba..00000000
--- a/assets/jayvee.xcf.license
+++ /dev/null
@@ -1,3 +0,0 @@
-SPDX-FileCopyrightText: 2023 Friedrich-Alexander-Universitat Erlangen-Nurnberg
-
-SPDX-License-Identifier: AGPL-3.0-only
diff --git a/package-lock.json b/package-lock.json
index e8b74136..4e1d81fb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "jayvee",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "jayvee",
-      "version": "0.0.16",
+      "version": "0.0.17",
       "dependencies": {
         "@docusaurus/core": "2.4.1",
         "@docusaurus/preset-classic": "2.4.1",
diff --git a/package.json b/package.json
index e5ed58f4..d6cb916b 100644
--- a/package.json
+++ b/package.json
@@ -98,4 +98,4 @@
       "got": "^11.8.5"
     }
   }
-}
\ No newline at end of file
+}