forked from emre/www_projectmycelium_com
feat: simplify network page messaging and update feature descriptions
- Streamlined hero and features sections with clearer, more direct value propositions - Updated network capabilities to emphasize unified connectivity over technical details - Replaced technical feature descriptions with user-focused benefits (DNS, VPN, publishing, AI)
This commit is contained in:
@@ -18,10 +18,10 @@ export function Features() {
|
||||
<Eyebrow>Core Components</Eyebrow>
|
||||
<H3>Network Capabilities</H3>
|
||||
<P className="mt-4 max-w-4xl text-lg text-gray-600">
|
||||
Built for resilience and autonomy, the Mycelium Network dynamically connects nodes through intelligent routing, proxy discovery, and decentralized delivery.
|
||||
Built for resilience, performance, and autonomy.
|
||||
</P>
|
||||
<P className="mt-4 max-w-4xl text-lg text-gray-600">
|
||||
Each component — from message passing to content distribution — works in harmony to create a fully self-healing, self-optimizing data mesh.
|
||||
<P className="mt-4 max-w-3xl text-lg text-gray-600">
|
||||
Nodes connect through intelligent routing, peer discovery, and decentralized delivery to create a continuously optimized data mesh.
|
||||
</P>
|
||||
<div className="mt-8 grid grid-cols-1 gap-x-4 gap-y-8 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
|
||||
<div className="group relative lg:col-span-3 transition-all duration-300 ease-in-out hover:scale-105">
|
||||
|
||||
@@ -80,22 +80,20 @@ export function Hero() {
|
||||
<div className="flex flex-col-reverse gap-y-16 lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20 px-6 lg:px-8">
|
||||
<div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6">
|
||||
<H3 className="mb-4">
|
||||
Mycelium Network
|
||||
MYCELIUM NETWORK
|
||||
</H3>
|
||||
<CT className="mt-8 font-medium text-gray-600 ">
|
||||
Encrypted Peer-to-Peer Connectivity Across the Globe
|
||||
The Network Stack for Private, Autonomous Networking
|
||||
</CT>
|
||||
<P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
|
||||
Mycelium Network provides an unbreakable sovereign IPv6 mesh that connects people, nodes, and applications directly, with no central servers.
|
||||
Connect once. Get private networking, censorship-resistant publishing, and on-network AI in one encrypted fabric.
|
||||
</P>
|
||||
<P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
|
||||
Works Alone. Works Together.
|
||||
Mycelium Network can be used standalone, or together with Mycelium Cloud
|
||||
for full-stack sovereignty.
|
||||
Your Pod is your personal gateway to the network.
|
||||
</P>
|
||||
<div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">
|
||||
<Button to="/download" variant="solid" color="cyan">
|
||||
Get Mycelium Connector
|
||||
Get Started
|
||||
</Button>
|
||||
<Button to="/download" variant="outline" color="cyan">
|
||||
Explore Docs
|
||||
|
||||
@@ -23,17 +23,15 @@ export function NetworkCapabilities() {
|
||||
<Eyebrow>WHAT IT ENABLES</Eyebrow>
|
||||
|
||||
<H4 className="mt-6 text-white">
|
||||
A Private Networking Layer for Everything You Run
|
||||
One Network. Many Capabilities.
|
||||
</H4>
|
||||
|
||||
<P className="mt-6 text-gray-200">
|
||||
Mycelium Network is the backbone for secure, autonomous connectivity
|
||||
across devices, data centers, clusters, and self-hosted environments — anywhere in the world.
|
||||
One network for all your connectivity needs.
|
||||
</P>
|
||||
|
||||
<P className="mt-3 text-lg text-gray-200">
|
||||
Every node gets its own encrypted identity and address space, forming a
|
||||
zero-trust mesh without any centralized controller.
|
||||
Mycelium replaces separate layers like VPNs, hosting, and DNS with a single encrypted, peer-to-peer system that links devices, apps, and environments directly.
|
||||
</P>
|
||||
</div>
|
||||
|
||||
@@ -47,7 +45,7 @@ export function NetworkCapabilities() {
|
||||
End-to-End Encrypted Mesh
|
||||
</h3>
|
||||
<p className="mt-2 text-gray-200 max-w-2xl">
|
||||
Every packet is encrypted and routed peer-to-peer — no intermediaries, no sniffing, no compromise.
|
||||
Every packet is encrypted and routed peer-to-peer. No intermediaries, no data sniffing, no compromise.
|
||||
</p>
|
||||
<div className="mt-8 h-px w-full bg-cyan-500/50" />
|
||||
</div>
|
||||
@@ -59,7 +57,7 @@ export function NetworkCapabilities() {
|
||||
Global IPv6 Address Space
|
||||
</h3>
|
||||
<p className="mt-2 text-gray-200 max-w-2xl">
|
||||
Every node, app, and microservice gets an address — solving discovery, routing, and NAT issues forever.
|
||||
Every node, app, and microservice gets a unique global address. Permanently solves discovery, routing, and NAT issues.
|
||||
</p>
|
||||
<div className="mt-8 h-px w-full bg-cyan-500/50" />
|
||||
</div>
|
||||
@@ -68,10 +66,10 @@ export function NetworkCapabilities() {
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold text-white flex items-center">
|
||||
<ArrowPathRoundedSquareIcon className="h-6 w-6 text-cyan-500 mr-3" />
|
||||
Self-Healing Routing
|
||||
Dynamic Pathfinding
|
||||
</h3>
|
||||
<p className="mt-2 text-gray-200 max-w-2xl">
|
||||
Traffic automatically finds the fastest path, dynamically re-routing around failures or congestion.
|
||||
Traffic automatically finds the fastest route, re-routing around failures or congestion in real time.
|
||||
</p>
|
||||
<div className="mt-8 h-px w-full bg-cyan-500/50" />
|
||||
</div>
|
||||
@@ -83,7 +81,7 @@ export function NetworkCapabilities() {
|
||||
No Central Control
|
||||
</h3>
|
||||
<p className="mt-2 text-gray-200 max-w-2xl">
|
||||
No servers to trust, no corporate choke points, and no authority that can turn you off.
|
||||
No corporate servers, no authority that can disable or censor the network.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -264,7 +264,7 @@ function FeaturesDesktop() {
|
||||
{feature.name}
|
||||
</Tab>
|
||||
</FeatureTitle>
|
||||
<FeatureDescription color="secondary" className="mt-2">
|
||||
<FeatureDescription color="white" className="mt-2">
|
||||
{feature.description}
|
||||
</FeatureDescription>
|
||||
</div>
|
||||
@@ -419,9 +419,7 @@ export function PrimaryFeatures() {
|
||||
How Mycelium Operates
|
||||
</SectionHeader>
|
||||
<P color="light" className="mt-6">
|
||||
Mycelium, like its natural namesake, thrives on decentralization,
|
||||
efficiency, and security, making it a truly powerful force in the world
|
||||
of decentralized networks.
|
||||
Your device connects to an encrypted peer-to-peer mesh that automatically handles routing, discovery, and communication.
|
||||
</P>
|
||||
</div>
|
||||
</Container>
|
||||
|
||||
@@ -4,41 +4,41 @@ import { CP } from '@/components/Texts'
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Quantum Safe Storage Functionality',
|
||||
name: 'Sovereign DNS',
|
||||
description:
|
||||
"Mycelium's quantum safe storage enables flexible, scalable, and efficient data distribution across a decentralized network, ensuring redundancy and security.",
|
||||
icon: DeviceArrowIcon,
|
||||
},
|
||||
{
|
||||
name: 'Entry and Exit Points for AI Workloads',
|
||||
description:
|
||||
'Seamlessly connect AI applications to Mycelium, providing optimized and secured data pipelines for training, inference, and real-time processing.',
|
||||
icon: DeviceCardsIcon,
|
||||
},
|
||||
{
|
||||
name: 'Data Storage and Retrieval Mechanisms',
|
||||
description:
|
||||
'Users can choose between storing data locally for quick access or utilizing the distributed grid for enhanced scalability and resilience.',
|
||||
icon: DeviceClockIcon,
|
||||
},
|
||||
{
|
||||
name: 'Integrated Name Services (DNS)',
|
||||
description:
|
||||
'The Integrated DNS system efficiently finds the shortest path between users and websites, automatically balancing loads and identifying alternative routes in case of internet issues.',
|
||||
'Human-readable names secured by your keypair, not a registrar. Unblockable discovery, private namespaces, and instant resolution across PODs.',
|
||||
icon: DeviceListIcon,
|
||||
},
|
||||
{
|
||||
name: 'Frontend/Backend Integration',
|
||||
name: 'Integrated VPN (Desktop)',
|
||||
description:
|
||||
'Mycelium provides seamless integration with existing applications, enabling developers to leverage decentralized storage across both frontend and backend architectures.',
|
||||
'Connect securely from anywhere. No setup and no servers needed. Peer-to-peer routing delivers local speed and global reach.',
|
||||
icon: DeviceLockIcon,
|
||||
},
|
||||
{
|
||||
name: 'CDN (Content Delivery Network)',
|
||||
name: 'Unstoppable Publishing',
|
||||
description:
|
||||
'Mycelium accelerates data distribution by acting as a decentralized CDN, ensuring fast, secure, and efficient content delivery across global nodes with minimal latency.',
|
||||
'Host sites or services directly from your POD. Signed content, geo-aware delivery, and built-in resistance to takedowns.',
|
||||
icon: DeviceChartIcon,
|
||||
},
|
||||
{
|
||||
name: 'AI-Driven Search',
|
||||
description:
|
||||
'Private, semantic search across your own data and sites. Indexes locally, shares results securely, and retrieves instantly on-edge.',
|
||||
icon: DeviceArrowIcon,
|
||||
},
|
||||
{
|
||||
name: 'Private Chat',
|
||||
description:
|
||||
'Peer-to-peer messaging with zero metadata and zero servers. Works offline through nearby peers and is encrypted end-to-end.',
|
||||
icon: DeviceCardsIcon,
|
||||
},
|
||||
{
|
||||
name: 'On-Network AI',
|
||||
description:
|
||||
'Run LLMs and AI tools directly inside the network. Keep data local, distribute workloads, and build your own autonomous agents.',
|
||||
icon: DeviceClockIcon,
|
||||
},
|
||||
]
|
||||
|
||||
function DeviceArrowIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
|
||||
|
||||
Reference in New Issue
Block a user