...

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 |
+| Situation                       | Traditional Internet             | With Mycelium               |
-|-----------|---------------------|---------------|
+|---------------------------------|----------------------------------|-----------------------------|
-| **Two neighbors sharing files** | Upload to cloud, then download | Direct 30-second transfer |
+| **Two neighbors sharing files** | Upload to cloud, then download   | Direct 30-second transfer   |
-| **Power outage at data center** | Everything breaks | Routes around automatically |
+| **Power outage at data center** | Everything breaks                | Routes around automatically |
-| **Your private messages** | Stored on server indefinitely | Never stored, just delivered |
+| **Your private messages**       | Stored on server indefinitely    | Never stored, just delivered|
-| **Gaming with friends nearby** | 50ms ping to server | Direct 1ms connection |
+| **Gaming with friends nearby**  | 50ms ping to server              | Direct 1ms connection       |
-| **Sharing vacation photos** | 20 minutes of uploading | 2 minutes direct transfer |
+| **Sharing vacation photos**     | 20 minutes of uploading          | 2 minutes direct transfer   |
 
 ## It Uses the Internet, Just Smarter
 

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

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

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

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

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

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

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