From 9ae2f3bbcb575f37ab05429da81874905c02bc1a Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Sat, 13 Sep 2025 18:51:15 +0200 Subject: [PATCH] ok --- src/app/(main)/page.tsx | 11 +- src/components/Benefits.tsx | 60 -------- src/components/ClickableGallery.tsx | 6 +- src/components/StackSection.tsx | 10 +- src/components/Steps.tsx | 64 +++++++++ src/components/UseCases.tsx | 199 ++++---------------------- src/components/logos/NousResearch.tsx | 3 - 7 files changed, 102 insertions(+), 251 deletions(-) delete mode 100644 src/components/Benefits.tsx create mode 100644 src/components/Steps.tsx delete mode 100644 src/components/logos/NousResearch.tsx diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 08d22d9..9fca531 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -1,12 +1,8 @@ import { CallToAction } from '@/components/CallToAction' import { Faqs } from '@/components/Faqs' -import { Hero } from '@/components/Hero' -import { Pricing } from '@/components/Pricing' -import { PrimaryFeatures } from '@/components/PrimaryFeatures' import { UseCases } from '@/components/UseCases' import { SecondaryFeatures } from '@/components/SecondaryFeatures' -import { Benefits } from '@/components/Benefits' -import { About } from '@/components/About' +import { Steps } from '@/components/Steps' import { HomeHero } from '@/components/HomeHero' import { HomeAbout } from '@/components/HomeAbout' import { ClickableGallery } from '@/components/ClickableGallery' @@ -20,10 +16,9 @@ export default function Home() { + - - - + diff --git a/src/components/Benefits.tsx b/src/components/Benefits.tsx deleted file mode 100644 index 19877b5..0000000 --- a/src/components/Benefits.tsx +++ /dev/null @@ -1,60 +0,0 @@ -'use client' - -import React, { useEffect, useMemo, useRef, useState } from 'react' -import clsx from 'clsx' -import { useInView } from 'framer-motion' -import { Container } from '@/components/Container' - - - - - -const features = [ - { - name: 'Decentralization', - description: 'Designed to operate in a decentralized manner, it connects nodes and enables efficient data transfer and communication without relying on a single central authority.', - }, - { - name: 'Efficiency', - description: - 'Mycelium provides an efficient digital communication network where data travels along the most efficient paths, reducing latency and optimizing resource utilization.', - }, - { - name: 'Resilience', - description: - 'Inspired by nature\'s resilience, it creates a network that can adapt and continue to function even in the presence of challenges, ensuring uninterrupted communication.', - }, -] - -export function Benefits() { - return ( -
-
-
-

- Nature's Blueprint for Digital Connectivity -

-

- Just as nature's mycelium network serves as a critical component in the ecosystems of forests, connecting trees and plants underground, the Mycelium technology offers reliable connectivity in an efficient and resilient way. -

-
-
    - {features.map((feature) => ( -
  • - {feature.name} -

    {feature.name}

    -

    {feature.description}

    -
    • - ))} -
-
-
- ) -} diff --git a/src/components/ClickableGallery.tsx b/src/components/ClickableGallery.tsx index 2f81cad..7e48f03 100644 --- a/src/components/ClickableGallery.tsx +++ b/src/components/ClickableGallery.tsx @@ -24,10 +24,10 @@ const galleryItems = [ // 🔧 Carousel Config const VISIBLE = 4 -const CARD_SIZE = 450 // square size on desktop -const GAP = 380 // spacing for larger cards +const CARD_SIZE = 360 // square size on desktop +const GAP = 300 // spacing for larger cards const ROT_Y = 18 -const DEPTH = 260 +const DEPTH = 210 const SCALE_DROP = 0.12 const AUTOPLAY_MS = 3200 diff --git a/src/components/StackSection.tsx b/src/components/StackSection.tsx index ef9a264..4a2d496 100644 --- a/src/components/StackSection.tsx +++ b/src/components/StackSection.tsx @@ -28,15 +28,7 @@ export function StackSectionPreview() { The Mycelium Stack - -

- Mycelium is a fully integrated, vertical stack for sovereign and decentralized AI. It provides the foundation for a new generation of agentic applications, giving you full control over your data and intelligence. -

- + +
+
+

+ Deploy Scalable, Decentralized LLMs and AI Agents in Seconds +

+

+ Launch and scale intelligence on your own terms. Mycelium Cloud makes it simple to deploy models, integrate knowledge, and run everything on a network you control. +

+
+
    + {features.map((feature) => ( +
  • + {feature.name} + {feature.name} + {feature.description} +
    • + ))} +
+
+ + ) +} diff --git a/src/components/UseCases.tsx b/src/components/UseCases.tsx index a338d3a..766a996 100644 --- a/src/components/UseCases.tsx +++ b/src/components/UseCases.tsx @@ -5,20 +5,13 @@ import clsx from 'clsx' import { useInView } from 'framer-motion' import { ArchiveBoxIcon, - ChatBubbleBottomCenterIcon, - CloudIcon, CodeBracketIcon, - ComputerDesktopIcon, CpuChipIcon, - DocumentIcon, - EnvelopeIcon, GlobeAltIcon, - GlobeAmericasIcon, - PlayCircleIcon, + MagnifyingGlassIcon, ShareIcon, - EyeSlashIcon, UserGroupIcon, - VideoCameraIcon, + CheckBadgeIcon, } from '@heroicons/react/24/solid' import { Container } from '@/components/Container' @@ -26,189 +19,59 @@ import { Container } from '@/components/Container' interface Review { title: string body: string - author: string - rating: 1 | 2 | 3 | 4 | 5 } const reviews: Array = [ { - title: 'Secure remote work collaboration.', - body: 'Mycelium provides a secure, encrypted network for a wide range of use cases, from private communication to decentralized infrastructure.', - author: 'CrazyInvestor', - rating: 5, + title: 'FungiStor: Long-Term AI Memory', + body: 'Quantum-safe permanent storage preserving AI knowledge forever. Zero-knowledge architecture with mathematical dispersal ensures immortality.', }, { - title: 'Private file sharing between trusted nodes.', - body: 'Mycelium enables private file sharing between trusted nodes, ensuring that sensitive information remains confidential and secure.', - author: 'CluelessButRich', - rating: 5, + title: 'HeroDB: Active AI Memory', + body: 'High-performance datastore for AI working memory. Multi-modal indexing enables vector search with global accessibility.', }, { - title: 'Encrypted voice/video calls.', - body: 'Mycelium enables secure voice and video calls between users, ensuring that conversations remain private and protected from eavesdropping.', - author: 'LivingDaDream', - rating: 5, + title: 'MOS Sandboxes: Secure Agent Workspaces', + body: 'Lightweight isolated environments deploying globally in five seconds. Hardware-level isolation ensures maximum security for agents.', }, { - title: 'Self-hosted messaging systems.', - body: 'Mycelium allows users to create their own self-hosted messaging systems, ensuring complete control over their communications.', - author: 'JordanBelfort1962', - rating: 5, + title: 'Mycelium Mesh: Secure Communication Network', + body: 'Peer-to-peer overlay network with end-to-end encryption. Self-healing shortest-path routing creates resilient agentic communication.', }, { - title: 'Secure document collaboration.', - body: 'Mycelium enables secure document collaboration between users, ensuring that sensitive information remains confidential and protected.', - author: 'MrBurns', - rating: 5, + title: 'Deterministic Deployment: Verifiable Code Execution', + body: 'Cryptographic guarantee system ensuring deployed code matches specifications. Prevents supply-chain attacks with immutable trails.', }, { - title: 'Private cloud computing resources.', - body: 'Mycelium provides private cloud computing resources, allowing users to run their applications in a secure and isolated environment.', - author: 'LazyRich99', - rating: 5, + title: 'Agent Coordination: Sovereign Workflow Management', + body: 'User-centric orchestration where HERO agents coordinate worker fleets. Planetary-scale coordination with instant spawning.', }, { - title: 'Secure IoT device networks.', - body: 'Mycelium provides secure IoT device networks, ensuring that all connected devices can communicate privately and securely.', - author: 'SarahLuvzCash', - rating: 5, + title: 'Universal Interface Layer: AI Service Gateway', + body: 'Unified broker connecting agents to LLMs, APIs, and services. Integrated micropayments simplify development.', }, { - title: 'Remote system administration.', - body: 'Mycelium enables secure remote system administration, allowing users to manage their systems from anywhere without compromising security.', - author: 'ScroogeMcduck', - rating: 5, - }, - { - title: 'Virtual private networks (VPNs).', - body: 'Mycelium enables the creation of virtual private networks (VPNs), allowing users to securely connect to remote networks and access resources without compromising their privacy.', - author: 'BruceWayne', - rating: 5, - }, - { - title: 'Secure backup systems.', - body: 'Mycelium provides secure backup systems, ensuring that users can easily and safely back up their important data without the risk of unauthorized access.', - author: 'RichieRich', - rating: 5, - }, - { - title: 'Self-hosted web services.', - body: 'Mycelium allows users to create their own self-hosted web services, ensuring complete control over their data and applications.', - author: 'TheCountOfMonteChristo', - rating: 5, - }, - { - title: 'Private file sharing between trusted nodes.', - body: 'Mycelium enables private file sharing between trusted nodes, ensuring that sensitive information remains confidential and secure.', - author: 'ClarkKent', - rating: 5, - }, - { - title: 'Private DNS systems.', - body: 'Mycelium enables the creation of private DNS systems, allowing users to maintain control over their domain name resolution and protect their privacy.', - author: 'GeorgeCostanza', - rating: 5, - }, - { - title: 'Personal email servers.', - body: 'Mycelium allows users to create their own personal email servers, ensuring complete control over their communications and data.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Secure document collaboration.', - body: 'Mycelium enables secure document collaboration between users, ensuring that sensitive information remains confidential and protected.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Private media streaming.', - body: 'Mycelium enables private media streaming between users, ensuring that sensitive content remains confidential and protected.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Personal cloud storage.', - body: 'Mycelium allows users to create their own personal cloud storage solutions, ensuring complete control over their data and privacy.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Personal email servers.', - body: 'Mycelium allows users to create their own personal email servers, ensuring complete control over their communications and data.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Protected content distribution.', - body: 'Mycelium enables protected content distribution, allowing users to securely share and distribute sensitive information without compromising its confidentiality.', - author: 'JeffBezos', - rating: 5, - }, - { - title: 'Secure game servers.', - body: 'Mycelium enables the creation of secure game servers, allowing users to host and manage their own gaming environments with complete control over their data and privacy.', - author: 'JeffBezos', - rating: 5, - }, { - title: 'Private git repositories.', - body: 'Mycelium enables the creation of private git repositories, allowing users to host and manage their own version control systems with complete control over their data and privacy.', - author: 'JeffBezos', - rating: 5, + title: 'Semantic Index & Search: Navigable Knowledge Fabric', + body: 'Transforms data chaos into unified knowledge graphs. Goes beyond keywords to understand meaning and context.', }, ] -function StarIcon(props: React.ComponentPropsWithoutRef<'svg'>) { - return ( - - ) -} - -function StarRating({ rating }: { rating: Review['rating'] }) { - return ( -
- {[...Array(5).keys()].map((index) => ( - index ? 'fill-cyan-500' : 'fill-gray-300', - )} - /> - ))} -
- ) -} function getReviewIcon(title: string) { - if (title.toLowerCase().includes('collaboration')) return UserGroupIcon; - if (title.toLowerCase().includes('file sharing')) return ShareIcon; - if (title.toLowerCase().includes('voice') || title.toLowerCase().includes('video')) return VideoCameraIcon; - if (title.toLowerCase().includes('messaging')) return ChatBubbleBottomCenterIcon; - if (title.toLowerCase().includes('document')) return DocumentIcon; - if (title.toLowerCase().includes('cloud')) return CloudIcon; - if (title.toLowerCase().includes('iot')) return CpuChipIcon; - if (title.toLowerCase().includes('administration')) return ComputerDesktopIcon; - if (title.toLowerCase().includes('vpn')) return GlobeAmericasIcon; - if (title.toLowerCase().includes('backup')) return ArchiveBoxIcon; - if (title.toLowerCase().includes('web services')) return GlobeAltIcon; - if (title.toLowerCase().includes('dns')) return GlobeAmericasIcon; - if (title.toLowerCase().includes('email')) return EnvelopeIcon; - if (title.toLowerCase().includes('media streaming') || title.toLowerCase().includes('streaming')) return PlayCircleIcon; - if (title.toLowerCase().includes('storage')) return CloudIcon; - if (title.toLowerCase().includes('distribution')) return EyeSlashIcon; - if (title.toLowerCase().includes('game')) return ComputerDesktopIcon; - if (title.toLowerCase().includes('git')) return CodeBracketIcon; - return ComputerDesktopIcon; // default + if (title.startsWith('FungiStor')) return ArchiveBoxIcon; + if (title.startsWith('HeroDB')) return CpuChipIcon; + if (title.startsWith('MOS Sandboxes')) return CodeBracketIcon; + if (title.startsWith('Mycelium Mesh')) return ShareIcon; + if (title.startsWith('Deterministic Deployment')) return CheckBadgeIcon; + if (title.startsWith('Agent Coordination')) return UserGroupIcon; + if (title.startsWith('Universal Interface Layer')) return GlobeAltIcon; + if (title.startsWith('Semantic Index & Search')) return MagnifyingGlassIcon; + return GlobeAltIcon; // default } function Review({ title, body, - author, - rating, className, ...props }: Omit, keyof Review> & Review) { @@ -342,8 +205,8 @@ function ReviewGrid() { /> )} -
-
+
+
) } @@ -361,10 +224,10 @@ export function UseCases() { id="usecases-title" className="text-3xl font-medium tracking-tight text-gray-900 sm:text-center" > - Powering Secure & Decentralized Connectivity + Coming Soon: The Future of Mycelium

- The ThreeFold Dashboard offers dozens of applications with built-in Mycelium support, making it easy to deploy and utilize. Once installed, Mycelium provides a secure, encrypted network for a wide range of use cases, from private communication to decentralized infrastructure. + Mycelium Cloud is evolving to bring even more powerful decentralized features, designed to enhance your experience and expand possibilities. Be the first to explore what's coming next by staying connected with our latest updates.

diff --git a/src/components/logos/NousResearch.tsx b/src/components/logos/NousResearch.tsx deleted file mode 100644 index 3f5f405..0000000 --- a/src/components/logos/NousResearch.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import { NousResearch } from '@lobehub/icons'; - -export default () => ;