Merge pull request #311 from SheetMetalConnect/claude/add-hosted-version-page-axylp

Add hosted version page and callout to docs

Author: SheetMetalConnect

website/src/components/override-components/Hero.astro

@@ -22,11 +22,11 @@ const is404 = Astro.locals.starlightRoute?.id === "404";
     class="hero relative z-10 flex flex-col items-center mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-35"
   >
     <a
-      href="#" 
+      href="/introduction/"
       class="mb-6 inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary ring-1 ring-inset ring-primary/20 hover:bg-primary/20 transition-colors"
     >
       <span class="mr-2 inline-block h-2 w-2 rounded-full bg-primary animate-pulse"></span>
-      Beta 0.1 Releasing January 15th 2025
+      We're live! Free during early access — read the docs to get started
     </a>
     {title && <h1 set:html={title} class="mb-8 text-center rounded-2xl" />}
     {tagline && <p set:html={tagline} class="text-xl text-center" />}

website/src/components/override-components/PageFrame.astro

@@ -58,16 +58,6 @@ const { hasSidebar } = Astro.locals.starlightRoute;
   {hasSidebar && <SidebarNav />}
   <div class="main-frame">
     <div class="container flex relative">
-      {
-        hasSidebar && (
-           <div class="fixed top-[4.5rem] left-0 right-0 z-40 lg:left-[var(--sl-sidebar-width)] pointer-events-none p-4">
-              <div class="bg-amber-500/10 border border-amber-500/20 text-amber-500 px-4 py-2 rounded-lg text-sm font-medium flex items-center justify-center pointer-events-auto backdrop-blur-sm max-w-2xl mx-auto shadow-lg">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/></svg>
-                Current State: ALPHA - Use at your own risk / Work in Progress
-              </div>
-           </div>
-        )
-      }
       {
         hasSidebar && (
           <nav
@@ -124,12 +114,7 @@ const { hasSidebar } = Astro.locals.starlightRoute;
     }
 
     :global([data-has-sidebar]) .main-frame {
-      padding-top: 2rem;
-    }
-    @media (max-width: 1156px) {
-      :global([data-has-sidebar]) .main-frame {
-        padding-top: 4rem;
-      }
+      padding-top: 1rem;
     }
 
     .sidebar-pane {

website/src/config/sidebar.json

@@ -4,7 +4,8 @@
       "label": "Getting Started",
       "items": [
         { "label": "Introduction", "slug": "introduction" },
-        { "label": "Quick Start", "slug": "guides/quick-start" }
+        { "label": "Quick Start", "slug": "guides/quick-start" },
+        { "label": "Hosted Version", "slug": "hosted-version" }
       ]
     },
     {

website/src/content/docs/hosted-version.md

@@ -0,0 +1,103 @@
+---
+title: Hosted Version
+description: Information about the hosted demo, early access, and future plans for Eryxon MES.
+---
+
+:::note[Early Access]
+Heads up – this is an early version. Free during early access, but expect some bugs or downtime.
+:::
+
+## Hosted Demo
+
+Try Eryxon MES online with the hosted demo at [app.eryxon.eu](https://app.eryxon.eu). This is a limited version for evaluation and educational purposes only.
+
+### Demo Limitations
+
+| Feature | Limitation |
+|---------|------------|
+| Jobs | Limited number of jobs |
+| Parts | Limited parts per job |
+| Storage | Limited file storage for STEP/PDF files |
+| API Access | Limited API requests |
+| Support | Documentation only |
+
+The hosted demo is intended for:
+- **Evaluation** – Test the system before self-hosting
+- **Education** – Learn how manufacturing execution systems work
+- **Development** – Test integrations before deploying to your own instance
+
+For production use, [self-host Eryxon MES](/guides/self-hosting) on your own infrastructure.
+
+---
+
+## Future Plans
+
+### Paid Hosted Version (Q2 2025)
+
+In Q2 2025, a paid hosted version may become available if there is enough interest. This would include:
+
+- **Full production capacity** – No limits on jobs, parts, or storage
+- **AI Features** – Agentic processes, chatbots, and intelligent automation
+- **Priority support** – Direct support channels
+- **Managed infrastructure** – We handle backups, updates, and scaling
+
+:::tip[Interested?]
+If you're interested in a paid hosted version, let us know by reaching out via the contact information on the [main website](https://eryxon.eu).
+:::
+
+---
+
+## Licensing
+
+Eryxon MES is licensed under the **Business Source License 1.1** (BSL 1.1).
+
+### What You Can Do
+
+- **Self-host** for your own internal business operations, regardless of organization size
+- **Evaluate and test** for development and educational purposes
+- **Offer services** – Consulting, integration, or customization services to help others with their own self-hosted instances
+- **Create derivative works** for your own internal use
+- **Fork and modify** for your own manufacturing operations
+
+### What You Cannot Do
+
+- Offer the Licensed Work as a **hosted SaaS** that competes with or substitutes for the Licensor's commercial hosting offering
+
+### Open Source Conversion
+
+After four years from publication, each version automatically converts to the **Apache License 2.0**, becoming fully open source.
+
+For the complete license text, see the [LICENSE file](https://github.com/SheetMetalConnect/eryxon-flow/blob/main/LICENSE) in the repository.
+
+---
+
+## Early Access Notices
+
+The hosted demo is currently in early access. Here's what that means:
+
+- **Free to use** during the early access period
+- **Bugs may occur** – We're actively developing and improving
+- **Downtime possible** – We may need to restart services for updates
+- **Data may be reset** – Demo data is not guaranteed to persist
+- **Features may change** – The interface and functionality may evolve
+
+### Multilingual Notice
+
+**English:** Heads up – this is an early version. Free during early access, but expect some bugs or downtime.
+
+**Dutch:** Even een heads-up – dit is een vroege versie. Gratis tijdens early access, maar bugs of downtime kunnen voorkomen.
+
+**German:** Kurz zur Info – das ist eine frühe Version. Kostenlos während Early Access, aber Bugs oder Ausfälle sind möglich.
+
+---
+
+## Self-Hosting Alternative
+
+If you need a production-ready system without limitations, consider [self-hosting Eryxon MES](/guides/self-hosting). Self-hosting gives you:
+
+- Complete control over your data
+- No usage limits
+- Custom configuration options
+- Integration with your existing infrastructure
+
+The self-hosting guide provides step-by-step instructions for deploying Eryxon MES on your own servers or cloud infrastructure.

website/src/content/docs/index.mdx

@@ -7,11 +7,15 @@ hero:
     MES for <span class="text-primary">Job Shops</span>
   tagline: Open source production tracking for custom manufacturing. Real-time operator terminals, capacity planning, and ERP integration.
   actions:
+    - text: Try Demo
+      link: https://app.eryxon.eu
+      icon: external
+      variant: primary
     - text: Get Started
       link: /guides/quick-start/
       icon: right-arrow
-      variant: primary
-    - text: View on GitHub
+      variant: minimal
+    - text: GitHub
       link: https://github.com/SheetMetalConnect/eryxon-flow
       icon: external
       variant: minimal
@@ -169,6 +173,51 @@ import ListCard from "~/components/user-components/ListCard.astro";
   </div>
 </Section>
 
+<Section title="<span class='text-primary'>Hosted</span> Demo">
+  <div class="bg-dark/50 p-8 rounded-2xl border border-white/5 mb-8">
+    <div class="grid md:grid-cols-2 gap-8 items-center">
+      <div>
+        <h3 class="text-2xl font-bold mb-4">Try it Online</h3>
+        <p class="text-yellow-400 text-sm mb-4 flex items-center gap-2">
+          ⚠️ Early Access – Free during early access, but expect some bugs or downtime.
+        </p>
+        <p class="text-gray-400 mb-6">
+          Test Eryxon Flow with our hosted demo. Limited usage for evaluation and educational purposes only.
+        </p>
+        <div class="space-y-3 text-sm">
+          <div class="flex items-center gap-3 text-gray-400">
+            <span>• Limited jobs and parts</span>
+          </div>
+          <div class="flex items-center gap-3 text-gray-400">
+            <span>• Limited storage</span>
+          </div>
+          <div class="flex items-center gap-3 text-gray-400">
+            <span>• Limited API access</span>
+          </div>
+          <div class="flex items-center gap-3 text-gray-400">
+            <span>• Documentation support only</span>
+          </div>
+        </div>
+      </div>
+      <div class="text-center space-y-4">
+        <LinkButton href="https://app.eryxon.eu" variant="primary">
+          Try Hosted Demo
+        </LinkButton>
+        <br/>
+        <LinkButton href="/hosted-version/" variant="minimal">
+          Learn More About Hosted Options
+        </LinkButton>
+      </div>
+    </div>
+  </div>
+  <div class="bg-blue-900/20 p-6 rounded-xl border border-blue-500/20">
+    <h4 class="text-lg font-semibold mb-2">Paid Hosted Version (Q2 2025)</h4>
+    <p class="text-gray-400 text-sm">
+      A paid hosted version with full production capacity and AI features (agentic processes, chatbots) may become available in Q2 2025 if there is enough interest.
+    </p>
+  </div>
+</Section>
+
 <Section title="Support & <span class='text-primary'>Services</span>">
   <Grid columns={2}>
     <Card title="Community Support" icon="seti:github" iconColor="#4a9eff">
@@ -177,7 +226,7 @@ import ListCard from "~/components/user-components/ListCard.astro";
       <strong>GitHub Issues:</strong> Bug reports<br/>
       <strong>Documentation:</strong> <a href="/introduction/" class="text-primary hover:underline">/docs</a> folder
     </Card>
-    
+
     <Card title="Professional Services" icon="seti:notebook" iconColor="#4a9eff">
       Need help with complex deployments?
       <br/><br/>

website/src/content/docs/introduction.md

@@ -3,6 +3,10 @@ title: Welcome to Eryxon MES
 description: The simple, elegant and powerful manufacturing execution system that your people will love to use. Made for metals fabrication.
 ---
 
+:::note[Early Access]
+Heads up – this is an early version. Free during early access, but expect some bugs or downtime. [Try the demo](https://app.eryxon.eu) or see the [Hosted Version](/hosted-version) page for details.
+:::
+
 **The simple, elegant and powerful manufacturing execution system that your people will love to use. Made for metals fabrication.**
 
 ## What It Does