diff --git a/public/images/testpic.png b/public/images/testpic.png new file mode 100644 index 0000000..034dcf7 Binary files /dev/null and b/public/images/testpic.png differ diff --git a/src/pages/agents/AgentsHero.tsx b/src/pages/agents/archive/AgentsHero.tsx similarity index 96% rename from src/pages/agents/AgentsHero.tsx rename to src/pages/agents/archive/AgentsHero.tsx index 76ba096..08c0519 100644 --- a/src/pages/agents/AgentsHero.tsx +++ b/src/pages/agents/archive/AgentsHero.tsx @@ -2,9 +2,9 @@ import { useId, useState } from 'react' -import { Button } from '../../components/Button' -import { Container } from '../../components/Container' -import ContactForm from '../../components/ContactForm' +import { Button } from '../../../components/Button' +import { Container } from '../../../components/Container' +import ContactForm from '../../../components/ContactForm' function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) { const id = useId() diff --git a/src/pages/agents/AgentsHeroAlt.tsx b/src/pages/agents/archive/AgentsHeroAlt.tsx similarity index 100% rename from src/pages/agents/AgentsHeroAlt.tsx rename to src/pages/agents/archive/AgentsHeroAlt.tsx diff --git a/src/pages/cloud/CloudCTA.tsx b/src/pages/cloud/archive/CloudCTA.tsx similarity index 100% rename from src/pages/cloud/CloudCTA.tsx rename to src/pages/cloud/archive/CloudCTA.tsx diff --git a/src/pages/cloud/CloudDesign.tsx b/src/pages/cloud/archive/CloudDesign.tsx similarity index 100% rename from src/pages/cloud/CloudDesign.tsx rename to src/pages/cloud/archive/CloudDesign.tsx diff --git a/src/pages/cloud/CloudGettingStarted.tsx b/src/pages/cloud/archive/CloudGettingStarted.tsx similarity index 100% rename from src/pages/cloud/CloudGettingStarted.tsx rename to src/pages/cloud/archive/CloudGettingStarted.tsx diff --git a/src/pages/cloud/CloudHero.tsx b/src/pages/cloud/archive/CloudHero.tsx similarity index 100% rename from src/pages/cloud/CloudHero.tsx rename to src/pages/cloud/archive/CloudHero.tsx diff --git a/src/pages/cloud/CloudHeroAlt.tsx b/src/pages/cloud/archive/CloudHeroAlt.tsx similarity index 100% rename from src/pages/cloud/CloudHeroAlt.tsx rename to src/pages/cloud/archive/CloudHeroAlt.tsx diff --git a/src/pages/cloud/CloudOverview.tsx b/src/pages/cloud/archive/CloudOverview.tsx similarity index 100% rename from src/pages/cloud/CloudOverview.tsx rename to src/pages/cloud/archive/CloudOverview.tsx diff --git a/src/pages/cloud/ComputeStorageSplit.tsx b/src/pages/cloud/archive/ComputeStorageSplit.tsx similarity index 100% rename from src/pages/cloud/ComputeStorageSplit.tsx rename to src/pages/cloud/archive/ComputeStorageSplit.tsx diff --git a/src/pages/cloud/SecurityPillars.tsx b/src/pages/cloud/archive/SecurityPillars.tsx similarity index 100% rename from src/pages/cloud/SecurityPillars.tsx rename to src/pages/cloud/archive/SecurityPillars.tsx diff --git a/src/pages/compute/ComputeDeveloperExperience.tsx b/src/pages/compute/archive/ComputeDeveloperExperience.tsx similarity index 96% rename from src/pages/compute/ComputeDeveloperExperience.tsx rename to src/pages/compute/archive/ComputeDeveloperExperience.tsx index 53905d8..ef96972 100644 --- a/src/pages/compute/ComputeDeveloperExperience.tsx +++ b/src/pages/compute/archive/ComputeDeveloperExperience.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const codeSamples = [ { diff --git a/src/pages/compute/ComputeDifferentiators.tsx b/src/pages/compute/archive/ComputeDifferentiators.tsx similarity index 94% rename from src/pages/compute/ComputeDifferentiators.tsx rename to src/pages/compute/archive/ComputeDifferentiators.tsx index fcb4af9..6325c54 100644 --- a/src/pages/compute/ComputeDifferentiators.tsx +++ b/src/pages/compute/archive/ComputeDifferentiators.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const differentiators = [ { diff --git a/src/pages/compute/ComputeUseCasesArchived.tsx b/src/pages/compute/archive/ComputeUseCasesArchived.tsx similarity index 94% rename from src/pages/compute/ComputeUseCasesArchived.tsx rename to src/pages/compute/archive/ComputeUseCasesArchived.tsx index f00c11b..44fec0d 100644 --- a/src/pages/compute/ComputeUseCasesArchived.tsx +++ b/src/pages/compute/archive/ComputeUseCasesArchived.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const primaryUseCases = [ { @@ -112,7 +112,7 @@ export function ComputeUseCases() { {computeSpecific.map((useCase) => (

{useCase.title} diff --git a/src/pages/compute/ComputeZeroImage.tsx b/src/pages/compute/archive/ComputeZeroImage.tsx similarity index 87% rename from src/pages/compute/ComputeZeroImage.tsx rename to src/pages/compute/archive/ComputeZeroImage.tsx index 741e53e..86b4490 100644 --- a/src/pages/compute/ComputeZeroImage.tsx +++ b/src/pages/compute/archive/ComputeZeroImage.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const zeroImageBenefits = [ 'Metadata-only artifacts replace heavy images for ultra-fast delivery.', @@ -10,11 +10,11 @@ const zeroImageBenefits = [ export function ComputeZeroImage() { return ( -
+
-
+
diff --git a/src/pages/gpu/GpuArchitectureArchive.tsx b/src/pages/gpu/archive/GpuArchitectureArchive.tsx similarity index 95% rename from src/pages/gpu/GpuArchitectureArchive.tsx rename to src/pages/gpu/archive/GpuArchitectureArchive.tsx index 8a54b42..90b9073 100644 --- a/src/pages/gpu/GpuArchitectureArchive.tsx +++ b/src/pages/gpu/archive/GpuArchitectureArchive.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const architectureSections = [ { diff --git a/src/pages/gpu/GpuDifferentiators.tsx b/src/pages/gpu/archive/GpuDifferentiators.tsx similarity index 91% rename from src/pages/gpu/GpuDifferentiators.tsx rename to src/pages/gpu/archive/GpuDifferentiators.tsx index 3e7d4b1..fffc9cc 100644 --- a/src/pages/gpu/GpuDifferentiators.tsx +++ b/src/pages/gpu/archive/GpuDifferentiators.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const differentiators = [ { @@ -52,7 +52,7 @@ export function GpuDifferentiators() { {differentiators.map((item) => (

{item.title}

@@ -61,7 +61,7 @@ export function GpuDifferentiators() {

))}
-
+

Cost Efficiency

Transparent economics makes capacity planning simple while keeping diff --git a/src/pages/gpu/GpuGettingStarted.tsx b/src/pages/gpu/archive/GpuGettingStarted.tsx similarity index 91% rename from src/pages/gpu/GpuGettingStarted.tsx rename to src/pages/gpu/archive/GpuGettingStarted.tsx index 8116ee9..b59bf81 100644 --- a/src/pages/gpu/GpuGettingStarted.tsx +++ b/src/pages/gpu/archive/GpuGettingStarted.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P, Small } from '../../../components/Texts' const steps = [ { @@ -44,7 +44,7 @@ export function GpuGettingStarted() { id="gpu-getting-started" className="relative overflow-hidden bg-gray-900 py-24 sm:py-32" > -

+
@@ -63,7 +63,7 @@ export function GpuGettingStarted() { {steps.map((step) => (
@@ -91,7 +91,7 @@ export function GpuGettingStarted() {
))}
-
+

Basic Workflow

diff --git a/src/pages/gpu/GpuIntegration.tsx b/src/pages/gpu/archive/GpuIntegration.tsx similarity index 92% rename from src/pages/gpu/GpuIntegration.tsx rename to src/pages/gpu/archive/GpuIntegration.tsx index bc9103f..2a1cd61 100644 --- a/src/pages/gpu/GpuIntegration.tsx +++ b/src/pages/gpu/archive/GpuIntegration.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const integrationPoints = [ 'Unified Mycelium networking provides secure access to GPU nodes.', @@ -50,7 +50,7 @@ export function GpuIntegration() {

-
+

Platform alignment

@@ -66,7 +66,7 @@ export function GpuIntegration() { ))}
-
+

Kubernetes deployment example

diff --git a/src/pages/home/HomeBenefits.tsx b/src/pages/home/HomeBenefits.tsx index 97bd066..96c75bf 100644 --- a/src/pages/home/HomeBenefits.tsx +++ b/src/pages/home/HomeBenefits.tsx @@ -34,7 +34,7 @@ export function HomeBenefits() { }, ]; return ( -
+
Benefits @@ -207,7 +207,7 @@ export const SkeletonTwo = () => { }} whileHover="whileHover" whileTap="whileTap" - className="rounded-xl -mr-4 mt-4 p-1 bg-white dark:bg-neutral-800 dark:border-neutral-700 border border-neutral-100 shrink-0 overflow-hidden" + className="rounded-xl -mr-4 mt-4 p-1 bg-black s border-neutral-100 shrink-0 overflow-hidden" > ) { ) } -/* ✅ Updated Feature List */ - const features = [ { name: 'Kubernetes Clusters', @@ -107,48 +104,40 @@ const features = [ }, ] -/* ✅ Component */ - export function HomeHosting() { return (
- {/* ✅ Soft overlay for readable text */} -
- - +
IN ACTIVE EVOLUTION

Expanding the Network Layer

- The Mycelium Network is evolving to support richer data movement, identity, and application connectivity across the mesh. - These enhancements deepen autonomy and improve real-world usability. + The Mycelium Network is evolving to support richer data movement, identity, + and application connectivity across the mesh. These enhancements deepen autonomy + and improve real-world usability.

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

    {feature.name}

    -

    {feature.description}

    + +

    {feature.name}

    +

    {feature.description}

    • ))}
diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx index c636840..596cb2e 100644 --- a/src/pages/home/HomePage.tsx +++ b/src/pages/home/HomePage.tsx @@ -1,13 +1,13 @@ import { useRef } from 'react' import { AnimatedSection } from '../../components/AnimatedSection' -import { StackSectionLight } from './StackSection' +import { StackSectionDark } from './StackSectionDark' import { WorldMap } from './HomeGlobe' import { HomeBenefits } from './HomeBenefits' import { CallToAction } from './CallToAction' -import { HomeSlider } from './HomeSlider' -import { HomeHostingDark } from './HomeHostingDark' +import { HomeHosting } from './HomeHosting' import { HomeAurora } from './HomeAurora' +import { HomeTab } from './HomeTab' export default function HomePage() { @@ -27,15 +27,15 @@ export default function HomePage() { - + - + - - + + diff --git a/src/pages/home/HomeTab.tsx b/src/pages/home/HomeTab.tsx new file mode 100644 index 0000000..dfef080 --- /dev/null +++ b/src/pages/home/HomeTab.tsx @@ -0,0 +1,133 @@ +"use client"; + +import { useState } from "react"; +import { Button } from "@/components/Button"; +import { Eyebrow, H3, P } from "@/components/Texts"; + +import cloudImage from "/images/pages/cloud.png"; +import networkImage from "/images/pages/network.png"; +import agentImage from "/images/pages/agent.png"; +import computeImage from "/images/pages/compute.png"; + +const tabs = [ + { + id: "cloud", + label: "Kubernetes Clusters", + title: "Mycelium Cloud", + description: "Deploy Kubernetes clusters on sovereign infrastructure.", + image: "/images/pages/cloud.png", + bg: cloudImage, + link: "/cloud", + }, + { + id: "network", + label: "Mesh Networking", + title: "Mycelium Network", + description: "Encrypted peer-to-peer mesh networking across the globe.", + image: "/images/pages/network.png", + bg: networkImage, + link: "/network", + }, + { + id: "agent", + label: "AI Agents", + title: "Mycelium Agents", + description: "Private, programmable AI systems that run on your hardware.", + image: "/images/pages/agent.png", + bg: agentImage, + link: "/agent", + }, + { + id: "compute", + label: "Compute & Storage", + title: "Hardware Resources", + description: "The resource layers powering the stack.", + image: "/images/pages/compute.png", + bg: computeImage, + link: "/compute", + }, +]; + +export function HomeTab() { + const [active, setActive] = useState("cloud"); + const current = tabs.find((t) => t.id === active)!; + + return ( +
+
+ + {/* ✅ Replaced H1 + P with Eyebrow + H3 + P */} + Ecosystem + +

+ Mycelium Components +

+ +

+ Each component can be used on its own or combined into a fully sovereign cloud. +

+ + {/* ✅ Tabs & content centered */} +
+
+ + {/* ✅ Tabs */} +
+
+ {tabs.map((tab) => ( + + ))} +
+
+ + {/* ✅ 2-column layout */} +
+ + {/* Left content */} +
+

+ {current.title} +

+ +

+ {current.description} +

+ + +
+ + {/* Right content */} +
+ {current.title} +
+ +
+ +
+
+
+
+ ); +} diff --git a/src/pages/home/HomeAgent.tsx b/src/pages/home/archive/HomeAgent.tsx similarity index 100% rename from src/pages/home/HomeAgent.tsx rename to src/pages/home/archive/HomeAgent.tsx diff --git a/src/pages/home/HomeAuroraedt.tsx b/src/pages/home/archive/HomeAuroraedt.tsx similarity index 100% rename from src/pages/home/HomeAuroraedt.tsx rename to src/pages/home/archive/HomeAuroraedt.tsx diff --git a/src/pages/home/HomeCTA.tsx b/src/pages/home/archive/HomeCTA.tsx similarity index 100% rename from src/pages/home/HomeCTA.tsx rename to src/pages/home/archive/HomeCTA.tsx diff --git a/src/pages/home/HomeCloud.tsx b/src/pages/home/archive/HomeCloud.tsx similarity index 100% rename from src/pages/home/HomeCloud.tsx rename to src/pages/home/archive/HomeCloud.tsx diff --git a/src/pages/home/HomeComparisonTable.tsx b/src/pages/home/archive/HomeComparisonTable.tsx similarity index 98% rename from src/pages/home/HomeComparisonTable.tsx rename to src/pages/home/archive/HomeComparisonTable.tsx index adfd0a9..eb223eb 100644 --- a/src/pages/home/HomeComparisonTable.tsx +++ b/src/pages/home/archive/HomeComparisonTable.tsx @@ -1,5 +1,5 @@ import { CheckIcon, XMarkIcon } from '@heroicons/react/24/outline' -import { Eyebrow, H3, P, CT } from '../../components/Texts' +import { Eyebrow, H3, P, CT } from '../../../components/Texts' const features = [ { name: 'Infrastructure Ownership', cloud: , mycelium: }, diff --git a/src/pages/home/HomeFeatures.tsx b/src/pages/home/archive/HomeFeatures.tsx similarity index 100% rename from src/pages/home/HomeFeatures.tsx rename to src/pages/home/archive/HomeFeatures.tsx diff --git a/src/pages/home/HomeFeaturesDark.tsx b/src/pages/home/archive/HomeFeaturesDark.tsx similarity index 100% rename from src/pages/home/HomeFeaturesDark.tsx rename to src/pages/home/archive/HomeFeaturesDark.tsx diff --git a/src/pages/home/HomeGlobeNew.tsx b/src/pages/home/archive/HomeGlobeNew.tsx similarity index 100% rename from src/pages/home/HomeGlobeNew.tsx rename to src/pages/home/archive/HomeGlobeNew.tsx diff --git a/src/pages/home/HomeHero.tsx b/src/pages/home/archive/HomeHero.tsx similarity index 100% rename from src/pages/home/HomeHero.tsx rename to src/pages/home/archive/HomeHero.tsx diff --git a/src/pages/home/HomeHostingDark.tsx b/src/pages/home/archive/HomeHostingDark.tsx similarity index 100% rename from src/pages/home/HomeHostingDark.tsx rename to src/pages/home/archive/HomeHostingDark.tsx diff --git a/src/pages/home/HomeMap.tsx b/src/pages/home/archive/HomeMap.tsx similarity index 100% rename from src/pages/home/HomeMap.tsx rename to src/pages/home/archive/HomeMap.tsx diff --git a/src/pages/home/HomeProductsA.tsx b/src/pages/home/archive/HomeProductsA.tsx similarity index 100% rename from src/pages/home/HomeProductsA.tsx rename to src/pages/home/archive/HomeProductsA.tsx diff --git a/src/pages/home/HomeStack.tsx b/src/pages/home/archive/HomeStack.tsx similarity index 100% rename from src/pages/home/HomeStack.tsx rename to src/pages/home/archive/HomeStack.tsx diff --git a/src/pages/home/HomeStat.tsx b/src/pages/home/archive/HomeStat.tsx similarity index 100% rename from src/pages/home/HomeStat.tsx rename to src/pages/home/archive/HomeStat.tsx diff --git a/src/pages/home/HomeTabs.tsx b/src/pages/home/archive/HomeTabs.tsx similarity index 100% rename from src/pages/home/HomeTabs.tsx rename to src/pages/home/archive/HomeTabs.tsx diff --git a/src/pages/home/HomeUniverse.tsx b/src/pages/home/archive/HomeUniverse.tsx similarity index 100% rename from src/pages/home/HomeUniverse.tsx rename to src/pages/home/archive/HomeUniverse.tsx diff --git a/src/pages/home/HomeWhy.tsx b/src/pages/home/archive/HomeWhy.tsx similarity index 100% rename from src/pages/home/HomeWhy.tsx rename to src/pages/home/archive/HomeWhy.tsx diff --git a/src/pages/storage/StorageDeveloperExperience.tsx b/src/pages/storage/archive/StorageDeveloperExperience.tsx similarity index 93% rename from src/pages/storage/StorageDeveloperExperience.tsx rename to src/pages/storage/archive/StorageDeveloperExperience.tsx index eabaa7a..03e7276 100644 --- a/src/pages/storage/StorageDeveloperExperience.tsx +++ b/src/pages/storage/archive/StorageDeveloperExperience.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' type Experience = { title: string @@ -95,7 +95,7 @@ export function StorageDeveloperExperience() { {experiences.map((experience) => (

diff --git a/src/pages/storage/StorageDifferentiators.tsx b/src/pages/storage/archive/StorageDifferentiators.tsx similarity index 90% rename from src/pages/storage/StorageDifferentiators.tsx rename to src/pages/storage/archive/StorageDifferentiators.tsx index 0a5bd57..df73a3a 100644 --- a/src/pages/storage/StorageDifferentiators.tsx +++ b/src/pages/storage/archive/StorageDifferentiators.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P } from '../../../components/Texts' const differentiators = [ { @@ -50,7 +50,7 @@ export function StorageDifferentiators() { {differentiators.map((item) => (

{item.title}

diff --git a/src/pages/storage/StorageFeatures.tsx b/src/pages/storage/archive/StorageFeatures.tsx similarity index 96% rename from src/pages/storage/StorageFeatures.tsx rename to src/pages/storage/archive/StorageFeatures.tsx index e608705..d522240 100644 --- a/src/pages/storage/StorageFeatures.tsx +++ b/src/pages/storage/archive/StorageFeatures.tsx @@ -1,5 +1,5 @@ -import { Container } from '../../components/Container' -import { Eyebrow, SectionHeader, P, Small } from '../../components/Texts' +import { Container } from '../../../components/Container' +import { Eyebrow, SectionHeader, P, Small } from '../../../components/Texts' const features = [ {