ourworld_web/hero_web_try1
26
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
despiegk 2025-08-03 09:37:27 +02:00
parent 9d0ea42900
commit 91efc3c41f
32 changed files with 143 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/App.jsx
View File

@ -23,11 +23,8 @@ function App() {
<Route path="/technology" element={<Technology />} />
<Route path="/freezone" element={<Freezone />} />
<Route path="/blog" element={<Blog />} />
<Route path="/blog/:slug" element={<BlogPost />} />
<Route path="/capability/:slug" element={<BlogPost />} />
<Route path="/blog/:category/:slug" element={<BlogPost />} />
<Route path="/component/:slug" element={<BlogPost />} />
<Route path="/tech/:slug" element={<BlogPost />} />
<Route path="/freezone/:slug" element={<BlogPost />} />
</Routes>
</main>
</div>

4
src/blogs/ai-that-serves-you-the-personal-agent-revolution.md → src/content/blog/ai-that-serves-you-the-personal-agent-revolution.md
View File

@ -4,11 +4,11 @@ author: "HERO Team"
date: "December 8, 2024"
readTime: "7 min read"
tags: ["AI", "Personal Agents", "Technology"]
image: "/src/assets/heart.jpg"
image: "heart.jpg"
description: "Unlike corporate AI that serves shareholders, Personal Agents work exclusively for you. Learn how this changes everything about AI interaction."
featured: false
draft: false
cat: "blog"
slug: "ai-that-serves-you-the-personal-agent-revolution"
---

4
src/blogs/building-trust-in-a-zero-knowledge-world.md → src/content/blog/building-trust-in-a-zero-knowledge-world.md
View File

@ -4,11 +4,11 @@ author: "Dr. Sarah Chen"
date: "December 12, 2024"
readTime: "6 min read"
tags: ["Cryptography", "Zero-Knowledge", "Security"]
image: "/src/assets/balls.jpg"
image: "balls.jpg"
description: "How HERO's zero-knowledge architecture enables trust without compromising privacy. A deep dive into the cryptographic foundations of digital sovereignty."
featured: false
draft: false
cat: "blog"
slug: "building-trust-in-a-zero-knowledge-world"
---

4
src/blogs/capability_communicate.md → src/content/blog/communicate.md
View File

@ -2,8 +2,8 @@
title: "Communicate"
description: "Secure messaging, voice, and video chat — all managed privately by your Personal Agent"
icon: "Brain"
image: "/src/assets/communicate.jpg"
cat: "capability"
image: "communicate.jpg"
order: 1
slug: "communicate"
---

4
src/blogs/capability_create.md → src/content/blog/create.md
View File

@ -2,8 +2,8 @@
title: "Create"
description: "Build documents, videos, and creative assets collaboratively with AI assistance"
icon: "Zap"
image: "/src/assets/heart.jpg"
cat: "capability"
image: "heart.jpg"
order: 2
slug: "create"
---

4
src/blogs/capability_develop.md → src/content/blog/develop.md
View File

@ -2,8 +2,8 @@
title: "Develop"
description: "Build and deploy applications faster with local AI and secure storage"
icon: "Users"
image: "/src/assets/develop.jpg"
cat: "capability"
image: "develop.jpg"
order: 4
slug: "develop"
---

4
src/blogs/capability_discover.md → src/content/blog/discover.md
View File

@ -2,8 +2,8 @@
title: "Discover"
description: "Browse and search using authentic sources and AI assistance while maintaining privacy"
icon: "Shield"
image: "/src/assets/discover.jpg"
cat: "capability"
image: "discover.jpg"
order: 3
slug: "discover"
---

4
src/blogs/from-centralized-to-sovereign-the-evolution-of-digital-identity.md → src/content/blog/from-centralized-to-sovereign-the-evolution-of-digital-identity.md
View File

@ -4,11 +4,11 @@ author: "Alex Rodriguez"
date: "December 10, 2024"
readTime: "5 min read"
tags: ["Identity", "Blockchain", "Sovereignty"]
image: "/src/assets/white_keyb.jpg"
image: "white_keyb.jpg"
description: "Tracing the journey from corporate-controlled identities to blockchain-verified, user-owned digital personas. The future is sovereign."
featured: false
draft: false
cat: "blog"
slug: "from-centralized-to-sovereign-the-evolution-of-digital-identity"
---

4
src/blogs/peer-to-peer-communication-cutting-out-the-middleman.md → src/content/blog/peer-to-peer-communication-cutting-out-the-middleman.md
View File

@ -4,10 +4,10 @@ author: "HERO Team"
date: "December 1, 2024"
readTime: "6 min read"
tags: ["Communication", "P2P", "Privacy"]
image: "/src/assets/heart.jpg"
image: "heart.jpg"
featured: false
draft: false
cat: "blog"
slug: "peer-to-peer-communication-cutting-out-the-middleman"
---

4
src/blogs/quantum-safe-storage-protecting-your-digital-legacy.md → src/content/blog/quantum-safe-storage-protecting-your-digital-legacy.md
View File

@ -4,10 +4,10 @@ author: "Dr. Michael Park"
date: "December 5, 2024"
readTime: "9 min read"
tags: ["Quantum Computing", "Storage", "Security"]
image: "/src/assets/balls.jpg"
image: "balls.jpg"
featured: false
draft: false
cat: "blog"
slug: "quantum-safe-storage-protecting-your-digital-legacy"
---

4
src/blogs/capability_share.md → src/content/blog/share.md
View File

@ -2,8 +2,8 @@
title: "Share"
description: "Distribute content without central platforms — sovereignly and securely"
icon: "Lock"
image: "/src/assets/share.jpg"
cat: "capability"
image: "share.jpg"
order: 5
slug: "share"
---

4
src/blogs/the-economics-of-digital-sovereignty.md → src/content/blog/the-economics-of-digital-sovereignty.md
View File

@ -4,11 +4,11 @@ author: "Emma Thompson"
date: "December 3, 2024"
readTime: "4 min read"
tags: ["Economics", "Privacy", "Value"]
image: "/src/assets/white_keyb.jpg"
image: "white_keyb.jpg"
description: "Why paying $20/month for digital freedom is the best investment you'll ever make. Breaking down the true cost of corporate data harvesting."
featured: false
draft: false
cat: "blog"
slug: "the-economics-of-digital-sovereignty"
---

4
src/blogs/the-future-of-digital-sovereignty-why-personal-agents-matter.md → src/content/blog/the-future-of-digital-sovereignty-why-personal-agents-matter.md
View File

@ -4,11 +4,11 @@ author: "HERO Team"
date: "December 15, 2024"
readTime: "8 min read"
tags: ["Digital Sovereignty", "Privacy", "AI"]
image: "/src/assets/heart.jpg"
image: "heart.jpg"
description: "In an era where tech giants control our digital lives, Personal Agents represent a fundamental shift toward individual sovereignty and privacy. Discover how HERO is leading this revolution."
featured: true
draft: false
cat: "blog"
slug: "the-future-of-digital-sovereignty-why-personal-agents-matter"
---

4
src/blogs/capability_transact.md → src/content/blog/transact.md
View File

@ -2,8 +2,8 @@
title: "Transact"
description: "Send and receive digital value safely and without intermediaries"
icon: "Heart"
image: "/src/assets/transact.jpg"
cat: "capability"
image: "transact.jpg"
order: 6
slug: "transact"
---

4
src/blogs/component_ai-agents-on-your-terms.md → src/content/component/ai-agents-on-your-terms.md
View File

@ -3,10 +3,10 @@ title: "AI Agents on Your Terms"
author: "HERO Team"
date: "2023-10-26"
readTime: "7 min read"
image: "/src/assets/itworks.jpg"
image: "itworks.jpg"
iconname: "Brain"
description: "HERO connects with a wide range of AI agents for research, content creation, and task automation. All computation is done locally or via trusted partners."
tags: ["components", "ai-agents", "how-it-works"]
cat: component
slug: ai-agents-on-your-terms
---

5
src/blogs/component_personal-agent.md → src/content/component/personal-agent.md
View File

@ -3,10 +3,11 @@ title: "Your Personal Agent"
author: "HERO Team"
date: "2023-10-26"
readTime: "5 min read"
image: "/src/assets/balls.jpg"
image: "balls.jpg"
description: "Your HERO acts as your digital assistant, managing messaging, meetings, calendar, documents, tasks, AI interactions, personal identity, credentials, and financial transactions."
tags: ["components", "personal-agent", "how-it-works"]
cat: component
iconname: "User"
order: 1
slug: personal-agent
---

5
src/blogs/component_private-ledger.md → src/content/component/private-ledger.md
View File

@ -3,10 +3,11 @@ title: "A Private Ledger Just for You"
author: "HERO Team"
date: "2023-10-26"
readTime: "8 min read"
image: "/src/assets/tech.jpg"
image: "tech.jpg"
description: "Every HERO maintains a private blockchain ledger that verifies identity, manages access control, tracks interactions, and can communicate securely with other ledgers."
tags: ["components", "ledger", "how-it-works"]
cat: component
iconname: "Key"
order: 4
slug: private-ledger
---

5
src/blogs/component_secure-unbreakable-memory.md → src/content/component/secure-unbreakable-memory.md
View File

@ -3,10 +3,11 @@ title: "Secure, Unbreakable Memory"
author: "HERO Team"
date: "2023-10-26"
readTime: "6 min read"
image: "/src/assets/white_keyb.jpg"
image: "white_keyb.jpg"
description: "Uses a zero-knowledge, quantum-safe dispersal algorithm. Memory is stored across multiple nodes with no single point of failure. You control the geographic placement of your data."
tags: ["components", "memory", "how-it-works"]
cat: component
iconname: "Database"
order: 2
slug: secure-unbreakable-memory
---

2
src/blogs/freezone_dispute-resolution.md → src/content/freezone/dispute-resolution.md
View File

@ -2,7 +2,7 @@
title: Dispute Resolution (AI & People)
slug: dispute-resolution-ai-and-people
description: Explore the innovative dispute resolution mechanisms available within a digital freezone, combining AI efficiency with human oversight.
image: /src/assets/disputeresolution.jpg
image: disputeresolution.jpg
---
Disputes are an inevitable part of any business or personal interaction. A digital freezone introduces a novel approach to dispute resolution, integrating the efficiency of artificial intelligence with the nuanced judgment of human experts, ensuring fair and swift outcomes.

2
src/blogs/freezone_keep-your-assets-safe.md → src/content/freezone/keep-your-assets-safe.md
View File

@ -2,7 +2,7 @@
title: Keep Your Assets Safe Now and in Future
slug: keep-your-assets-safe-now-and-in-future
description: Discover how a digital freezone provides robust protection for your assets against current and future threats.
image: /src/assets/world.jpg
image: world.jpg
---
In an era of increasing digital threats and economic uncertainties, securing your assets is more critical than ever. A digital freezone offers a fortified environment designed to protect your digital wealth, ensuring its safety both today and in the years to come.

2
src/blogs/freezone_legal-and-financial-sovereignty.md → src/content/freezone/legal-and-financial-sovereignty.md
View File

@ -2,7 +2,7 @@
title: Legal and Financial Sovereignty
slug: legal-and-financial-sovereignty
description: Understand how a digital freezone provides unparalleled legal and financial sovereignty for your operations.
image: /src/assets/freezone.jpg
image: freezone.jpg
---
In an increasingly interconnected world, maintaining legal and financial sovereignty is paramount for individuals and businesses alike. Digital freezones offer a revolutionary approach to achieving this, providing a secure and independent environment for your digital assets and operations.

2
src/blogs/freezone_ultimate-convenience-and-features.md → src/content/freezone/ultimate-convenience-and-features.md
View File

@ -2,7 +2,7 @@
title: Ultimate in Convenience and Features
slug: ultimate-in-convenience-and-features
description: Experience unparalleled convenience and a rich suite of features designed to make your business life fun again within a digital freezone.
image: /src/assets/stresssfree.jpg
image: stresssfree.jpg
---
Imagine a business environment where every tool you need is at your fingertips, processes are streamlined, and innovation thrives. A digital freezone delivers this reality, offering an ultimate blend of convenience and advanced features that transform the way you work.

4
src/blogs/tech_blockchain-identity.md → src/content/tech/blockchain-identity.md
View File

@ -3,10 +3,10 @@ title: "Blockchain Identity"
author: "HERO Team"
date: "2023-10-26"
readTime: "7 min read"
image: "/src/assets/heartblue.jpg"
image: "heartblue.jpg"
description: "Cryptographically verified identity system built on blockchain technology. You control your reputation and trust relationships."
tags: ["technology", "blockchain", "identity", "security"]
cat: tech
slug: blockchain-identity
---

4
src/blogs/tech_peer-to-peer-network.md → src/content/tech/peer-to-peer-network.md
View File

@ -3,10 +3,10 @@ title: "Peer-to-Peer Network"
author: "HERO Team"
date: "2023-10-26"
readTime: "6 min read"
image: "/src/assets/sphere.jpg"
image: "sphere.jpg"
description: "Direct communication between HEROs without central servers. Built on distributed protocols that ensure privacy and resilience."
tags: ["technology", "p2p", "network", "communication"]
cat: tech
slug: peer-to-peer-network
---

4
src/blogs/tech_quantum-safe-storage.md → src/content/tech/quantum-safe-storage.md
View File

@ -3,10 +3,10 @@ title: "Quantum-Safe Storage"
author: "HERO Team"
date: "2023-10-26"
readTime: "8 min read"
image: "/src/assets/swarm.jpg"
image: "swarm.jpg"
description: "Post-quantum cryptography protects your data against future quantum computing threats. Memory is dispersed across multiple nodes with no single point of failure."
tags: ["technology", "quantum-safe", "storage", "security"]
cat: tech
slug: quantum-safe-storage
---

4
src/blogs/tech_zero-knowledge-architecture.md → src/content/tech/zero-knowledge-architecture.md
View File

@ -3,10 +3,10 @@ title: "Zero-Knowledge Architecture"
author: "HERO Team"
date: "2023-10-26"
readTime: "7 min read"
image: "/src/assets/person.jpg"
image: "person.jpg"
description: "Advanced cryptographic techniques ensure that even HERO cannot access your data. Your information is encrypted before it leaves your device."
tags: ["technology", "zero-knowledge", "security"]
cat: tech
slug: zero-knowledge-architecture
---

12
src/pages/Blog.jsx
View File

@ -13,7 +13,7 @@ import blogBackground from '../assets/myhero.jpg';
import defaultPostImage from '../assets/myhero.jpg'; // Using an existing image as a fallback
// Use Vite's import.meta.glob to import all markdown files
const modules = import.meta.glob('../blogs/*.md', { query: '?raw', import: 'default', eager: true });
const modules = import.meta.glob('../content/blog/*.md', { query: '?raw', import: 'default', eager: true });
const Blog = () => {
const [posts, setPosts] = useState([]);
@ -31,12 +31,10 @@ const Blog = () => {
// Extract slug from filename
const slug = path.split('/').pop().replace('.md', '');
// Only include posts that are not drafts and have cat="blog"
if (frontmatter.draft !== true && frontmatter.cat === 'blog') {
if (frontmatter.draft !== true) {
loadedPosts.push({
...frontmatter,
slug,
// Ensure image path is correct for Vite, use defaultPostImage as fallback
image: frontmatter.image ? new URL(frontmatter.image, import.meta.url).href : defaultPostImage
});
}
@ -155,7 +153,7 @@ const Blog = () => {
</motion.h2>
</div>
<Link to={`/blog/${displayFeaturedPost.slug}`} className="block">
<Link to={`/blog/blog/${displayFeaturedPost.slug}`} className="block">
<motion.article
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
@ -253,7 +251,7 @@ const Blog = () => {
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
{blogPosts.map((post) => (
<Link to={`/blog/${post.slug}`} className="block" key={post.slug}>
<Link to={`/blog/blog/${post.slug}`} className="block" key={post.slug}>
<motion.article
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
@ -271,7 +269,7 @@ const Blog = () => {
</div>
<div className="p-6">
<div className="flex flex-wrap gap-2 mb-3">
{post.tags.slice(0, 2).map((tag) => (
{post.tags?.slice(0, 2).map((tag) => (
<span
key={tag}
className="px-2 py-1 bg-purple-600/20 text-purple-400 text-xs rounded-full"

97
src/pages/BlogPost.jsx
View File

@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { useParams, Link } from 'react-router-dom';
import { useParams, Link, useLocation } from 'react-router-dom';
import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm';
import matter from 'gray-matter';
@ -7,8 +7,11 @@ import { ArrowLeft, Calendar, User, Tag } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Buffer } from 'buffer'; // Explicitly import Buffer
const imageModules = import.meta.glob('../assets/*.jpg', { eager: true, import: 'default' });
const BlogPost = () => {
const { slug } = useParams();
const { category, slug } = useParams(); // category will be undefined for /component/:slug
const location = useLocation();
const [post, setPost] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
@ -16,27 +19,54 @@ const BlogPost = () => {
useEffect(() => {
const loadPost = async () => {
try {
const allModules = import.meta.glob('../blogs/*.md', { query: '?raw', import: 'default', eager: true });
let foundPost = null;
let contentModule;
let basePath;
let currentSlug = slug; // Use slug from useParams
for (const path in allModules) {
const content = allModules[path];
const { data: frontmatter, content: markdownContent } = matter(content);
// Generate slug from filename if not present in frontmatter
const postSlug = frontmatter.slug || path.split('/').pop().replace('.md', '');
// Determine content type based on pathname
const pathSegments = location.pathname.split('/').filter(Boolean);
let contentType = '';
// Check if the generated slug matches the URL slug
if (postSlug === slug) {
foundPost = { frontmatter, content: markdownContent };
break;
}
}
if (foundPost) {
setPost(foundPost);
if (pathSegments[0] === 'blog' && pathSegments.length >= 3) {
contentType = 'blog';
// For blog posts, category is the second segment, slug is the third
currentSlug = pathSegments[2];
basePath = `../content/blog/${pathSegments[1]}/`; // blog/:category/:slug
} else if (pathSegments[0] === 'component' && pathSegments.length >= 2) {
contentType = 'component';
currentSlug = pathSegments[1]; // component/:slug
basePath = '../content/component/';
} else if (pathSegments[0] === 'technology' && pathSegments.length >= 2) {
contentType = 'tech';
currentSlug = pathSegments[1];
basePath = '../content/tech/';
} else if (pathSegments[0] === 'freezone' && pathSegments.length >= 2) {
contentType = 'freezone';
currentSlug = pathSegments[1];
basePath = '../content/freezone/';
} else {
setError('Post not found');
setError('Invalid URL path for content.');
setLoading(false);
return;
}
try {
const modules = import.meta.glob('../content/**/*.md', { as: 'raw', eager: true });
const fullPath = `${basePath}${currentSlug}.md`;
contentModule = modules[fullPath];
if (!contentModule) {
throw new Error(`Markdown file not found at ${fullPath}`);
}
const { data: frontmatter, content: markdownContent } = matter(contentModule);
// Resolve image path
const resolvedImage = frontmatter.image ? imageModules[`../assets/${frontmatter.image}`] : null;
setPost({ frontmatter: { ...frontmatter, image: resolvedImage }, content: markdownContent, contentType }); // Store contentType and resolved image with post
} catch (err) {
setError(`Failed to load content: ${err.message}. Please ensure the file exists and is correctly formatted.`);
}
} catch (err) {
setError(err.message);
@ -46,7 +76,7 @@ const BlogPost = () => {
};
loadPost();
}, [slug]);
}, [location.pathname, slug]); // Depend on pathname and slug
if (loading) {
return (
@ -64,14 +94,33 @@ const BlogPost = () => {
);
}
const getBackLink = () => {
// Use post.contentType to determine the back link
if (!post || !post.contentType) {
return '/'; // Default to home if content type is unknown
}
switch (post.contentType) {
case 'component':
return '/how';
case 'blog':
return '/blog';
case 'tech':
return '/technology';
case 'freezone':
return '/freezone';
default:
return '/';
}
};
return (
<div className="min-h-screen bg-gray-900">
<div className="container mx-auto px-4 py-8 max-w-4xl">
<div className="mb-8">
<Link to="/">
<Link to={getBackLink()}>
<Button className="bg-gray-800 hover:bg-gray-700 text-white">
<ArrowLeft className="mr-2 h-4 w-4" />
Back
Back to {post?.contentType ? post.contentType.charAt(0).toUpperCase() + post.contentType.slice(1) : 'Previous Page'}
</Button>
</Link>
</div>
@ -161,4 +210,4 @@ const BlogPost = () => {
);
};
export default BlogPost;
export default BlogPost;

4
src/pages/Freezone.jsx
View File

@ -15,7 +15,7 @@ const disputeresolutionImage = new URL('../assets/disputeresolution.jpg', import
const stresssfreeImage = new URL('../assets/stresssfree.jpg', import.meta.url).href;
// Use Vite's import.meta.glob to import all freezone markdown files
const freezoneModules = import.meta.glob('../blogs/freezone_*.md', { query: '?raw', import: 'default', eager: true });
const freezoneModules = import.meta.glob('../content/freezone/*.md', { query: '?raw', import: 'default', eager: true });
const Freezone = () => {
const [articles, setArticles] = useState([]);
@ -155,7 +155,7 @@ const Freezone = () => {
))
) : (
articles.map((article, index) => (
<Link key={index} to={`/freezone/${article.slug}`} className="block">
<Link key={index} to={`/blog/freezone/${article.slug}`} className="block">
<FeatureCard
icon={article.icon}
title={article.title}

64
src/pages/How.jsx
View File

@ -8,14 +8,13 @@ import FeatureCard from '../components/FeatureCard';
import matter from 'gray-matter'; // Import matter
// Import images
import agentImage from '../assets/balls.jpg'; // AI Agent Creation
import memoryImage from '../assets/white_keyb.jpg'; // Digital privacy/memory
import ledgerImage from '../assets/tech.jpg'; // Blockchain visualization
import networkImage from '../assets/itworks.jpg'; // Main background image
import itworksTechImage from '../assets/itworks_tech.jpg'; // Maximum security section image
import networkImage from '../assets/itworks.jpg'; // Main background image
// Use Vite's import.meta.glob to import all component markdown files
const componentModules = import.meta.glob('../blogs/component_*.md', { as: 'raw', eager: true });
// Use Vite's import.meta.glob to import all component markdown files and images
const componentModules = import.meta.glob('../content/component/*.md', { as: 'raw', eager: true });
const imageModules = import.meta.glob('../assets/*.jpg', { eager: true, import: 'default' });
const iconComponents = { User, Shield, Brain, Network, Database, Key };
const How = () => {
const [components, setComponents] = useState([]);
@ -30,27 +29,15 @@ const How = () => {
const content = componentModules[path];
const { data: frontmatter } = matter(content);
// Map icon strings to actual components
const iconMap = {
'User': <User size={32} />,
'Database': <Database size={32} />,
'Brain': <Brain size={32} />,
'Key': <Key size={32} />
};
// Map image paths to actual imports
const imageMap = {
'/src/assets/balls.jpg': agentImage,
'/src/assets/white_keyb.jpg': memoryImage,
'/src/assets/itworks.jpg': networkImage,
'/src/assets/tech.jpg': ledgerImage
};
const IconComponent = iconComponents[frontmatter.iconname];
const imagePath = `../assets/${frontmatter.image}`; // Construct full path
const importedImage = imageModules[imagePath];
loadedComponents.push({
icon: iconMap[frontmatter.icon] || <User size={32} />,
icon: IconComponent ? <IconComponent size={32} /> : <User size={32} />,
title: frontmatter.title,
description: frontmatter.description,
image: imageMap[frontmatter.image] || agentImage,
image: importedImage,
order: frontmatter.order || 999,
slug: frontmatter.slug || frontmatter.title.toLowerCase().replace(/\s+/g, '-')
});
@ -61,37 +48,6 @@ const How = () => {
setComponents(loadedComponents);
} catch (error) {
console.error('Error loading components:', error);
// Fallback to static data if loading fails (optional, but good for robustness)
setComponents([
{
icon: <User size={32} />,
title: "Your Personal Agent",
description: "Your HERO acts as your digital assistant, managing messaging, meetings, calendar, documents, tasks, AI interactions, personal identity, credentials, and financial transactions.",
image: agentImage,
slug: "personal-agent"
},
{
icon: <Database size={32} />,
title: "Secure, Unbreakable Memory",
description: "Uses a zero-knowledge, quantum-safe dispersal algorithm. Memory is stored across multiple nodes with no single point of failure. You control the geographic placement of your data.",
image: memoryImage,
slug: "secure-unbreakable-memory"
},
{
icon: <Brain size={32} />,
title: "AI Agents on Your Terms",
description: "HERO connects with a wide range of AI agents for research, content creation, and task automation. All computation is done locally or via trusted partners.",
image: networkImage,
slug: "ai-agents-on-your-terms"
},
{
icon: <Key size={32} />,
title: "A Private Ledger Just for You",
description: "Every HERO maintains a private blockchain ledger that verifies identity, manages access control, tracks interactions, and can communicate securely with other ledgers.",
image: ledgerImage,
slug: "private-ledger"
}
]);
} finally {
setLoading(false);
}

4
src/pages/Technology.jsx
View File

@ -15,7 +15,7 @@ import securityImage from '../assets/person.jpg'; // Digital privacy
import swarmImage from '../assets/swarm.jpg'; // AI Agent Creation
// Use Vite's import.meta.glob to import all tech markdown files
const techModules = import.meta.glob('../blogs/tech_*.md', { query: '?raw', import: 'default', eager: true });
const techModules = import.meta.glob('../content/tech/*.md', { query: '?raw', import: 'default', eager: true });
const Technology = () => {
const [technologies, setTechnologies] = useState([]);
@ -225,7 +225,7 @@ const Technology = () => {
))
) : (
technologies.map((spec, index) => (
<Link key={index} to={`/tech/${spec.slug}`} className="block">
<Link key={index} to={`/blog/tech/${spec.slug}`} className="block">
<FeatureCard
icon={spec.icon}
title={spec.title}

1
vite.config.js
View File

@ -6,6 +6,7 @@ import path from 'path'
// https://vite.dev/config/
export default defineConfig({
plugins: [react(),tailwindcss()],
assetsInclude: ['**/*.md'],
define: {
global: 'window',
'process.env': {}, // Define process.env as an empty object