From ef881d5671a529453486ce560fedfebe8b6e37ce Mon Sep 17 00:00:00 2001
From: despiegk <kristof@incubaid.com>
Date: Sun, 3 Aug 2025 12:43:04 +0200
Subject: [PATCH] ...

---
 build.sh                       | 16 ++++++++++++++++
 src/App.jsx                    |  2 +-
 src/components/HeroSection.jsx |  4 +++-
 src/pages/GetStarted.jsx       | 11 ++++++-----
 src/pages/Home.jsx             | 23 ++++++++---------------
 vite.config.js                 |  1 +
 6 files changed, 35 insertions(+), 22 deletions(-)
 create mode 100755 build.sh

diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..1c013fd
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,16 @@
+#!/bin/bash
+cd "$(dirname "$0")"
+
+PREFIX="ourhero"
+
+echo "building for folder: /$PREFIX/"
+export VITE_APP_BASE_URL="/$PREFIX"
+
+pnpm install --frozen-lockfile
+pnpm run build
+
+# local mirror (optional)
+rsync -rav --delete dist/ "${HOME}/hero/var/www/$PREFIX/"
+
+# deploy to threefold server
+rsync -avz --delete dist/ "root@threefold.info:/root/hero/www/info/$PREFIX/"
\ No newline at end of file
diff --git a/src/App.jsx b/src/App.jsx
index 8757aa9..968160d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -12,7 +12,7 @@ import './App.css';
 
 function App() {
   return (
-    <Router>
+    <Router basename={import.meta.env.VITE_APP_BASE_URL}>
       <div className="dark min-h-screen bg-black text-white">
         <Navigation />
         <main className="pt-20">
diff --git a/src/components/HeroSection.jsx b/src/components/HeroSection.jsx
index 7cf50c7..bbcb55f 100644
--- a/src/components/HeroSection.jsx
+++ b/src/components/HeroSection.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
 import { Button } from '@/components/ui/button';
+import { useNavigate } from 'react-router-dom';
 
 const HeroSection = ({
   title,
@@ -12,6 +13,7 @@ const HeroSection = ({
   showVideo = false,
   videoEmbed = null
 }) => {
+  const navigate = useNavigate();
   return (
     <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
       {/* Background Image/Video */}
@@ -82,7 +84,7 @@ const HeroSection = ({
             <Button 
               size="lg" 
               className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300 transform hover:scale-105"
-              onClick={() => window.location.href = ctaLink}
+              onClick={() => navigate(ctaLink)}
             >
               {ctaText}
             </Button>
diff --git a/src/pages/GetStarted.jsx b/src/pages/GetStarted.jsx
index b25f654..4d17ea7 100644
--- a/src/pages/GetStarted.jsx
+++ b/src/pages/GetStarted.jsx
@@ -11,18 +11,19 @@ import securityImage from '../assets/sphere.jpg'; // Digital privacy
 
 const GetStarted = () => {
   const features = [
+    "Operate in the Freezone with complete digital sovereignty",
+    "Own and control your digital assets",
+    "Collaborate with built-in dispute resolution mechanisms",
+    "Collaborate globally without intermediaries",
     "Complete digital sovereignty and data ownership",
-    "Quantum-safe memory storage across multiple nodes", 
+    "Quantum-safe memory storage across multiple nodes",
     "Private AI agent access and local processing",
     "Secure peer-to-peer communication",
-    "Blockchain-verified identity and reputation",
     "Geographic data placement control",
-    "Zero-knowledge architecture",
     "24/7 Personal Agent assistance",
     "Unlimited secure storage",
     "Cross-platform compatibility",
-    "Regular security updates",
-    "Community support and resources"
+  
   ];
 
   const steps = [
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 7b445a0..2a3ba9d 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -9,13 +9,7 @@ import { Button } from '@/components/ui/button';
 import matter from 'gray-matter';
 
 // Import images
-import networkImage from '../assets/discover.jpg'; // Connected lines
-import heartTechImage from '../assets/heart.jpg'; // Technology heart
 import humanConnectionImage from '../assets/myherozoom.png'; // Digital human connection
-import privacyImage from '../assets/share.jpg'; // Digital privacy
-import transactImage from '../assets/transact.jpg'; // Digital transaction
-import developImage from '../assets/develop.jpg'; // Development scene
-import communicateImage from '../assets/communicate.jpg'; // Communication scene
 
 // Use Vite's import.meta.glob to import all home content markdown files and images
 const homeModules = import.meta.glob('../content/home/*.md', { as: 'raw', eager: true });
@@ -95,8 +89,6 @@ const Home = () => {
             title="HERO BACK 2"
           />
         }
-        ctaText="Start Your Journey"
-        ctaLink="/get-started"
       />
 
       {/* What is HERO Section */}
@@ -274,13 +266,14 @@ const Home = () => {
             transition={{ duration: 0.6, delay: 0.4 }}
             viewport={{ once: true }}
           >
-            <Button 
-              size="lg" 
-              className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white px-12 py-4 text-lg font-semibold rounded-lg transition-all duration-300 transform hover:scale-105 pulse-glow"
-              onClick={() => window.location.href = '/get-started'}
-            >
-              Get Started Today
-            </Button>
+            <Link to="/get-started">
+              <Button
+                size="lg"
+                className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white px-12 py-4 text-lg font-semibold rounded-lg transition-all duration-300 transform hover:scale-105 pulse-glow"
+              >
+                Get Started Today
+              </Button>
+            </Link>
           </motion.div>
         </div>
       </Section>
diff --git a/vite.config.js b/vite.config.js
index aea3bbe..efcdc0b 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,6 +5,7 @@ import path from 'path'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: process.env.VITE_APP_BASE_URL || '/',
   plugins: [react(),tailwindcss()],
   assetsInclude: ['**/*.md'],
   define: {