Release version 0.3.95

### Changes since v0.3.94

* Release version 0.3.94

Author: Tom Softreck

README.md

@@ -92,7 +92,7 @@ chmod +x bin/reactstream-analyze.js
 3. **ESLint errors**
 
    If you see ESLint errors, make sure you have a valid `.eslintrc.js` file in your project root.
-4. 
+
 ## Commands
 
 ReactStream now provides a unified command interface with subcommands:
@@ -101,6 +101,7 @@ ReactStream now provides a unified command interface with subcommands:
 reactstream <command> [options] [arguments]
 ```
 
+
 ### analyze
 
 Analyze React components for issues and best practices.
@@ -132,8 +133,18 @@ reactstream serve <component1.js> [component2.js...] [options]
 - `--port=<port>`: Specify the port to run the server on (default: 3000)
 
 **Examples:**
+
+
+![img_2.png](img/img_2.png)
+
 ```bash
 reactstream serve MyComponent.js
+```
+
+![img_1.png](img/img_1.png)
+
+
+```bash
 reactstream serve src/components/Button.js src/components/Card.js --port=8080
 ```
 

index.html

@@ -13,8 +13,8 @@
 <header class="bg-white shadow-sm">
     <div class="container mx-auto px-4 py-4 flex justify-between items-center">
         <div class="flex items-center">
-            <img src="/api/placeholder/48/48" alt="ReactStream Logo" class="h-12 w-auto mr-4">
-            <span class="text-2xl font-bold text-indigo-600">ReactStream</span>
+            <img src="img/logo-reactstream1.svg" alt="ReactStream Logo" class="h-12 w-auto mr-4">
+            <!--            <span class="text-2xl font-bold text-indigo-600">ReactStream</span>-->
         </div>
         <nav class="hidden md:flex space-x-10">
             <a href="#features" class="text-gray-600 hover:text-indigo-600 transition">Features</a>
@@ -39,6 +39,7 @@
                 <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
                     Streamline Your React Development
                 </h1>
+
                 <p class="text-xl text-gray-300 mb-8">
                     ReactStream is a comprehensive CLI toolkit that analyzes your components and helps you debug
                     effectively—all in one seamless workflow.
@@ -85,6 +86,26 @@ <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
     </div>
 </section>
 
+<section class="py-20 md:py-32">
+    <div class="container mx-auto px-4">
+
+        <img src="img/logo-reactstream1.svg" alt="ReactStream Logo" class="w-auto mr-4">
+        <p></p>
+
+        <div class="text-center mb-16">
+            <h2 class="text-3xl font-bold mb-4">Start in console</h2>
+            <img src="img/serve-console.png" alt="ReactStream Logo" class="w-auto mr-4">
+        </div>
+
+        <p></p>
+        <div class="text-center mb-16">
+            <h2 class="text-3xl font-bold mb-4">and ... go to browser</h2>
+            <img src="img/serve-browser.png" alt="ReactStream Logo" class="w-auto mr-4">
+        </div>
+
+    </div>
+</section>
+
 <!-- Include other sections as separate components -->
 <div id="features-container"></div>
 <div id="how-it-works-container"></div>