...

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/"

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">

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>

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 = [

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>

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: {