From 1005bfb1f240d383a917068d8bb8bcc33258af27 Mon Sep 17 00:00:00 2001
From: despiegk <kristof@incubaid.com>
Date: Sun, 3 Aug 2025 10:15:40 +0200
Subject: [PATCH] ...

---
 src/content/tech/peer-to-peer-network.md | 16 ++++++++--------
 src/pages/Blog.jsx                       |  4 ++--
 src/pages/BlogPost.jsx                   |  2 +-
 src/pages/Freezone.jsx                   |  2 +-
 src/pages/GetStarted.jsx                 |  8 ++++----
 src/pages/Home.jsx                       |  6 +++---
 src/pages/How.jsx                        |  4 ++--
 src/pages/Technology.jsx                 |  6 +++---
 8 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/content/tech/peer-to-peer-network.md b/src/content/tech/peer-to-peer-network.md
index a38af07..c69c98f 100644
--- a/src/content/tech/peer-to-peer-network.md
+++ b/src/content/tech/peer-to-peer-network.md
@@ -26,7 +26,7 @@ This isn't your imagination. It's how the traditional internet works.
 Right now, even when you message your neighbor, your data likely travels like this:
 **Your Device → ISP → Data Center → ISP → Their Device**
 
-Why? Because we'sre all using centralized services that need to see, store, and control everything we do online. It's like mailing a letter to your next-door neighbor via a post office in another country.
+Why? Because we're all using centralized services that need to see, store, and control everything we do online. It's like mailing a letter to your next-door neighbor via a post office in another country.
 
 ## Here's What Mycelium Actually Changes
 
@@ -78,13 +78,13 @@ Mycelium doesn't replace your internet connection—**it works with it**. Think
 
 ## The Comparison That Makes Sense
 
-| Situation | Traditional Internet | With Mycelium |
-|-----------|---------------------|---------------|
-| **Two neighbors sharing files** | Upload to cloud, then download | Direct 30-second transfer |
-| **Power outage at data center** | Everything breaks | Routes around automatically |
-| **Your private messages** | Stored on server indefinitely | Never stored, just delivered |
-| **Gaming with friends nearby** | 50ms ping to server | Direct 1ms connection |
-| **Sharing vacation photos** | 20 minutes of uploading | 2 minutes direct transfer |
+| Situation                       | Traditional Internet             | With Mycelium               |
+|---------------------------------|----------------------------------|-----------------------------|
+| **Two neighbors sharing files** | Upload to cloud, then download   | Direct 30-second transfer   |
+| **Power outage at data center** | Everything breaks                | Routes around automatically |
+| **Your private messages**       | Stored on server indefinitely    | Never stored, just delivered|
+| **Gaming with friends nearby**  | 50ms ping to server              | Direct 1ms connection       |
+| **Sharing vacation photos**     | 20 minutes of uploading          | 2 minutes direct transfer   |
 
 ## It Uses the Internet, Just Smarter
 
diff --git a/src/pages/Blog.jsx b/src/pages/Blog.jsx
index 783a6b5..00e7cc1 100644
--- a/src/pages/Blog.jsx
+++ b/src/pages/Blog.jsx
@@ -160,7 +160,7 @@ const Blog = () => {
               whileInView={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.8 }}
               viewport={{ once: true }}
-              className="max-w-4xl mx-auto glass-effect rounded-2xl overflow-hidden hover:border-blue-400/30 transition-all duration-300 hover-lift"
+              className="max-w-6xl mx-auto glass-effect rounded-2xl overflow-hidden hover:border-blue-400/30 transition-all duration-300 hover-lift"
             >
               <div className="md:flex">
                 <div className="md:w-1/2">
@@ -310,7 +310,7 @@ const Blog = () => {
 
       {/* Newsletter Signup */}
       <Section background="gradient" padding="xlarge" id="subscribe">
-        <div className="max-w-2xl mx-auto text-center">
+        <div className="max-w-4xl mx-auto text-center">
           <motion.h2 
             className="text-4xl md:text-5xl font-bold text-white mb-6"
             initial={{ opacity: 0, y: 20 }}
diff --git a/src/pages/BlogPost.jsx b/src/pages/BlogPost.jsx
index dcc7948..3c1ab6f 100644
--- a/src/pages/BlogPost.jsx
+++ b/src/pages/BlogPost.jsx
@@ -122,7 +122,7 @@ const BlogPost = () => {
 
   return (
     <div className="min-h-screen bg-gray-900">
-      <div className="container mx-auto px-4 py-8 max-w-4xl">
+      <div className="container mx-auto px-4 py-8 max-w-6xl">
         <div className="mb-8">
           <Link to={getBackLink()}>
             <Button className="bg-gray-800 hover:bg-gray-700 text-white">
diff --git a/src/pages/Freezone.jsx b/src/pages/Freezone.jsx
index 9127f9e..974f2e1 100644
--- a/src/pages/Freezone.jsx
+++ b/src/pages/Freezone.jsx
@@ -81,7 +81,7 @@ const Freezone = () => {
             Why a Digital <span className="text-green-400">Freezone?</span>
           </motion.h2>
           <motion.p
-            className="text-xl text-gray-300 max-w-4xl mx-auto"
+            className="text-xl text-gray-300 max-w-6xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
diff --git a/src/pages/GetStarted.jsx b/src/pages/GetStarted.jsx
index d7988dc..1c07477 100644
--- a/src/pages/GetStarted.jsx
+++ b/src/pages/GetStarted.jsx
@@ -74,7 +74,7 @@ const GetStarted = () => {
             Simple, <span className="text-green-400">Transparent</span> Pricing
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 max-w-3xl mx-auto"
+            className="text-xl text-gray-300 max-w-5xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -84,7 +84,7 @@ const GetStarted = () => {
           </motion.p>
         </div>
 
-        <div className="max-w-2xl mx-auto">
+        <div className="max-w-4xl mx-auto">
           <motion.div
             initial={{ opacity: 0, y: 30 }}
             whileInView={{ opacity: 1, y: 0 }}
@@ -147,7 +147,7 @@ const GetStarted = () => {
             How to <span className="text-blue-400">Get Started</span>
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 max-w-3xl mx-auto"
+            className="text-xl text-gray-300 max-w-5xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -252,7 +252,7 @@ const GetStarted = () => {
             Ready to Reclaim Your <span className="text-green-400">Digital Freedom</span>?
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto"
+            className="text-xl text-gray-300 mb-8 max-w-5xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 27ac75f..7b445a0 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -161,7 +161,7 @@ const Home = () => {
             Why <span className="text-purple-400">HEROs</span> Matter
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 max-w-4xl mx-auto leading-relaxed"
+            className="text-xl text-gray-300 max-w-6xl mx-auto leading-relaxed"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -204,7 +204,7 @@ const Home = () => {
             HERO <span className="text-cyan-400">Capabilities</span>
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 max-w-3xl mx-auto"
+            className="text-xl text-gray-300 max-w-5xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -260,7 +260,7 @@ const Home = () => {
             Ready to Take Control?
           </motion.h2>
           <motion.p 
-            className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto"
+            className="text-xl text-gray-300 mb-8 max-w-5xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
diff --git a/src/pages/How.jsx b/src/pages/How.jsx
index e8db1b5..d03d22d 100644
--- a/src/pages/How.jsx
+++ b/src/pages/How.jsx
@@ -109,7 +109,7 @@ const How = () => {
             The Four <span className="text-blue-400">Core Components</span>
           </motion.h2>
           <motion.p
-            className="text-xl text-gray-300 max-w-4xl mx-auto"
+            className="text-xl text-gray-300 max-w-6xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -216,7 +216,7 @@ const How = () => {
           </motion.h2>
         </div>
 
-        <div className="max-w-4xl mx-auto">
+        <div className="max-w-6xl mx-auto">
           <div className="space-y-8">
             {[
               {
diff --git a/src/pages/Technology.jsx b/src/pages/Technology.jsx
index 3602ec9..bce61fe 100644
--- a/src/pages/Technology.jsx
+++ b/src/pages/Technology.jsx
@@ -160,7 +160,7 @@ const Technology = () => {
             Core <span className="text-blue-400">Technologies</span>
           </motion.h2>
           <motion.p
-            className="text-xl text-gray-300 max-w-4xl mx-auto"
+            className="text-xl text-gray-300 max-w-6xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -220,7 +220,7 @@ const Technology = () => {
             HERO vs <span className="text-red-400">Traditional AI Platforms</span>
           </motion.h2>
           <motion.p
-            className="text-xl text-gray-300 max-w-4xl mx-auto"
+            className="text-xl text-gray-300 max-w-6xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -275,7 +275,7 @@ const Technology = () => {
             Technical <span className="text-purple-400">Architecture</span>
           </motion.h2>
           <motion.p
-            className="text-xl text-gray-300 max-w-4xl mx-auto"
+            className="text-xl text-gray-300 max-w-6xl mx-auto"
             initial={{ opacity: 0, y: 20 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}