Updated docs

docs/src/components/HomepageFeatures/index.js

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
+import Ollama4jUIImageCarousel from '@site/src/components/Ollama4jUIImageCarousel';
 
 const FeatureList = [
   {
@@ -161,6 +162,11 @@ export default function HomepageFeatures() {
           </div>
         </div>
       </section>
+      <section className={styles.features}>
+        <div className="container">
+          <Ollama4jUIImageCarousel></Ollama4jUIImageCarousel>
+        </div>
+      </section>
     </>
   );
 }

docs/src/components/Ollama4jUIImageCarousel/index.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import "react-image-gallery/styles/css/image-gallery.css";
+import ImageGallery from "react-image-gallery";
+
+const images = [
+    {
+        original: require('@site/static/img/ollama4j-ui/1.png').default,
+        thumbnail: require('@site/static/img/ollama4j-ui/1.png').default,
+    },
+    {
+        original: require('@site/static/img/ollama4j-ui/2.png').default,
+        thumbnail: require('@site/static/img/ollama4j-ui/2.png').default,
+    },
+    {
+        original: require('@site/static/img/ollama4j-ui/3.png').default,
+        thumbnail: require('@site/static/img/ollama4j-ui/3.png').default,
+    },
+    {
+        original: require('@site/static/img/ollama4j-ui/4.png').default,
+        thumbnail: require('@site/static/img/ollama4j-ui/4.png').default,
+    },
+];
+
+class Ollama4jUIImageCarousel extends React.Component {
+    render() {
+      return (
+        <div style={{ width: '50%', margin: '0 auto' }}>
+            <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}}>
+                <h2>Explore the stuff we have built with Ollama4j</h2>
+                <h4>
+                    <a href="https://github.com/ollama4j/ollama4j-ui" target='_blank'>
+                        Ollama4j UI - Desktop UI built in Java with Swing
+                    </a>
+                </h4>
+            </div>
+          <ImageGallery items={images} />
+        </div>
+      );
+    }
+}
+
+export default Ollama4jUIImageCarousel;