'use client' import { Disclosure, DisclosureButton, DisclosurePanel, } from '@headlessui/react' import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline' import { Eyebrow, H3, H4 } from "@/components/Texts" const product = { subtitle: 'capabilities', name: 'What You Can Run on Mycelium Cloud', description: '

Host nodes, deploy workloads, or build private AI systems, all on infrastructure you own and control.

', details: [ { name: 'Kubernetes Clusters', description: 'Deterministic K3s workloads across sovereign hardware.', }, { name: 'Encrypted Mesh Networking', description: 'No public ingress, no exposed attack surface, zero-trust routing.', }, { name: 'S3-Compatible Storage', description: 'Distributed storage with erasure coding and residency control.', }, { name: 'GPU-Ready', description: 'Scale inference & training on demand.', }, ], } // ✅ keep your product + relatedProducts data above here … export function CloudHostingNew() { return (
{/* ✅ Top horizontal line with spacing */}
{/* ✅ MAIN CONTENT */}
{/* ✅ Product Section */}
{/* ✅ Image */}
Mycelium Cloud
{/* ✅ Product info */}
{product.subtitle}

{product.name}

{/* ✅ Details accordion */}
{product.details.map((detail) => (

{detail.name}

{detail.description}

))}
{/* ✅ Bottom horizontal line with spacing */}
) }