refactored the root page and the about page

content/about/_index.md

@@ -1,17 +1,15 @@
 ---
 title: "About"
-description: "Kaoto is the next generation integration designer to easily edit and deploy as an alternative to the traditional IDE. Kaoto supports multiple Domain Specific Languages (DSL) like Kamelets, Pipes and Apache Camel routes."
+description: "Kaoto is the next generation integration designer to easily create and edit Apache Camel integrations as an alternative to the traditional IDE. Kaoto supports multiple Domain Specific Languages (DSL) like Kamelets, Pipes and Apache Camel routes."
 draft: false
 ---
 
-Kaoto is an acronym for **Ka**mel **O**rchestration **To**ol. Kaoto is a low code and no code integration designer to edit and deploy based on [Apache Camel](https://camel.apache.org/). It is designed to be extendable and flexible and adaptable to different usecases. [You can find statistics and history of Kaoto here](/timeline).
+Kaoto is an acronym for **Ka**mel **O**rchestration **To**ol. Kaoto is a low code and no code integration designer to create and edit integrations based on [Apache Camel](https://camel.apache.org/). It is designed to be extendable and flexible and adaptable to different usecases. [You can find statistics and history of Kaoto here](/timeline).
 
-The user interface has both a source code editor and a drag and drop graphical editor. When a change is done in one of them, the other gets updated automatically. This way users can choose to work both no-code or low-code.
+The user interface has both a source code editor and a drag and drop graphical editor. When a change is done in one of them, the other gets updated automatically on saving. This way users can choose to work both no-code or low-code.
 
-![Kaoto in action](/images/about/low-code-kaoto.webp)
+![Kaoto showcasing low code approach](/images/low-code-kaoto.gif "Kaoto showcasing low code approach")
 
-Kaoto can load catalogs of building blocks from different sources. By default, Kaoto supports the official [Kamelet catalog](https://camel.apache.org/camel-kamelets). There is also a [growing support for Camel connectors](https://github.com/KaotoIO/camel-component-metadata). You can configure your own catalog of steps (using the official Kamelet catalog or using your own).
+Kaoto offers a rich catalog of building blocks for use in the graphical designer. By default, Kaoto supports the official upstream [Camel Catalog](https://camel.apache.org/components/next/) as well as the official [Kamelet catalog](https://camel.apache.org/camel-kamelets). In future we also want to offer configuring your own catalog of steps and to also configure the Apache Camel version to be used.
 
-![Catalog of steps](/images/about/step-replacement.webp)
-
-The Kaoto team is also working on full [support for cloud-native Apache Camel deployments via Camel-K](https://github.com/KaotoIO/kaoto-backend/issues/10).
+![Kaoto showcasing the catalog component](/images/catalog.gif "Kaoto showcasing the catalog component")

data/about.yml

@@ -13,7 +13,7 @@ work_process:
 
   - title : "Latest News"
     icon : "images/icons/print.png"
-    content : "Follow our news in [Twitter](https://twitter.com/kaotoio)"
+    content : "Follow our news on [X](https://twitter.com/kaotoio)"
 
 # team
 team:

data/homepage.yml

@@ -1,13 +1,13 @@
 # banner
 banner:
   title : 'Kaoto'
-  body: 'Camel Integration Editor'
+  body: 'Integration Editor for Apache Camel'
   subText: 'Free & Open Source now and forever'
 
 # about
 about:
   enable : true
-  content : "Kaoto is an editor to create and deploy integrations for Apache Camel in a visual, low-code way; with developer-friendly features like a code editor and deployments to the cloud. Kaoto augments user productivity via Zero-ETL: it accelerates new users and helps experienced developers."
+  content : "Kaoto is an editor to create integrations using Apache Camel in a visual, low-code way; with developer-friendly features like a code editor. Kaoto augments user productivity via Zero-ETL: it accelerates new users and helps experienced developers."
 
   button:
     enable : true
@@ -42,13 +42,13 @@ experience:
   item: 
     - logo : 'images/experience/icon-1.png'
       title : 'Graphic Editor'
-      company : 'Create the flow visually and see how the code grows into a route. Or modify the code and see how the flow looks like.'
-      duration : 'Create flows without opening an IDE. '
+      company : 'Create integrations visually and watch how the code gets generated. Or modify the code and see how the visualization looks like.'
+      duration : 'Create integrations easily'
 
     - logo : 'images/experience/icon-2.png'
       title : 'Low Code and No Code'
-      company : 'Create and deploy integrations to Kubernetes clusters without writing a single line of code.'
-      duration : 'Camel deployment'
+      company : 'Create integrations without writing a single line of code.'
+      duration : 'Apache Camel focused'
 
     - logo : 'images/experience/icon-1.png'
       title : 'Support multiple DSL'
@@ -60,31 +60,30 @@ education:
   enable : true
   title : 'Why Kaoto'
   item:
-    - title : 'Cloud Native'
-      year : 'Kubernetes'
-      academy : "Use it as standalone or as a service in the cloud, seamlessly deploying your integrations to Kubernetes clusters. Don't stop at editing: deploy, debug, and monitor your integration workflows. Built-in support for Camel K to deploy Apache Camel integrations."
-
-    - title : 'Fully Extendable'
-      year : 'Customizable'
-      academy : 'Support custom views for your specific needs. Add your own DSL and extensions. Include custom views and building blocks for more complex needs. Show manuals and helpers for your use cases. Automate discovery of resources.'
-
-    - title : 'Free Libre and Open Source Forever'
-      year : 'FLOSS heart'
-      academy : 'Truly open with no vendor lock-in. Use, reuse, share, modify, and resell to your needs. Own Kaoto and make it yours, making sure your use cases are covered.'
-
+    - title : 'Using the power of Apache Camel'
+      year : 'Camel at Heart'
+      academy : "Kaoto utilizes the Apache Camel models and schemas to always offer you all available upstream Camel features."
+
+    - title : 'VS Code Extension'
+      year : 'Local Development'
+      academy : 'We provide Kaoto as an extension you can install from the Microsoft Marketplace. This adds even more functionality that complements the Kaoto editor very well.'
+
     - title : 'Care about developers'
       year : 'LCNC: Low Code and No Code'
       academy : 'You can seamlessly switch between any IDE and Kaoto, allowing mixed teams and converting low code integrators to developers. Keep control of the code at all times with our built-in code editor that stays in sync with the visualization.'
 
+    - title : 'Free Libre and Open Source Forever'
+      year : 'FLOSS heart'
+      academy : 'Truly open with no vendor lock-in. Use, reuse, share, modify, and resell to your needs. Own Kaoto and make it yours, making sure your use cases are covered.'
+
 # service
 service:
   enable : false
   title : 'Services'
   item:
     - title : 'Fully Extendable'
       icon : 'ti-palette'
-      content : 'Create your own custom views and building blocks to handle more complex business needs. No rebuilding
-      required.'
+      content : 'Create your own custom views and building blocks to handle more complex business needs. No rebuilding required.'
       highlighted : false
 
 # portfolio

layouts/shortcodes/video.html

@@ -0,0 +1,68 @@
+{{- /*  hugo-video shortcode
+  /*
+  /*    This file is part of hugo-video shortcode.
+  /*    A Hugo component shortcode to embed videos using the HTML video element.
+  /*
+  /*    @copyright  @2019 onwards Nicolas Martignoni ([email protected])
+  /*    @source     https://github.com/martignoni/hugo-video
+  /*    @license    https://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+  /*
+  */ -}}
+
+  {{- $video_src := .Get "src" -}}
+  {{- $video_mp4 := "" -}}
+  {{- $video_webm := "" -}}
+  {{- $video_ogg := "" -}}
+  {{- $video_dl := "" -}}
+  {{- $width := "100%" -}}
+  {{- $filenotfound := true -}}
+  {{- $unsupportedfile := true -}}
+
+  {{- /* Find all files with filename (without suffix) matching "src" parameter. */ -}}
+  {{- $video_files := (.Page.Resources.Match (printf "%s*" $video_src)) -}}
+
+  {{- /* Find first image file with filename (without suffix) matching "src" parameter. */ -}}
+  {{- $poster := ((.Page.Resources.ByType "image").GetMatch (printf "%s*" $video_src)) -}}
+
+  {{- /* Find in page bundle all valid video files with matching name. */ -}}
+  {{- with $video_files -}}
+    {{- $filenotfound = false -}}
+    {{- range . -}}
+      {{- if or (in .MediaType.Suffixes "mp4") (in .MediaType.Suffixes "m4v") -}}
+        {{- $unsupportedfile = false -}}
+        {{- $video_mp4 = . -}}
+      {{- end -}}
+      {{- if (in .MediaType.Suffixes "webm") -}}
+        {{- $unsupportedfile = false -}}
+        {{- $video_webm = . -}}
+      {{- end -}}
+      {{- if (in .MediaType.Suffixes "ogv") -}}
+        {{- $unsupportedfile = false -}}
+        {{- $video_ogg = . -}}
+      {{- end -}}
+    {{- end -}}
+  {{- end -}}
+
+  {{- if $filenotfound -}}
+    {{- /* No file of given name was found, we stop here. */ -}}
+    {{- errorf "No file with filename %q found." $video_src -}}
+  {{- else if $unsupportedfile -}}
+    {{- errorf "No valid video file with filename %q found." $video_src -}}
+  {{- else -}}
+  <video {{ if ne (.Get "controls") "false" }}controls {{ end }}preload="auto" width="{{ or (.Get "width") $width }}" {{ with .Get "height" }}height="{{.}}"{{ end }} {{ if eq (.Get "autoplay") "true" }}autoplay {{ end }}{{ if eq (.Get "loop") "true" }}loop {{ end }}{{ if eq (.Get "muted") "true" }}muted {{ end }}{{ with $poster }}poster="{{ .RelPermalink }}" {{ end }}playsinline class="html-video">
+    {{- with $video_webm }}
+      <source src="{{ .RelPermalink }}" type="video/webm">
+      {{- $video_dl = . -}}
+    {{- end }}
+    {{- with $video_ogg }}
+      <source src="{{ .RelPermalink }}" type="video/ogg">
+      {{- $video_dl = . -}}
+    {{- end }}
+    {{- with $video_mp4 }}
+      <source src="{{ .RelPermalink }}" type="video/mp4">
+      {{- $video_dl = . -}}
+    {{- end }}
+    <span>{{ i18n "videoUnsupported" $video_dl | safeHTML}}</span>
+  </video>
+  {{- end -}}
+