...
This commit is contained in:
parent
5c7609355a
commit
1005bfb1f2
@ -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
|
||||
|
||||
|
@ -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 }}
|
||||
|
@ -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">
|
||||
|
@ -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 }}
|
||||
|
@ -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 }}
|
||||
|
@ -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 }}
|
||||
|
@ -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">
|
||||
{[
|
||||
{
|
||||
|
@ -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 }}
|
||||
|
Loading…
Reference in New Issue
Block a user